/* A sunlit paper card: ivory, ink, honey, and real photographs. */
:root{color-scheme:light;--bg:#f6ecdd;--cream:#49362b;--muted:#715d4c;--pink:#a6533e;--gold:#91622d;--line:#af916547}
body{background:#f6ecdd;color:#49362b}.grain{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.35' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;opacity:.15;mix-blend-mode:multiply}
.brand-star,.eyebrow{color:#90602c}.sound{background:#fffaf1b3;color:#69503c;border-color:#b69b735c;box-shadow:none}#sound-icon{color:#8c602b}.lead,.welcome .lead,.garden-copy .lead,.question-card .lead,.cake-scene .lead,.finale .lead{color:#6a5545}.hint,.footnote,.welcome .footnote,.question-footnote{color:#7c6652}.intro-orbit{border-color:#b49a7440;box-shadow:none}.intro-orbit:before,.intro-orbit:after{border-color:#b49a741c}.intro-orbit i:before{background:#b08a40;box-shadow:0 0 10px #b08a401f}.intro-orbit b,.intro-orbit>span{color:#ab813f}.welcome-bottom{color:#8c7459}.thin-line{background:#b59b745e}.welcome:after{filter:drop-shadow(0 5px 7px #a16d261a)}
.primary,.welcome .start,.garden-actions .primary,.answer-reveal .primary{background:#e9c887;border-color:#c69e59;color:#49321e;box-shadow:0 3px 10px #9c773610}.primary:hover,.welcome .start:hover,.garden-actions .primary:hover,.answer-reveal .primary:hover{background:#e2bd74;color:#3b2819}.text-button,.garden-actions .text-button,#skip-questions,.back{color:#805728;border-color:#b795624d}.chapter-count{color:#826d56}.step{background:#bca58c}.step.selected{background:#94662f}.garden-instruction{color:#795b34}.garden-aura{background:none}.garden-ground{opacity:.45}.cotton-head{filter:drop-shadow(0 4px 5px #75531926)}.bloom-glow{opacity:.035}.photo-heart{filter:drop-shadow(0 3px 5px #72452440)}.photo-heart:hover{filter:drop-shadow(0 3px 8px #8c60294d)}.fireflies i{background:#b48a36;box-shadow:none;opacity:.45}
.question-flower{filter:drop-shadow(0 4px 9px #9f77231a)}.question-flower span{color:#fff4cd;text-shadow:0 1px 3px #583313}.question-count{color:#866642}.question-progress{background:#cdbca255}.question-progress i{background:#b1833b;box-shadow:none}.answer-choice{background:#fffaf2;color:#513a2d;border:1px solid #bba17c;box-shadow:0 3px 10px #78552808}.answer-choice:hover{background:#f1e3ca;color:#49321f;border-color:#9e783e}.answer-choice:disabled{opacity:1;background:#f1e8da;color:#6b5646;border-color:#c3ae91}.answer-choice.chosen{background:#f3d99f;color:#473016;border-color:#a67932;box-shadow:inset 3px 0 #a67932}.answer-reveal p{background:#fffbf4;color:#573d2e;border-color:#c7b08e;box-shadow:0 3px 12px #7c5d3908}.question-progress,.answer-choice,.answer-reveal p{backdrop-filter:none}
.letter{background:#fffaf1;color:#51382b;border:1px solid #dac7a6;box-shadow:0 14px 35px #7b5b3020;scrollbar-color:#b69b78 #fffaf1}.letter p{color:#51382b}.letter h3{color:#99543f}.letter .letter-date{color:#8a6d50}.letter .signature{color:#784b34}.envelope{filter:drop-shadow(0 15px 18px #825e3420)}.envelope-back{background:#c8af91}.envelope-back:before{background:#e6d4b9}.envelope-front{background:linear-gradient(130deg,#f7e8cd,#ddc5a3)}.envelope-paper{background:#fff9e9;color:#8d5c3b}.seal{background:#9e5940;color:#ffe9c4;border-color:#c38e70;box-shadow:1px 3px 5px #713d2529}.final-script{color:#98662f}.final-halo{border-color:#b18c5040;box-shadow:none}.final-halo:before{color:#ab803a}.final-love{color:#8d6145}
#photo-dialog{background:#fff8ed;color:#51392c;border-color:#bda17b;box-shadow:0 18px 80px #42291655}#photo-dialog::backdrop{background:#49322266;backdrop-filter:blur(5px)}#full-photo{background:#eadcc8}#photo-message{color:#5d3f2d}.photo-count{color:#87653e}.photo-nav button{background:#f5e9d4;color:#674425;border-color:#bba07a}#close-photo{background:#fff8e9e8;color:#5c3d2b;border-color:#c8ae84;backdrop-filter:blur(3px)}
.cake-glow{background:none}.cake-orbit{border-color:#af895b3d;box-shadow:none}.real-cake{filter:drop-shadow(0 18px 19px #8c69372b)}.cake-tag{color:#946c42}.cake-stardust b{color:#b58a45}.breeze-button{background:#e9c887;border-color:#bb9148;color:#49321e;box-shadow:0 4px 18px #9b722b14}.breeze-button:disabled{background:#ead5b2;color:#5a3d24}.candle-button>i{background:#dfb76d}.breath-meter{background:#c8b99b66}.breath-meter i{background:#a97c31;box-shadow:none}.blow-status{color:#72533d}.mic-button{background:#fff9ee;color:#61432e;border-color:#bca078}.mic-button svg{color:#91672e}.mic-button:hover{background:#efe1c9;border-color:#a67c3e}.mic-button.listening{background:#efd9ac;border-color:#ae813d;box-shadow:none}.mic-button:disabled{opacity:.7}.mic-privacy{color:#7f6751}.wish-arrived{background:#fff6df;border-color:#c6a16a}.wish-arrived strong{color:#8a5b22}.wish-arrived span{color:#735038}.blown .cake-orbit{border-color:#b68d46aa}.wind-lines i{border-top-color:#9e805e8c}.smoke path{stroke:#8b8178}.number-candle{filter:drop-shadow(2px 4px 3px #8a632c33)}.real-flame{box-shadow:0 0 12px 5px #ffd47742,0 0 35px 12px #efb55c14}.primary:focus-visible,.answer-choice:focus-visible,.mic-button:focus-visible,a:focus-visible{outline-color:#976a34}

/* A little morning sun, behind the card and its photographs. */
.morning-light{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.62}.morning-rays{opacity:.68}.welcome:after{width:130px;height:130px;filter:drop-shadow(0 5px 9px #a16d2620)}.question-flower{width:103px;height:103px}.garden-svg{filter:drop-shadow(0 5px 9px #86632908)}.garden-ground{left:4%;right:4%;opacity:.37}.cotton-head{filter:drop-shadow(0 5px 5px #79512422)}
@media(max-width:760px){.morning-light{opacity:.56}.welcome:after{width:88px;height:88px;right:calc(50% - 44px);bottom:34px}.question-flower{width:80px;height:80px}.garden-wrap{width:min(100%,460px);margin-top:0;margin-bottom:0}}
@media(max-width:760px) and (max-height:780px){.welcome:after{width:70px;height:70px;right:calc(50% - 35px);bottom:34px}.question-flower{width:62px;height:62px}.garden-wrap{width:min(88%,350px)}}