/* The original orange, cream, mint and pink deck is the visual source. */
:root{--paper:#fff0ce;--white:#fff7e5;--ink:#181913;--orange:#fa4b19;--green:#285b43;--mint:#a9d2b5;--pink:#efa4a4;--line:#181913;--muted:#505044;--display:"Arial Black","Noto Sans TC","Microsoft JhengHei",sans-serif;--serif:var(--display)}
body{background:var(--orange) url('print-texture.svg');color:var(--ink);padding:16px 22px 0;line-height:1.9}
main,.topbar,footer{max-width:1360px;margin-left:auto;margin-right:auto}
main{background:var(--paper) url('print-texture.svg');border:4px solid var(--ink);border-top:0;min-height:70vh}
.topbar{background:var(--paper) url('print-texture.svg');border:4px solid var(--ink);padding:22px 38px;gap:25px;position:relative}
.brand{font-family:var(--display);font-size:29px;font-weight:1000;letter-spacing:1px;line-height:1.25}
.brand-sub{font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:4px;margin-top:9px}
.topbar nav{gap:9px;align-items:center}
.topbar nav a{padding:9px 14px;border:2px solid var(--ink);font-size:12px;font-weight:900;line-height:1.6;background:var(--white);box-shadow:2px 2px 0 var(--ink);white-space:nowrap}
.topbar nav a.active{background:var(--orange);color:var(--ink)}
.topbar nav a.active:after{display:none}
.topbar nav span{border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:0 5px;margin-left:3px}
.icon-btn{color:var(--ink);font-size:30px}
.wrap{max-width:1240px;padding:0 36px}
h1,h2,h3,.affirmation,.postcard-affirm{font-family:var(--display);font-weight:1000;letter-spacing:.025em}
.eyebrow{font-weight:900;letter-spacing:1.5px;color:var(--ink)}
.page-heading{padding:38px 0 27px;border-bottom:3px solid var(--ink);margin-bottom:27px}
.page-heading>.eyebrow{background:var(--ink);color:var(--paper);display:inline-block;padding:4px 11px;font-size:10px;letter-spacing:2px}
.page-heading h1{font-size:39px;line-height:1.35;margin-top:14px;font-weight:1000}
.page-heading p{color:#414334;font-size:14px;margin-top:13px}
.primary{background:var(--orange);color:var(--ink);border:3px solid var(--ink);border-radius:2px;box-shadow:4px 4px 0 var(--ink);font-weight:900;letter-spacing:.04em;line-height:1.6;padding:13px 22px}
.primary:hover:not(:disabled){background:var(--mint);color:var(--ink)}
.secondary{background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:2px;box-shadow:3px 3px 0 var(--ink);font-weight:800}
.secondary:hover:not(:disabled){background:var(--mint)}
.text-btn{font-weight:800;color:var(--ink);text-decoration-thickness:1.5px}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--green);outline-offset:5px}
.hero{min-height:590px;gap:32px;padding-top:40px;padding-bottom:45px}
.hero h1{font-size:clamp(40px,4.6vw,65px);font-weight:1000;letter-spacing:1px;line-height:1.35}
.hero h1 em{color:var(--ink);background:linear-gradient(transparent 62%,var(--pink) 62% 96%,transparent 96%)}
.hero-copy>p{font-size:14px;color:#3f4236;line-height:2}
.hero .eyebrow{border-bottom:3px solid var(--ink);padding-bottom:9px;display:inline-block}
.hero-fine{color:var(--ink);font-weight:600}.hero-fine:before{color:#d35354}
.art-circle{background:var(--orange);border:4px solid var(--ink);border-radius:30px;width:385px;height:390px;transform:rotate(4deg);box-shadow:8px 8px 0 var(--ink)}
.art-orbit{border:2px dashed var(--ink);width:430px;height:430px}
.art-card{border:4px solid var(--ink);box-shadow:5px 6px 0 var(--ink);border-radius:8px;background:var(--paper)}
.art-stamp{background:var(--pink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);right:0;bottom:30px;font-weight:800}
.art-stamp strong{font-family:var(--display);font-weight:1000}
.art-star,.art-small-star{color:var(--ink)}
.art-label{color:var(--ink);font-weight:800;font-size:9px}
.ticker{background:var(--ink);color:var(--paper);border:0;border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);padding:11px 20px;gap:35px;font-weight:900;letter-spacing:2px}
.ticker span:nth-child(even){color:var(--pink)}
.section-heading{align-items:center}.section-heading h2{font-size:30px;font-weight:1000}
.section-heading p{color:var(--ink)}
.journey-grid{border:3px solid var(--ink);background:var(--white);box-shadow:5px 5px 0 var(--ink)}
.journey-item{padding:24px 20px;grid-template-columns:38px 1fr;gap:15px}
.journey-item+div{border-left:3px solid var(--ink);padding-left:22px}
.journey-num{font-family:var(--display);font-size:30px;font-weight:1000;color:var(--orange);-webkit-text-stroke:1px var(--ink)}
.journey-item h3{font-size:16px;font-weight:1000}.journey-item p{color:#4d4d41}
.preview-grid{gap:18px}.mini-card{border:2px solid var(--ink);padding:8px 8px 10px;background:var(--white);box-shadow:3px 3px 0 var(--ink);border-radius:4px}
.mini-card .image-wrap{border:2px solid var(--ink);border-radius:4px;background:var(--orange)}
.mini-card h3{font-family:var(--display);font-size:13px;font-weight:1000;margin-top:11px}
.mini-card p{font-size:10px;line-height:1.8;color:#454637}.card-no{font-weight:900;color:#bc3718;font-size:10px}
.completed-mark{background:var(--mint);color:var(--ink);border:1px solid var(--ink);border-radius:2px;font-weight:800}
.saved-heart{border:1px solid var(--ink);background:var(--pink);color:var(--ink)}
.home-note{background:var(--mint);color:var(--ink);border:3px solid var(--ink);border-radius:2px;box-shadow:5px 5px 0 var(--ink)}
.home-note>span{color:#dc6872;font-size:42px;-webkit-text-stroke:1px var(--ink)}
.home-note h3{font-size:22px}.home-note p{color:#2e3e2d}
.draw-layout{grid-template-columns:365px minmax(0,1fr);gap:30px;padding-bottom:45px}
.draw-settings,.deck-stage{border:3px solid var(--ink);border-radius:9px;box-shadow:6px 6px 0 var(--ink);background:linear-gradient(90deg,var(--orange) 0 9px,transparent 9px calc(100% - 9px),var(--orange) calc(100% - 9px)),var(--white) url('print-texture.svg')}
.draw-settings{padding:28px}.step-heading{font-size:17px;font-weight:1000;gap:11px;margin-bottom:17px;line-height:1.6}
.step-heading span{background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:2px;font-size:11px;min-width:25px;width:25px;height:25px}
.mood-list{gap:8px;margin-bottom:25px}.chip{background:var(--paper);border:2px solid var(--ink);border-radius:2px;padding:6px 10px;font-weight:800;line-height:1.7;font-size:12px}
.chip.selected{background:var(--mint);border-color:var(--ink);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
.chip:hover:not(:disabled){background:var(--pink)}
.mode-options{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 22px}
.mode-option{padding:17px 13px;border:2px solid var(--ink);border-radius:3px;background:var(--paper);min-height:142px;position:relative}
.mode-option.selected{border-color:var(--ink);background:var(--mint);box-shadow:4px 4px 0 var(--ink)}
.mode-option strong{font-family:var(--display);font-size:18px;font-weight:1000;line-height:1.5;margin-bottom:10px}
.mode-option small{color:#3f4536;font-size:11px;line-height:1.9;display:block}
.check-label{font-weight:700}.check-label input{accent-color:var(--ink);width:18px;height:18px}
.draw-settings .fine-print{line-height:1.9;font-size:10px!important;color:#545044}
.draw-settings .primary{margin-top:18px;width:calc(100% - 4px);font-size:14px;padding:14px 10px}
.deck-stage{padding:25px;min-height:550px;text-align:center;isolation:isolate}
.deck-stage>.eyebrow{background:var(--ink);color:var(--paper);padding:5px 10px;font-size:9px;letter-spacing:1.5px;max-width:100%}
.deck-stage h2{font-size:27px;font-weight:1000;margin-top:13px}.deck-stage>p{color:#434637}
.deck-fan{margin:25px 0;height:280px}.fan-card{border:3px solid var(--ink);box-shadow:3px 4px 0 var(--ink);border-radius:6px}
.spread{gap:15px}.spread-slot{min-width:0}.spread-slot>p{color:var(--ink);font-weight:900;line-height:1.7}
.spread-card{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:6px;background:var(--orange)}
.spread-card:not(.revealed):after{border:2px solid var(--ink);font-weight:900;box-shadow:2px 2px 0 var(--ink)}
.spread-read{background:var(--mint);color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-weight:800;border-radius:2px}
.spread-slot h3{font-size:14px;font-weight:1000}.spread-slot small{color:#4d5040}.spread-summary{border:2px solid var(--ink);border-radius:2px;background:var(--paper);text-align:left}
.spread-summary strong{color:var(--ink)}.result-mood{color:var(--ink)!important}
.search{border:3px solid var(--ink);border-radius:2px;background:var(--white);box-shadow:4px 4px 0 var(--ink);font-size:14px;margin-bottom:24px}
.filters{gap:10px}.collection-tools{border:3px solid var(--ink);border-radius:2px;background:var(--mint);box-shadow:5px 5px 0 var(--ink);padding:20px;margin-bottom:27px}
.progress-copy,.progress-copy strong{color:var(--ink);font-weight:800}.progress-track{height:8px;border:1px solid var(--ink);background:var(--paper);border-radius:0}.progress-track span{background:var(--ink)}
.collection-grid{gap:23px 18px;padding-bottom:45px}.result-count{font-weight:700;color:#444737}
dialog{border:4px solid var(--ink);border-radius:10px;background:var(--paper) url('print-texture.svg');box-shadow:10px 10px 0 var(--ink),0 20px 80px #0006}
dialog::backdrop{background:#171810b8;backdrop-filter:blur(2px)}
.dialog-close{border:2px solid var(--ink);border-radius:3px;background:var(--pink);color:var(--ink);font-weight:800;box-shadow:2px 2px 0 var(--ink);top:13px;right:13px}
.card-detail{grid-template-columns:36% minmax(0,1fr)}
.detail-art{background:linear-gradient(90deg,var(--orange) 0 14px,var(--mint) 14px calc(100% - 14px),var(--orange) calc(100% - 14px));border-right:3px solid var(--ink);padding:48px 30px 35px}
.detail-art img{border:3px solid var(--ink);border-radius:7px;box-shadow:6px 6px 0 var(--ink)}
.detail-art p{font-weight:800;color:var(--ink);font-size:10px}.detail-content h2{font-size:37px;font-weight:1000}
.tag{color:var(--ink);border:1.5px solid var(--ink);background:var(--paper);border-radius:2px;font-weight:700}
.orientation{background:var(--ink);border:2px solid var(--ink);border-radius:2px;gap:2px;padding:2px}
.orientation button{color:var(--paper);border-radius:0;font-weight:800}.orientation button.active{background:var(--orange);color:var(--ink);box-shadow:none}
.meaning-label{color:#b73617;font-weight:900}.meaning{font-size:14px;color:#35372d}.reverse-note{color:#545044}
.companion{border:2px solid var(--ink);border-radius:3px;background:var(--mint);box-shadow:4px 4px 0 var(--ink);padding:20px;margin:25px 0}
.companion h3{color:var(--ink);font-weight:1000}.companion p{color:#243223;font-size:14px}
.affirmation{border:0;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);background:var(--pink);color:var(--ink);padding:14px 17px;margin:27px 0;font-size:20px;font-weight:900}
.exercise{border-top:3px solid var(--ink)}.exercise h3{font-size:18px;font-weight:1000;line-height:1.6}.exercise .eyebrow{color:#b73617}
.choice{border:2px solid var(--ink);background:var(--white);border-radius:2px;font-size:13px;font-weight:600}
.choice:before{border:2px solid var(--ink)}.choice.selected{border-color:var(--ink);background:var(--mint);box-shadow:2px 2px 0 var(--ink)}
.choice.selected:before{background:var(--ink);box-shadow:inset 0 0 0 2px var(--mint)}.choice-feedback{color:#285338}
.action-box{border:2px dashed var(--ink);background:#ffe1a8;border-radius:2px}.action-box h4{color:var(--ink);font-weight:900}.action-done{border:2px solid var(--ink);border-radius:2px;font-weight:800}.action-done.done{background:var(--ink);color:var(--paper)}
.journal-form textarea{border:2px solid var(--ink);background:var(--white);border-radius:2px}.detail-bottom{border-top:3px solid var(--ink)}
.favorite{border:2px solid var(--ink);border-radius:2px;background:var(--paper);font-weight:800}.favorite[aria-pressed=true]{border-color:var(--ink);background:var(--pink);color:var(--ink)}
.small-dialog h2,.quiz-body h2,.quiz-complete h2{font-weight:1000}.small-dialog{padding:36px}.small-dialog p{line-height:2}
.quiz-panel{border:3px solid var(--ink);border-radius:7px;box-shadow:6px 6px 0 var(--ink);background:var(--white);padding:30px}.quiz-body img{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.quiz-options button{border:2px solid var(--ink);border-radius:2px;background:var(--paper);font-weight:700}.quiz-options button.correct{border-color:var(--ink);background:var(--mint);color:var(--ink)}.quiz-options button.wrong{border-color:var(--ink);background:var(--pink);color:var(--ink)}
.quiz-feedback{border-top:3px solid var(--ink)}.quiz-score{font-family:var(--display);color:var(--orange);font-weight:1000;-webkit-text-stroke:1px var(--ink)}
.journal-entry.journal-postcard{border:3px solid var(--ink);border-radius:8px;box-shadow:5px 5px 0 var(--ink);background:var(--white)}
.postcard-top{background:var(--ink);color:var(--paper);padding:13px 20px;font-weight:800;letter-spacing:1px}.postcard-top>span:before{content:'✦';color:var(--pink);font-size:17px}.postcard-top time{color:var(--paper)}
.postcard-hero{background:linear-gradient(90deg,var(--orange) 0 9px,var(--post-wash,var(--mint)) 9px);border-bottom:3px solid var(--ink);padding:23px 24px;gap:23px;grid-template-columns:94px minmax(0,1fr)}
.postcard-hero img{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.postcard-hero h2{font-family:var(--display);color:var(--ink);font-weight:1000;font-size:26px}
.postcard-hero .eyebrow{color:var(--ink);font-weight:900}.journal-entry .postcard-affirm{font-family:var(--display);color:var(--ink);font-weight:900;font-size:17px}.postcard-mood{border:1px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:2px;font-weight:800}
.journal-entry .postcard-note{font-size:15px;line-height:2}.journal-entry .postcard-dedication{border-top:2px solid var(--ink);color:#b43718;font-weight:900}.journal-postcard .entry-actions .primary{background:var(--orange);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:9px 12px;border-radius:2px}
.journal-postcard .entry-actions .text-btn{color:var(--ink)}
.journal-empty{border:3px solid var(--ink);background:var(--mint);border-radius:4px;box-shadow:6px 6px 0 var(--ink)}.journal-empty .empty-symbol{color:var(--ink)}
.share-preview{border:3px solid var(--ink);border-radius:5px;background:var(--orange) url('print-texture.svg');padding:18px}.share-preview img{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}
.share-controls h2{font-family:var(--display);font-weight:1000;font-size:31px}.share-controls .share-dedication{color:#b43718}.share-controls .primary{box-shadow:3px 3px 0 var(--ink)}.share-status{color:var(--green)!important}
footer{background:var(--ink);color:var(--paper);border:4px solid var(--ink);margin-top:0;padding:24px 38px}.footer-logo,footer button{color:var(--paper)}
#toast{background:var(--ink);color:var(--paper);border:2px solid var(--paper);box-shadow:4px 4px 0 var(--ink);border-radius:2px;font-weight:700}
@media(min-width:1450px){.hero h1{font-size:65px}}
@media(max-width:1100px){.brand{font-size:25px}.topbar{padding:21px 25px;gap:20px}.topbar nav a{padding:8px 11px;font-size:11px}.draw-layout{grid-template-columns:340px minmax(0,1fr);gap:22px}.draw-settings{padding:25px}.deck-stage{padding:22px 18px}.collection-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.postcard-hero{grid-template-columns:80px minmax(0,1fr);gap:18px;padding:21px}.postcard-hero img{width:80px}}
@media(max-width:900px) and (min-width:781px){.topbar{flex-wrap:wrap}.topbar nav{width:100%;order:3;justify-content:space-between;margin-top:5px}.topbar nav a{flex:1;text-align:center}.about-button{margin-left:auto}.draw-layout{grid-template-columns:1fr}.mode-options{grid-template-columns:1fr 1fr}.deck-stage{min-height:500px}}
@media(max-width:780px){body{padding:9px 9px 0}main,.topbar,footer{border-width:3px}.topbar{padding:19px 17px 15px;gap:12px}.brand{font-size:25px;line-height:1.3;letter-spacing:1px}.brand-sub{font-size:11px;margin-top:6px;letter-spacing:3px}.topbar nav{gap:8px;margin-top:5px;justify-content:space-between}.topbar nav a{font-size:10px;padding:8px 7px;border-width:2px;text-align:center;flex:1;box-shadow:2px 2px 0 var(--ink)}.topbar nav span{font-size:8px;margin-left:1px;padding:0 3px}.icon-btn{font-size:30px}.wrap{padding:0 18px}.page-heading{padding:28px 0 22px;margin-bottom:24px}.page-heading h1{font-size:31px;margin-top:12px;line-height:1.45}.page-heading p{font-size:12px;line-height:1.9}.page-heading>.eyebrow{font-size:9px;padding:3px 8px}.hero{padding:28px 0 30px;min-height:0;gap:4px}.hero h1{font-size:42px;line-height:1.45;letter-spacing:0}.hero-copy>p{font-size:12px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero-actions{gap:18px;flex-wrap:wrap;margin-top:22px}.hero-actions .primary{font-size:13px;padding:11px 15px;gap:14px}.hero-actions .text-btn{font-size:11px}.hero-fine{font-size:9px;margin-top:19px}.hero-art{height:380px;margin:0 -10px -15px;scale:.86;overflow:clip}.art-circle{width:330px;height:330px}.art-orbit{width:355px;height:355px}.art-stamp{right:5px;bottom:28px}.art-label{font-size:8px}.ticker{font-size:10px;gap:22px;padding:9px 12px}.section{padding:29px 0}.section-heading{gap:15px}.section-heading h2{font-size:25px}.section-heading .text-btn{font-size:10px}.journey-grid{border-width:2px;box-shadow:4px 4px 0 var(--ink)}.journey-item{padding:18px 16px;grid-template-columns:32px 1fr;gap:14px}.journey-item+div{border-left:0;border-top:2px solid var(--ink);padding-left:16px}.journey-num{font-size:27px}.journey-item h3{font-size:15px}.journey-item p{font-size:11px}.preview-grid{gap:17px 12px}.mini-card{padding:5px 5px 8px;box-shadow:2px 2px 0 var(--ink)}.mini-card h3{font-size:11px;margin-top:9px}.mini-card p{font-size:8px;line-height:1.7}.card-no{font-size:9px}.home-note{padding:21px 17px;gap:14px;border-width:2px;box-shadow:4px 4px 0 var(--ink)}.home-note h3{font-size:18px}.home-note p{font-size:11px}.draw-layout{grid-template-columns:minmax(0,1fr);gap:26px;padding-bottom:30px}.draw-settings,.deck-stage{border-width:3px;box-shadow:4px 4px 0 var(--ink);background:linear-gradient(90deg,var(--orange) 0 7px,transparent 7px calc(100% - 7px),var(--orange) calc(100% - 7px)),var(--white) url('print-texture.svg')}.draw-settings{padding:23px 21px}.step-heading{font-size:17px;gap:9px;margin-bottom:16px}.step-heading span{width:25px;height:25px;font-size:10px}.mood-list{gap:8px;margin-bottom:25px}.chip{font-size:11px;padding:6px 9px}.mode-options{gap:12px;margin-bottom:20px}.mode-option{padding:16px 12px;min-height:138px}.mode-option strong{font-size:18px;line-height:1.6}.mode-option small{font-size:10px;line-height:1.9}.check-label{font-size:11px;margin:20px 0 15px}.draw-settings .primary{padding:14px 8px;font-size:14px;margin-top:17px}.draw-settings .fine-print{font-size:10px!important;line-height:1.9}.deck-stage{padding:23px 18px;min-height:470px}.deck-stage h2{font-size:24px}.deck-stage>.eyebrow{font-size:8px}.deck-fan{height:260px;scale:.85;margin:5px 0}.deck-stage>p{font-size:11px}.spread{gap:10px;margin:22px 0}.spread-slot>p{font-size:10px}.spread-slot h3{font-size:11px}.spread-read{font-size:9px;padding:6px}.spread-card{border-width:2px;box-shadow:3px 3px 0 var(--ink)}.spread-card:not(.revealed):after{font-size:9px;padding:5px 0}.spread-slot small{font-size:9px}.spread-summary{font-size:12px;padding:13px}.stage-actions{gap:14px}.stage-actions .secondary{font-size:12px;padding:8px 12px}.stage-actions .text-btn{font-size:11px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 12px}.collection-tools{padding:16px 13px;gap:14px;border-width:2px;box-shadow:4px 4px 0 var(--ink)}.collection-tools .secondary{font-size:10px;padding:8px 10px}.progress-copy{font-size:10px}.progress-copy strong{font-size:18px}.progress-track{width:125px}.search{font-size:12px;padding:11px 12px;border-width:2px}.filters{gap:8px}.result-count{font-size:10px}.card-detail{grid-template-columns:minmax(0,1fr)}.detail-art{border-right:0;border-bottom:3px solid var(--ink);padding:29px 26px 24px}.detail-art img{width:164px;box-shadow:5px 5px 0 var(--ink)}.detail-content{padding:26px 22px}.detail-content h2{font-size:32px}.detail-content .meaning{font-size:13px}.detail-art p{font-size:9px}.companion{padding:17px;border-width:2px;box-shadow:3px 3px 0 var(--ink)}.companion p{font-size:13px}.affirmation{font-size:19px;padding:12px 15px;margin:24px 0}.exercise h3{font-size:17px}.choice{font-size:12px;padding:10px 12px}.action-box{padding:15px}.action-box p{font-size:12px}.favorite{font-size:10px}.tag{font-size:9px}.small-dialog{padding:32px 23px}.small-dialog h2{font-size:27px}.small-dialog p{font-size:13px}.quiz-panel{padding:23px 18px;border-width:3px;box-shadow:4px 4px 0 var(--ink)}.quiz-body{grid-template-columns:minmax(0,1fr)}.quiz-body img{width:135px}.quiz-body h2{font-size:23px}.quiz-options button{font-size:12px}.journal-list{gap:26px}.postcard-top{padding:12px 17px}.postcard-top time{font-size:9px}.postcard-hero{grid-template-columns:80px minmax(0,1fr);gap:20px;padding:21px 20px}.postcard-hero h2{font-size:23px}.journal-entry .postcard-affirm{font-size:16px}.journal-entry .postcard-note{font-size:14px}.journal-entry .postcard-dedication{font-size:11px}.journal-postcard .entry-body{padding:20px 18px}.journal-postcard .entry-actions{gap:15px}.journal-postcard .entry-actions .primary{font-size:11px;padding:8px 11px}.journal-entry.journal-postcard{box-shadow:4px 4px 0 var(--ink)}.share-preview{padding:12px;border-width:2px}.share-controls h2{font-size:27px}.share-controls>.primary{font-size:13px}footer{padding:20px 18px;gap:14px}.footer-logo{font-size:17px}footer p{font-size:10px}}
@media(max-width:370px){.brand{font-size:23px}.topbar{padding-left:14px;padding-right:14px}.topbar nav{gap:6px}.topbar nav a{font-size:9px;padding:8px 4px}.wrap{padding:0 14px}.page-heading h1{font-size:28px}.draw-settings{padding:23px 17px}.mode-option{padding:14px 10px}.mode-option strong{font-size:17px}.step-heading{font-size:15px}.postcard-hero{gap:15px;padding:20px 17px}.postcard-hero h2{font-size:21px}}