@font-face{font-family:Keepsake;src:url('../runtime/fonts/CormorantGaramond-latin.woff2') format('woff2');font-display:swap;font-weight:300 700}
:root{--surface:#f6efdf;--ink:#44382e;--accent:#705c45;--paper:#fffbf2;--line:#6a56382b;color-scheme:light;font-family:Keepsake,Georgia,serif;background:var(--surface);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink)}[hidden]{display:none!important}button,a,input,textarea{font:inherit}button{min-height:44px;cursor:pointer;color:inherit;border:0;background:transparent;padding:8px 14px;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a{color:inherit}button,input,textarea{font-size:18px}.primary{background:var(--accent);color:var(--paper);border:1px solid var(--accent);border-radius:5px;padding:12px 28px;box-shadow:0 3px 0 #33220c0c;font-size:23px;line-height:1.2;transition:background .2s,transform .2s}.primary:hover{transform:translateY(-2px)}
.quiet-tools{padding:22px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:4}.brand{text-decoration:none;font-size:30px;font-weight:600;letter-spacing:-1.5px;line-height:1}.brand span{font:8px system-ui;letter-spacing:1.4px;text-transform:uppercase;display:block;margin:6px 0 0}.quiet-tools nav{display:flex;gap:14px}.quiet-tools nav button{font-size:16px;border-bottom:1px solid var(--line);padding:5px 0}.scene-heading{text-align:center;padding:2px 24px 0;min-height:112px}.eyebrow{font:10px/1.6 system-ui;letter-spacing:2.6px;text-transform:uppercase}.scene-heading h1{font-size:clamp(34px,4.5vw,58px);font-weight:400;line-height:1.08;margin:5px auto;max-width:880px;overflow-wrap:anywhere}.scene-heading .eyebrow{margin:4px 0}.scene-heading #scene-caption{font-size:20px;line-height:1.3;max-width:600px;margin:10px auto 0;min-height:26px}
#physical-stage{position:relative;min-height:calc(100svh - 110px);padding:0 24px 26px;overflow:clip}#experience-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;max-width:1160px;margin:0 auto;position:relative}#scene-viewport{position:relative;width:100%;height:clamp(340px,53svh,530px);min-width:0;transition:height .5s ease}#physical-canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity .25s .15s;touch-action:pan-y}body[data-ready=true] #physical-canvas{opacity:1}#scene-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .15s;pointer-events:none}body[data-ready=true] #scene-poster{opacity:0}.scene-ground{display:none}.handling{text-align:center;margin:6px auto 0;max-width:700px}#scene-status{font:11px system-ui;letter-spacing:.5px;min-height:14px;margin:5px 0 10px}#gesture-hint{font-size:18px;opacity:.76;margin:12px 0 0;line-height:1.35;min-height:24px}#scene-progress{text-align:center;font:11px/1.5 system-ui;letter-spacing:1px;margin:8px auto 12px}#scene-progress progress{display:block;accent-color:var(--accent);width:140px;height:4px;margin:8px auto}#after-actions{display:flex;justify-content:center;gap:22px;margin:16px 0}#after-actions button{border-bottom:1px solid var(--line);font-size:18px}
#object-options{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;max-width:950px;margin:10px auto 18px}#object-options fieldset{display:flex;flex-wrap:wrap;justify-content:center;border:0;padding:5px 9px;gap:5px;margin:0}#object-options legend{font:9px system-ui;letter-spacing:1.6px;text-align:center;padding:0 8px}#object-options button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:24px;font-size:16px;padding:7px 17px;max-width:280px;overflow-wrap:anywhere;transition:background .2s}#object-options button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}#object-options button[aria-pressed=true]:before{content:'✓ ';font:12px system-ui}
#reading-panel{background:var(--paper);color:#44382e;position:relative;padding:32px;max-width:640px;min-width:0;box-shadow:0 15px 55px #38241012;margin:24px auto}#reading-panel h2,#reading-panel h3{font-size:34px;font-weight:400;line-height:1.08;margin:10px 0 16px;overflow-wrap:anywhere}#reading-panel p{font-size:22px;line-height:1.48;white-space:pre-line;overflow-wrap:anywhere}#reading-panel .eyebrow{font:10px/1.5 system-ui;letter-spacing:1.8px}#reading-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid #8b724a30;padding-top:15px;margin-top:20px}#reading-actions button{font-size:18px;border-bottom:1px solid #8b724a55}.personal-photo{display:block;width:100%;height:auto;max-height:330px;object-fit:contain;margin:20px 0}video{display:block;width:100%;max-height:320px;margin:20px 0}body[data-reading=true] #experience-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:24px}body[data-reading=true] #scene-viewport{height:clamp(300px,43svh,430px)}
.enhanced #wish-section:not([data-revealed=true]){display:none}#wish-section{max-width:740px;margin:60px auto 90px;padding:50px 48px;background:var(--paper);color:#44382e;box-shadow:0 18px 70px #30210d0c;scroll-margin-top:25px}.wish-letter h2{font-size:clamp(34px,5vw,54px);font-weight:400;line-height:1.06;margin:20px 0;overflow-wrap:anywhere}.wish-letter .letter-copy{font-size:24px;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere}.signature{font-size:26px;font-style:italic;line-height:1.4;margin:30px 0}.wish-letter .personal-photo{max-height:420px}#reply-form{border-top:1px solid #88725944;margin-top:40px;padding-top:24px}fieldset{border:0;padding:15px 0}legend{font-size:22px}.reaction{font-size:18px;display:inline-block;margin:6px 15px 6px 0}textarea{width:100%;display:block;background:#fffdf7;border:1px solid #b7a48b;border-radius:3px;padding:12px;margin:12px 0 18px;font-size:20px}#reply-status{font-size:18px}summary{cursor:pointer;padding:18px 0;font-size:21px}.memory-note{padding:14px 0}.memory-note+.memory-note{border-top:1px solid #9b876b33}.memory-note h3{font-size:28px;font-weight:400}.memory-note p{font-size:21px;line-height:1.5;white-space:pre-line}.page-footer{display:flex;justify-content:center;gap:20px;padding:30px;font-style:italic;opacity:.65}.page-footer span{font-weight:600}
/* Material and composition are chosen per concept, not per renderer. */
body[data-mode=paper]{--surface:#f4e1ce;--accent:#9a5948;--paper:#fff6e8}body[data-mode=cake]{--surface:#f1deda;--accent:#984f58;--paper:#fff8f0}body[data-mode=three]{--surface:#dbe3d5;--accent:#47604c;--paper:#fff9e9}body[data-mode=gift]{--surface:#e7d2c0;--accent:#90514c;--paper:#fff4e7}body[data-mode=dom]{--surface:#f6f2e5;--accent:#617650;--paper:#fffcf3}body[data-mode=letter]{--surface:#d8e1e8;--accent:#405f7b;--paper:#fffdf3}body[data-mode=builder]{--surface:#f6e6cb;--accent:#ae5961;--paper:#fff9ef}body[data-mode=candle]{--surface:#162530;--ink:#f6eadb;--accent:#bb854b;--paper:#fff4df}body[data-mode=balloons]{--surface:#e9e4f3;--accent:#756092;--paper:#fffbff}body[data-mode=story]{--surface:#dec8ad;--accent:#845a43;--paper:#fff6e4}body[data-mode=jar]{--surface:#dce3d0;--accent:#58694c;--paper:#fff8e5}body[data-mode=wall]{--surface:#cad7c5;--accent:#3e5c46;--paper:#fff5df}body[data-mode=musicbox]{--surface:#342931;--ink:#f9ebdf;--accent:#ae835c;--paper:#fff2df}body[data-mode=room]{--surface:#d5d5c4;--accent:#5c6a53;--paper:#fff8e8}body[data-mode=comic]{--surface:#f8e39b;--ink:#342f29;--accent:#39372c;--paper:#fffcef}body[data-mode=quest]{--surface:#dce8c8;--accent:#497450;--paper:#fff9e5}body[data-mode=arcade]{--surface:#39334d;--ink:#fff1d9;--accent:#b37469;--paper:#fff2de}body[data-mode=editorial]{--surface:#e9e6dc;--accent:#242a26;--paper:#fffdf3}body[data-mode=flowers]{--surface:#eedee0;--accent:#7c6570;--paper:#fff9f1}body[data-mode=character]{--surface:#f0dfa5;--accent:#68614c;--paper:#fff8dd}
body[data-mode=letter] #reading-panel{border-top:8px solid #c0d2df}body[data-mode=story] #reading-panel{transform:rotate(-.8deg);border:10px solid #f5e8cb}body[data-mode=story] #reading-panel:before{content:'';position:absolute;top:-14px;left:38%;width:90px;height:29px;background:#bdaa7780;transform:rotate(-7deg)}body[data-mode=story] #reading-panel img{padding:10px 10px 35px;background:#fffdf7;box-shadow:0 6px 12px #553b2820;transform:rotate(2deg)}body[data-mode=jar] #reading-panel{border-radius:0 0 18px 0;background:repeating-linear-gradient(#fff8e5 0 34px,#8e9d8522 35px 36px)}body[data-mode=wall] #reading-panel{transform:rotate(.8deg)}body[data-mode=wall] #reading-panel:before{content:'';width:12px;height:12px;border-radius:50%;background:#ae7951;position:absolute;top:8px;left:50%;box-shadow:1px 3px 4px #0003}body[data-mode=balloons] #reading-panel{border-radius:28px 28px 28px 3px}body[data-mode=musicbox] #reading-panel{border-radius:10px;border:1px solid #c4a17a;box-shadow:0 25px 80px #0b060c55}body[data-mode=arcade] #reading-panel{border-radius:28px;border:5px solid #f0c989}.comic-art{height:220px;background-repeat:no-repeat;background-size:100% 300%;border:3px solid #373327;margin-bottom:20px}.comic-dialogue{border:2px solid #373327;border-radius:45% 45% 30% 35%;padding:24px;background:#fffdf1}.comic-panel-number{font:bold 12px system-ui;letter-spacing:2px}body[data-mode=comic] #reading-panel{border:3px solid #343027;box-shadow:7px 7px 0 #343027}body[data-mode=comic] .scene-heading h1{font-weight:700}body[data-mode=editorial] .scene-heading{border-top:3px double #434b3c;border-bottom:1px solid #434b3c;max-width:1100px;margin:auto;padding:16px}body[data-mode=editorial] #reading-panel{box-shadow:none;background:transparent;border-top:4px double #444;border-bottom:1px solid #444}body[data-mode=editorial] #reading-panel h3{font-size:42px;font-weight:700}body[data-mode=editorial] #reading-panel .note-copy{font:18px/1.6 Georgia;column-count:2;column-gap:24px}.editorial-masthead{font:10px system-ui;letter-spacing:3px;border-bottom:1px solid #444;padding-bottom:10px}body[data-mode=flowers] #reading-panel{border-radius:4px 38px 4px 4px;border-left:4px solid #b4bea3}body[data-mode=quest] #object-options button{border-radius:8px;font:15px system-ui}body[data-mode=builder] #scene-viewport{height:clamp(270px,39svh,390px)}body[data-mode=builder] #physical-stage{background-image:linear-gradient(#89663108 1px,transparent 1px),linear-gradient(90deg,#89663108 1px,transparent 1px);background-size:30px 30px}body[data-mode=dom] #wish-section{border:1px solid #a9b593;outline:1px solid #a9b593;outline-offset:8px}body[data-mode=letter] #wish-section{box-shadow:7px 9px 0 #c2cbd2,0 20px 60px #31434f15}body[data-mode=editorial] #wish-section{border-top:5px double #272c23;box-shadow:none}body[data-mode=candle] #wish-section{box-shadow:0 0 100px #dcb06616}
@keyframes note-arrive{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
body[data-mode=story] #reading-panel,body[data-mode=comic] #reading-panel,body[data-mode=editorial] #reading-panel{touch-action:pan-y}
#reading-content{transform-origin:left center;will-change:transform}
@media(max-width:700px){.quiet-tools{padding:18px 20px}.brand{font-size:26px}.brand span{font-size:7px}.quiet-tools nav{gap:12px}.quiet-tools nav button{font-size:14px}#all-memories{display:none}#physical-stage{padding:0 16px 24px}.scene-heading{min-height:102px;padding-top:12px}.scene-heading h1{font-size:40px}.scene-heading #scene-caption{font-size:18px;min-height:20px}.scene-heading .eyebrow{font-size:9px}#scene-viewport{height:clamp(290px,46svh,470px)}body[data-reading=true] #experience-layout{grid-template-columns:1fr;gap:0}body[data-reading=true] #scene-viewport{height:200px}#reading-panel{padding:27px;margin:8px auto 18px;width:100%}#reading-panel h3{font-size:31px}#reading-panel p{font-size:21px}#object-options{gap:5px}#object-options button{font-size:15px;padding:6px 12px;max-width:165px}.handling{margin-top:10px}#wish-section{margin:35px 20px 60px;padding:30px 25px}.wish-letter .letter-copy{font-size:23px}.primary{font-size:21px}body[data-mode=editorial] #reading-panel .note-copy{column-count:1}body[data-mode=builder] #scene-viewport{height:290px}body[data-mode=builder] #object-options fieldset{flex:1 1 100%;padding:2px}.comic-art{height:230px}}
body.reduced *,body.reduced *:before{transition:none!important;animation:none!important}
@media print{.quiet-tools,#scene-viewport,.handling,#object-options,#scene-progress,#after-actions,#reply-form,.page-footer{display:none!important}.enhanced #wish-section:not([data-revealed=true]){display:block}#wish-section{margin:0;box-shadow:none;padding:0;max-width:none}body{background:white;color:black}#physical-stage{min-height:0}#reading-panel{break-inside:avoid;box-shadow:none}details{display:block}}
/* Reading scale follows the medium: a large scrapbook, illustrated comic, or newspaper article. */
@media(min-width:701px){body[data-reading=true][data-mode=comic] #experience-layout,body[data-reading=true][data-mode=editorial] #experience-layout{grid-template-columns:minmax(170px,.42fr) minmax(0,1.58fr);align-items:start}body[data-reading=true][data-mode=comic] #scene-viewport,body[data-reading=true][data-mode=editorial] #scene-viewport{height:260px;margin-top:70px}body[data-mode=comic] #reading-panel,body[data-mode=editorial] #reading-panel{max-width:none;width:100%}body[data-mode=comic] #reading-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}body[data-mode=comic] #reading-content>.eyebrow{grid-column:1/-1}.comic-art{height:330px;margin:0}.comic-dialogue{padding:24px}body[data-mode=editorial] #reading-panel h3{font-size:54px}body[data-mode=editorial] #reading-panel .note-copy{font-size:21px;line-height:1.65}}
@media(max-width:700px){body[data-reading=true][data-mode=comic] #scene-viewport,body[data-reading=true][data-mode=editorial] #scene-viewport{height:145px}}
@media(max-width:700px){body[data-reading=true][data-mode=balloons] #scene-viewport{height:280px}}