:root{--paper:#fbf4e9;--cream:#fffcf6;--ink:#4b3334;--muted:#796661;--olive:#a55359;--olive-dark:#813c43;--line:#dbc7ab;--terra:#976b35}body{background:radial-gradient(ellipse at 85% 8%,#f3d9dc77,transparent 47%),repeating-linear-gradient(95deg,#a87b4205 0 1px,transparent 1px 4px),var(--paper)}body::before{content:"";position:fixed;inset:10px;border:1px solid #b8955b80;pointer-events:none;z-index:5}.app-shell{max-width:1320px;padding-inline:48px}.topbar{height:88px}.brand{letter-spacing:.12em}.brand-mark{color:#a77835}.topbar .text-button{font-size:.83rem;text-decoration:none}.hero{width:100%;margin:0;min-height:690px;padding:60px 16px 60px;display:grid;grid-template-columns:1.08fr 1fr;gap:34px}.hero-copy{width:100%;max-width:600px;text-shadow:none;padding:0}.hero-copy::before,.hero::before{display:none}.hero h1{display:block;font-size:clamp(2.3rem,3.6vw,3.5rem);letter-spacing:.035em;line-height:1.5;margin:23px 0}.hero h1 span{display:block;white-space:normal}.warm-ink{color:#a55359}.hero .eyebrow{font-size:.73rem;letter-spacing:.14em;color:#8d6b3e}.hero-tag{font-size:1.1rem;color:#936638!important}.hero .lead{font-size:1rem;line-height:2.1;color:var(--muted);max-width:500px}.button-primary{background:var(--olive);box-shadow:3px 4px 0 #c8a46955}.button-primary:hover{background:var(--olive-dark)}.button{border-radius:7px;min-height:48px}.hero .button-primary{margin-top:3px}.hero .tiny-note{font-size:.75rem;color:var(--muted)}.talisman-art{position:relative;inset:auto;z-index:0;display:block;width:100%;height:570px;max-width:550px;margin:0;mask-image:none;background:transparent;overflow:visible;box-shadow:none;border-radius:0}.hero-halo{position:absolute;inset:13% -2% 8%;border:1px solid #c4a06a66;border-radius:50%;background:radial-gradient(ellipse,#efd2d777,#f5e8d944,transparent 70%)}.talisman-art img{position:absolute;width:51%;height:auto;aspect-ratio:auto;object-fit:contain;filter:drop-shadow(0 15px 14px #78513725);border-radius:7px}.hero-center{left:25%;top:9%;transform:rotate(-3deg);z-index:3}.hero-left{left:0;top:15%;transform:rotate(-15deg);z-index:1}.hero-right{right:0;top:13%;transform:rotate(12deg);z-index:2}.art-note{position:absolute;bottom:5%;left:35%;z-index:4;background:#fff8e6;border:1px solid #cbb184;padding:10px 20px;letter-spacing:.2em;transform:rotate(-4deg);font-size:.87rem;box-shadow:0 5px 15px #71532915}.home-how{display:flex;gap:24px;justify-content:center;border-top:1px solid var(--line);padding:24px 0 40px;color:#836b58;font-size:.82rem}.page-botanicals{opacity:.32}.panel{max-width:1030px;background:linear-gradient(125deg,#fffdf8f5,#fbf1e8f5);border-color:#c3a46e80}.panel>.lead{max-width:800px;color:var(--muted);line-height:1.9}.panel>h1{color:var(--ink)}.panel>.eyebrow{color:#987644}.panel-bloom{opacity:.35}.progress-wrap{max-width:960px}.progress i{background:linear-gradient(90deg,#c69a5d,#a85d66)}.card-spread{gap:22px}.card-image{aspect-ratio:2/3;object-fit:contain;height:auto;background:#f8eadf}.card-back{aspect-ratio:2/3;background:radial-gradient(ellipse at 50% 30%,#fffaf0,#f1d4d4);border:1px solid #bb935e;outline:1px dashed #b5915a;outline-offset:-12px;color:#935156;gap:20px;box-shadow:0 8px 24px #8e5b3215}.card-back strong{font-size:1.6rem;letter-spacing:.22em;line-height:1.8}.card-back span{color:#b18a49}.card-back small{background:none;color:#7b6455;letter-spacing:.12em;font-size:.75rem}.card-back.waiting{background:linear-gradient(140deg,#fff8ec,#e9dfd6)}.card-text{min-height:112px;padding:14px 3px 9px}.card-text small{font-size:.73rem;color:#8d765b}.card-text strong{font-size:1.15rem;color:#8c454c}.card-text span{font-size:.86rem;color:#6e5954;line-height:1.7}.choose-feeling{width:100%;padding:10px 5px;font-size:.88rem}.draw-card.selected .card-image{outline:3px solid #af6970;outline-offset:3px}.chip.selected,.suggestion.selected,.choose-feeling.selected{background:#f3dfe0;border-color:#a55359;color:#713c42}.draw-card>.text-button{min-height:44px}.button-quiet,.button-outline{color:#7c484c}.button-quiet{background:#f4e9df}.support-intro{display:grid;grid-template-columns:125px 1fr;gap:26px;align-items:center;margin:24px 0}.support-intro .summary-card-image{justify-self:start;width:125px}.support-intro h2{font-size:1.4rem;color:#914b52;margin:8px 0}.support-intro h2 small{font-size:.85rem;display:inline-block;margin-left:10px;font-weight:400;color:#806850}.inner-voice{font-size:1.03rem;line-height:1.95}.food-note{background:#f4ebdc;border:1px solid #dec7a5;border-left:3px solid #b68b4b;padding:17px 22px;margin:22px 0;border-radius:3px 14px 14px 3px}.food-note strong{font-size:.9rem;color:#836333}.food-note p{font-size:.97rem;margin:8px 0 0;line-height:1.95;color:#6c574e}.muted{color:#77645b}.suggestion{line-height:1.9;font-size:1rem;padding:17px 20px}.edit-summary input{min-height:48px;color:var(--ink);background:#fffdf8;border:1px solid #cab99c}.final-card{background:#f6ebdf}.final-card p{color:#65504b;line-height:2;overflow-wrap:anywhere}.final-card h2{color:#925259;margin:16px 0 8px}.summary-image-frame{max-width:440px}.summary-image-frame img{max-width:100%;height:auto}.gentle-reminder{margin:26px 0;color:#715c53}.gentle-reminder p{line-height:1.9}footer{display:flex;flex-wrap:wrap;justify-content:space-between;color:#836b58;gap:12px}footer::before{background:var(--paper);color:#b08b52}footer strong{font-weight:500}.dialog-head{top:-24px}dialog{background:#fff9f0}dialog .tiny-note{font-size:.77rem;line-height:1.8}.image-dialog .enlarged-card{height:auto;max-height:66vh;object-fit:contain}.icon-button{min-width:44px;min-height:44px}.summary-download{white-space:normal}a.disabled{pointer-events:none;opacity:.5}.summary-card-image img,.finish-card-button img{height:auto}.card-dialog-content{grid-template-columns:170px 1fr}.card-dialog-content p,.card-dialog-content li{font-size:.96rem;line-height:1.85}.brand:focus-visible,button:focus-visible,a:focus-visible{outline-color:#98505a}
@media(max-width:900px){.app-shell{padding-inline:30px}.hero{grid-template-columns:1fr 1fr;padding-inline:0;gap:10px;min-height:610px}.hero h1{font-size:2.4rem}.talisman-art{height:470px}.art-note{bottom:7%;left:27%}.panel{padding-inline:30px}}
@media(max-width:760px){body::before{inset:6px}.app-shell{padding-inline:22px}.topbar{height:72px;gap:10px}.brand{font-size:.92rem;letter-spacing:.05em}.topbar .text-button{font-size:.75rem;min-height:44px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:40px 5px 0;background:transparent;overflow:visible;margin-bottom:0}.hero-copy{padding:0;margin:0;max-width:none}.hero h1{font-size:clamp(1.95rem,7.8vw,2.85rem);margin:18px 0 20px;line-height:1.5}.hero .eyebrow{font-size:.63rem;letter-spacing:.08em}.hero-tag{font-size:.95rem}.hero .lead{font-size:.94rem;line-height:2}.hero .tiny-note{font-size:.69rem}.talisman-art{height:clamp(350px,98vw,510px);width:100%;max-width:480px;margin:0 auto}.talisman-art img{width:47%}.hero-center{left:27%;top:11%}.hero-left{left:3%;top:19%}.hero-right{right:1%;top:17%}.art-note{bottom:6%;font-size:.75rem;left:29%;padding:7px 15px}.home-how{flex-direction:column;gap:9px;align-items:center;padding:24px 0 32px;font-size:.78rem}.panel{padding:30px 17px;margin-inline:0}.panel>.eyebrow{font-size:.61rem}.panel>h1{font-size:1.55rem;line-height:1.6}.panel>.lead{font-size:.95rem}.card-spread{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-inline:-4px}.card-back{outline-offset:-6px;gap:12px}.card-back strong{font-size:.92rem;letter-spacing:.12em}.card-back span{font-size:1.6rem}.card-back small{font-size:.6rem;letter-spacing:0;padding:0}.card-text{min-height:142px;padding-top:11px}.card-text strong{font-size:.95rem}.card-text small{font-size:.68rem;line-height:1.6;min-height:40px}.card-text span{font-size:.84rem;line-height:1.65;min-height:0}.choose-feeling{font-size:.75rem;min-height:48px;line-height:1.5;border-radius:5px;white-space:normal}.draw-card>.text-button{font-size:.75rem}.support-intro{grid-template-columns:86px 1fr;gap:16px}.support-intro .summary-card-image{width:86px}.support-intro .eyebrow{font-size:.67rem;letter-spacing:.04em}.support-intro h2{font-size:1.1rem}.support-intro h2 small{display:block;margin:4px 0 0;font-size:.78rem}.inner-voice{font-size:.92rem;line-height:1.9}.food-note{padding:15px}.food-note p{font-size:.93rem}.suggestion{font-size:.95rem;padding:15px 13px}.button-row .button{font-size:.85rem}.card-dialog-content{grid-template-columns:1fr}.card-dialog-content img{width:130px;position:static;margin:auto}.card-dialog-content p,.card-dialog-content li{font-size:.96rem}dialog{padding:20px}.dialog-head h2{font-size:1.1rem}.dialog-head{top:-20px}footer{display:flex;font-size:.75rem}.summary-image-frame{max-width:100%}.image-dialog .enlarged-card{max-height:62vh}.progress-meta{font-size:.75rem}.final-card{padding:18px}.final-card p{font-size:.98rem}}
@media(max-width:360px){.app-shell{padding-inline:17px}.panel{padding-inline:14px}.card-spread{gap:6px}.choose-feeling{font-size:.71rem;padding-inline:2px}.card-text span{font-size:.8rem}.brand{font-size:.84rem}.topbar .text-button{font-size:.7rem}}
