:root{--ivory:#faf6ec;--paper:#f3eee4;--paper-deep:#e9e1d2;--paper-shadow:#28190a14;--velvet:#14182b;--burgundy:#4a1520;--night:#0f0d0b;--ebony:#1a1715;--ink:#1c1a17;--ink-soft:#5b554c;--ink-faint:#1c1a1759;--hairline:#1c1a1724;--thread:#7b2d35;--thread-lite:#a24a52;--thread-shadow:#460f1440;--gilt-hi:#ebcf8e;--gilt-mid:#b89556;--gilt-lo:#7c6230;--candle:#f2c98b;--font-display:"Cormorant Garamond", Georgia, serif;--font-royal:"Cinzel", serif;--font-body:"EB Garamond", Garamond, serif;--font-label:"Inter", system-ui, sans-serif;--font-hand:"Homemade Apple", cursive;--font-sig:"Mrs Saint Delafield", cursive;--sh-1:0 1px 1px #28190a1a, 1px 2px 4px #28190a14;--sh-2:1px 2px 2px #28190a1a, 4px 8px 16px #28190a1f, 10px 18px 36px #28190a1a;--sh-3:2px 3px 3px #00000024, 8px 14px 24px #0000002e, 22px 34px 64px #0003;--sh-gilt:0 1px 0 #00000047;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--sheen:0%}.gilt-text{background:linear-gradient(100deg, var(--gilt-lo) 0%, var(--gilt-hi) 28%, var(--gilt-mid) 46%, var(--gilt-hi) 60%, var(--gilt-lo) 100%);background-size:240% 100%;background-position:var(--sheen,0%) 0;color:#0000;filter:drop-shadow(var(--sh-gilt));-webkit-background-clip:text;background-clip:text}.gilt-border{border:1px solid var(--gilt-mid);box-shadow:inset 0 0 0 1px var(--gilt-lo), 1px 1px 2px #00000026}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--paper-deep);color:var(--ink);font-size:16px;font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--paper);min-height:100dvh;position:relative;overflow-x:hidden}#grain-overlay{opacity:.08;mix-blend-mode:multiply;pointer-events:none;z-index:9999;background-image:url(/materials/grain.png);background-repeat:repeat;background-size:256px 256px;width:100vw;height:100vh;position:fixed;top:0;left:0}@media (min-width:680px){#app-root{background-color:var(--paper);max-width:480px;min-height:100dvh;margin:0 auto;position:relative;box-shadow:0 0 60px #00000073}}h1,h2,h3,.serif-display{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);font-weight:300;line-height:1.05}.royal-heading{font-family:var(--font-royal);text-transform:uppercase;letter-spacing:.18em}.kicker{font-family:var(--font-royal);letter-spacing:.22em;text-transform:uppercase;color:var(--thread);margin-bottom:.5rem;font-size:.68rem;display:block}.label-caps{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.68rem}.handwritten{font-family:var(--font-hand);color:var(--thread)}.signature{font-family:var(--font-sig);color:var(--thread);font-size:2.2rem}.hairline{background-color:var(--hairline);transform-origin:0;border:none;width:100%;height:1px;margin:1.5rem 0}.diary-page{background-color:var(--paper);border-left:1px solid #fff6;flex-direction:column;justify-content:center;min-height:100dvh;padding:3.5rem 1.75rem 4rem 2.25rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 14px 0 24px -12px #28190a1f}.diary-page:before{content:"";background-color:var(--thread);opacity:.35;pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:1.25rem}.running-header{border-bottom:1px solid var(--hairline);font-family:var(--font-royal);letter-spacing:.2em;color:var(--ink-faint);text-transform:uppercase;justify-content:space-between;align-items:center;padding-bottom:.4rem;font-size:.62rem;display:flex;position:absolute;top:1.25rem;left:2.25rem;right:1.75rem}.folio{text-align:center;font-family:var(--font-royal);letter-spacing:.25em;color:var(--ink-faint);font-size:.72rem;position:absolute;bottom:1.25rem;left:0;right:0}#progress-thread{background-color:var(--thread);z-index:999;width:2.5px;height:0;box-shadow:0 0 6px var(--thread-shadow);pointer-events:none;transition:height .1s ease-out;position:fixed;top:0;left:0}#top-controls{z-index:1000;align-items:center;gap:.75rem;display:flex;position:fixed;top:1rem;right:1rem}.icon-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--hairline);cursor:pointer;width:38px;height:38px;color:var(--ink-soft);box-shadow:var(--sh-1);background:#faf6ecd9;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background .2s;display:flex}.icon-btn:active{transform:scale(.92)}#gate-screen{background:radial-gradient(circle at 50% 45%, var(--paper) 0%, var(--paper-deep) 75%, #ddd3c1 100%);z-index:10000;perspective:1600px;-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.parcel-stage{aspect-ratio:4/5.2;width:min(82vw,360px);transform-style:preserve-3d;border-radius:3px;position:relative;overflow:visible;transform:rotate(-2.5deg);box-shadow:0 22px 50px #23140842,0 6px 16px #23140829}.parcel-panel{width:50%;transform-style:preserve-3d;backface-visibility:hidden;z-index:10;background-color:#efe7d6;background-image:url(/materials/grain.png);background-size:256px 256px;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 35px #28190a17,inset 1px 1px #ffffff80}.panel-left{transform-origin:0;border-right:1px solid #28190a2e;border-radius:3px 0 0 3px;left:0;box-shadow:inset 8px 0 16px #28190a0f}.panel-right{transform-origin:100%;border-left:1px solid #28190a2e;border-radius:0 3px 3px 0;right:0;box-shadow:inset -8px 0 16px #28190a0f}.crease-line{pointer-events:none;background:#28190a0f;position:absolute}.crease-h{width:100%;height:1px;top:25%}.crease-diag{width:100%;height:1px;top:60%;transform:rotate(15deg)}.parcel-thread-svg{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(60px);overflow:visible!important}.parcel-thread-svg #knot-group,.parcel-thread-svg #tail-handle-hit,.parcel-thread-svg #tail-handle,.parcel-thread-svg #gift-tag{pointer-events:auto}.gate-instructions{text-align:center;pointer-events:auto;cursor:pointer;z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--hairline);box-shadow:var(--sh-1);background:#faf6ecb3;border-radius:20px;padding:.75rem 1.5rem;transition:transform .2s,background .2s;position:absolute;bottom:8%}.gate-instructions:active{background:#faf6ecf2;transform:scale(.96)}.draw-prompt{font-family:var(--font-royal);letter-spacing:.28em;text-transform:uppercase;color:var(--ink);opacity:.85;font-size:.72rem}.diary-cover-container{background-color:var(--velvet);box-shadow:inset 0 0 60px #0009, var(--sh-3);opacity:0;transform-origin:0;transform-style:preserve-3d;cursor:pointer;z-index:5;background-image:url(/materials/velvet.png);background-size:cover;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;display:flex;position:absolute;inset:0;transform:scale(.95)}.cover-frame{border:1px solid var(--gilt-mid);box-shadow:inset 0 0 0 1px var(--gilt-lo), 0 0 12px #b8955633;pointer-events:none;position:absolute;inset:16px}.cover-corner{border:1.5px solid var(--gilt-hi);opacity:.85;width:24px;height:24px;position:absolute}.corner-tl{border-bottom:none;border-right:none;top:22px;left:22px}.corner-tr{border-bottom:none;border-left:none;top:22px;right:22px}.corner-bl{border-top:none;border-right:none;bottom:22px;left:22px}.corner-br{border-top:none;border-left:none;bottom:22px;right:22px}.cover-title{font-family:var(--font-display);letter-spacing:.45em;text-align:center;margin-top:1rem;margin-right:-.45em;font-size:clamp(2.8rem,10vw,4.2rem);font-weight:300}.cover-ribbon{background:linear-gradient(to right, #3a0f17, var(--burgundy), #5c1c24);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);z-index:4;width:24px;height:65px;position:absolute;bottom:-45px;left:50%;transform:translate(-50%);box-shadow:2px 4px 10px #00000059}.cover-open-prompt{font-family:var(--font-royal);letter-spacing:.28em;text-transform:uppercase;color:var(--gilt-hi);opacity:0;font-size:.68rem;transition:opacity .8s;position:absolute;bottom:24px}.frontispiece-frame{border:1px solid var(--gilt-mid);box-shadow:inset 0 0 0 1px var(--gilt-lo), var(--sh-2);background:#faf6ecb3;margin-top:1rem;padding:2.25rem 1.25rem 2rem;position:relative}.arch-portrait-wrap{width:min(80%,260px);margin:0 auto 1.5rem;position:relative}.arch-frame{aspect-ratio:3/4.2;width:100%;clip-path:path("M 0 350 L 0 160 C 0 140 14 119 35 105 C 59 87 77 70 105 52 C 133 35 157 17 175 0 C 192 17 217 35 245 52 C 273 70 291 87 315 105 C 336 119 350 140 350 160 L 350 350 Z");box-shadow:var(--sh-2);background-color:var(--paper-deep);border-radius:2px;position:relative;overflow:hidden}.arch-img{object-fit:cover;filter:sepia(.06)saturate(1.05)contrast(1.03);width:100%;height:100%;transition:transform 1.2s var(--ease-out)}.frontispiece-title{text-align:center;margin-bottom:.5rem;font-size:clamp(2.4rem,8vw,3.4rem)}.frontispiece-subline{text-align:center;color:var(--ink-soft);max-width:32ch;margin:0 auto;font-size:1.05rem;line-height:1.6}.margin-annotation{font-family:var(--font-hand);color:var(--thread);text-align:right;margin-top:1.25rem;padding-right:.5rem;font-size:.95rem;display:block;transform:rotate(-2deg)}.index-list{margin-top:1.5rem;list-style:none}.index-item{border-bottom:1px solid var(--hairline);cursor:pointer;justify-content:space-between;align-items:baseline;padding:.85rem 0;transition:color .2s;display:flex}.index-item:active{color:var(--thread)}.index-roman{font-family:var(--font-royal);letter-spacing:.18em;color:var(--gilt-lo);width:2.5rem;font-size:.78rem}.index-name{font-family:var(--font-display);color:var(--ink);flex-grow:1;font-size:1.2rem}.proclamation-parchment{border:1px solid var(--gilt-mid);box-shadow:inset 0 0 40px #b8955626, var(--sh-2);text-align:center;background:#faf5e8;margin-top:1rem;padding:2.25rem 1.5rem 2rem;position:relative}.proclamation-crest{margin-bottom:1rem}.proclamation-title{font-family:var(--font-royal);letter-spacing:.18em;color:var(--ink);margin-bottom:.5rem;font-size:1.15rem}.proclamation-subtitle{color:var(--ink-soft);margin-bottom:1.5rem;font-size:.95rem;font-style:italic}.proclamation-item{font-family:var(--font-royal);letter-spacing:.12em;color:var(--thread);text-transform:uppercase;padding:.35rem 0;font-size:.85rem}.proclamation-seal-block{flex-direction:column;align-items:center;gap:.5rem;margin-top:2rem;display:flex}.virtue-card{margin-bottom:3.5rem;position:relative}.virtue-arch{aspect-ratio:3/4;width:min(85%,280px);clip-path:path("M 0 350 L 0 160 C 0 140 14 119 35 105 C 59 87 77 70 105 52 C 133 35 157 17 175 0 C 192 17 217 35 245 52 C 273 70 291 87 315 105 C 336 119 350 140 350 160 L 350 350 Z");box-shadow:var(--sh-2);background-color:var(--paper-deep);margin:0 auto 1.25rem;position:relative;overflow:hidden}.virtue-img{object-fit:cover;filter:sepia(.05)saturate(1.04)contrast(1.02);width:100%;height:100%}.virtue-title{font-family:var(--font-royal);letter-spacing:.22em;color:var(--thread);text-align:center;margin-bottom:.4rem;font-size:1.15rem}.virtue-text{color:var(--ink);text-align:center;max-width:32ch;margin:0 auto;font-size:1.05rem;line-height:1.65}.doctor-header{text-align:center;margin-bottom:1.5rem}.doctor-pullquote{font-family:var(--font-display);color:var(--ink);text-align:center;border-left:2px solid var(--thread);margin:1.5rem 0;padding-left:1.25rem;font-size:1.45rem;font-style:italic;line-height:1.4}.tag-label{border:1px solid var(--hairline);font-family:var(--font-royal);letter-spacing:.18em;color:var(--ink-soft);background:#faf6ecb3;margin-top:.75rem;padding:.25rem .75rem;font-size:.65rem;display:inline-block}.tooth-easter-btn{cursor:pointer;transition:transform .2s;display:inline-block}.tooth-easter-btn:active{transform:scale(.92)}.easter-feedback{font-family:var(--font-hand);color:var(--thread);opacity:0;margin-top:.5rem;font-size:.9rem;transition:opacity .5s}.timeline-track{padding:2rem 0 2rem 2.5rem;position:relative}.timeline-cord-svg{pointer-events:none;width:30px;height:100%;position:absolute;top:0;bottom:0;left:1.1rem}.milestone-item{margin-bottom:3.5rem;position:relative}.milestone-polaroid{width:min(85%,260px);box-shadow:var(--sh-2);background:#fff;margin:.75rem 0 1rem;padding:8px 8px 24px;position:relative;transform:rotate(-1.5deg)}.polaroid-img{aspect-ratio:4/3.5;object-fit:cover;width:100%;display:block}.room-header{margin-bottom:1.5rem}.picture-rail{background:linear-gradient(to right, var(--gilt-lo), var(--gilt-hi), var(--gilt-lo));width:100%;height:2px;margin-bottom:2rem;box-shadow:0 1px 3px #0003}.gallery-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1.5rem;padding:1rem 0 2rem;display:flex;overflow-x:auto}.gallery-strip::-webkit-scrollbar{display:none}.gallery-card{scroll-snap-align:center;flex:0 0 78vw;max-width:320px;position:relative}.hanging-cord-left,.hanging-cord-right{background-color:var(--gilt-mid);width:1px;height:2rem;position:absolute;top:-2rem;box-shadow:1px 0 1px #00000026}.hanging-cord-left{left:25%}.hanging-cord-right{right:25%}.framed-picture{border:4px solid var(--ivory);box-shadow:var(--sh-2), 0 0 0 1px var(--gilt-mid);background-color:var(--paper-deep);cursor:pointer;position:relative;overflow:hidden}.framed-img{aspect-ratio:4/5;object-fit:cover;width:100%;transition:transform .6s var(--ease-out);display:block}.museum-label{text-align:center;border-top:1px solid var(--hairline);margin-top:.85rem;padding-top:.5rem}.museum-title{font-family:var(--font-display);color:var(--ink);font-size:1.05rem}.museum-sub{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);font-size:.62rem}.reason-row{margin-bottom:2.25rem;position:relative}.reason-num{font-family:var(--font-royal);color:var(--gilt-lo);letter-spacing:.15em;margin-bottom:.25rem;font-size:.75rem}.reason-text{color:var(--ink);font-size:1.15rem;line-height:1.6}.reason-note{font-family:var(--font-hand);color:var(--thread);margin-top:.35rem;font-size:.85rem;display:block}.letter-sheet{box-shadow:var(--sh-2);background:#faf6eccc repeating-linear-gradient(#0000,#0000 31px,#1c1a170a 31px 32px);border:1px solid #b8955666;padding:2.5rem 1.5rem;font-size:1.08rem;line-height:1.75;position:relative}.letter-initial{float:left;font-family:var(--font-display);color:var(--thread);padding-right:.6rem;font-size:3.4rem;line-height:.8}.letter-p{color:var(--ink);margin-bottom:1.4rem}.letter-sign-block{text-align:right;margin-top:2.5rem}#lightbox{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20000;touch-action:none;background-color:#0f0d0bf2;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:none;position:fixed;inset:0}.lightbox-img-wrap{max-width:90vw;max-height:75vh;box-shadow:var(--sh-3);border:1px solid var(--gilt-mid)}.lightbox-img{object-fit:contain;max-width:100%;max-height:75vh;display:block}.lightbox-caption{text-align:center;color:var(--ivory);margin-top:1.25rem}.lightbox-close-btn{border:1px solid var(--gilt-mid);color:var(--gilt-hi);cursor:pointer;background:0 0;border-radius:50%;width:40px;height:40px;font-size:1.2rem;position:absolute;top:1.25rem;right:1.25rem}#vault-section{background-color:var(--night);min-height:100dvh;color:var(--ivory);background-image:url(/materials/marble.jpg);background-position:50%;background-size:cover;padding:4rem 1.5rem 5rem;position:relative;overflow:hidden;box-shadow:inset 0 0 100px #000000d9}.candle-pool{pointer-events:none;background:radial-gradient(circle,#f2c98b2e 0%,#f2c98b0d 50%,#0000 75%);border-radius:50%;width:420px;height:420px;animation:7s ease-in-out infinite candleBreath;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}@keyframes candleBreath{0%,to{opacity:.8;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}.kintsugi-svg{pointer-events:none;opacity:.65;width:100%;height:100%;position:absolute;inset:0}.envelope-gate-stage{aspect-ratio:4/3.2;perspective:1200px;width:min(88vw,340px);margin:2.5rem auto 1.5rem;position:relative}.envelope-body{box-shadow:var(--sh-3), 0 0 35px #0009;transform-style:preserve-3d;background-color:#faf4e6;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:rotate(-2.8deg)}.envelope-flap{clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;height:52%;transition:transform 1.2s var(--ease-out);z-index:10;background-color:#efe6d2;position:absolute;top:0;left:0;right:0;box-shadow:0 4px 12px #28190a33}.seal-anchor{z-index:15;cursor:pointer;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.password-slip-card{width:min(88vw,320px);box-shadow:var(--sh-2);border:1px solid var(--hairline);text-align:center;background:#faf6ecf2;margin:1.5rem auto 0;padding:1.5rem 1.25rem 1.25rem;position:relative}.slip-input-wrap{border-bottom:1.5px solid var(--ink);margin:.8rem 0 .5rem;padding-bottom:4px;position:relative}.slip-input{width:100%;font-family:var(--font-hand);color:var(--thread);text-align:center;background:0 0;border:none;outline:none;font-size:1.25rem}.slip-hint{font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:.65rem}.slip-feedback{font-family:var(--font-display);color:var(--thread);min-height:1.4rem;margin-top:.5rem;font-size:.95rem;font-style:italic}.break-seal-btn{font-family:var(--font-royal);letter-spacing:.2em;text-transform:uppercase;color:var(--thread);cursor:pointer;border:none;border-bottom:1px solid var(--thread);background:0 0;margin-top:.75rem;padding-bottom:2px;font-size:.68rem}#vault-unlocked-gallery{flex-direction:column;align-items:center;gap:3.5rem;width:100%;margin-top:3rem;display:none}.vault-item-frame{border:1px solid var(--gilt-mid);background:var(--night);width:min(92vw,380px);box-shadow:var(--sh-3), 0 0 25px #b8955626;padding:12px;position:relative}.vault-media-el{aspect-ratio:4/4.8;object-fit:cover;border:1px solid #ffffff14;width:100%;display:block}.vault-caption{text-align:center;border-top:1px solid #b895564d;margin-top:.85rem;padding-top:.5rem}.vault-caption-title{font-family:var(--font-display);color:var(--gilt-hi);font-size:1.15rem}.vault-caption-sub{font-family:var(--font-label);letter-spacing:.16em;text-transform:uppercase;color:#c5bcab;font-size:.62rem}#finale-section{min-height:100dvh;color:var(--ivory);background-color:#0b0a09;flex-direction:column;justify-content:center;align-items:center;padding:4rem 1.5rem;display:flex;position:relative;overflow:hidden}.curtains-stage{pointer-events:none;z-index:100;display:flex;position:absolute;inset:0;overflow:hidden}.curtain-panel{background-color:var(--burgundy);background-image:repeating-linear-gradient(90deg,#380c16 0,#4a1520 20px,#5c1d29 40px,#380c16 60px);width:50%;height:100%;transition:transform 2.4s cubic-bezier(.65,0,.35,1);box-shadow:inset 0 0 50px #000000b3}.curtain-left{transform-origin:0;border-right:1px solid #00000080}.curtain-right{transform-origin:100%;border-left:1px solid #00000080}.curtains-parted .curtain-left{transform:translate(-100%)}.curtains-parted .curtain-right{transform:translate(100%)}.draw-curtains-btn{z-index:110;border:1px solid var(--gilt-mid);color:var(--gilt-hi);font-family:var(--font-royal);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;box-shadow:var(--sh-2);background:0 0;padding:.6rem 1.4rem;font-size:.72rem;position:absolute;bottom:15%}.candle-stage{z-index:50;cursor:pointer;touch-action:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.candle-prompt{font-family:var(--font-display);text-align:center;color:var(--ivory);margin-bottom:.5rem;font-size:clamp(2rem,7vw,2.8rem)}.candle-subprompt{font-family:var(--font-label);letter-spacing:.2em;text-transform:uppercase;color:var(--candle);opacity:.75;text-align:center;margin-bottom:2rem;font-size:.65rem}#wish-granted-message{text-align:center;flex-direction:column;align-items:center;margin-top:2rem;animation:1.4s ease-out fadeIn;display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.closing-title{font-family:var(--font-display);color:var(--gilt-hi);margin-bottom:.5rem;font-size:clamp(2.4rem,8vw,3.2rem)}.closing-signoff{font-family:var(--font-sig);color:var(--thread-lite);margin-top:1rem;font-size:2.4rem}.colophon-wrap{text-align:center;border-top:1px solid #b8955640;max-width:36ch;margin-top:4rem;padding-top:2rem}.colophon-line{font-family:var(--font-label);letter-spacing:.16em;text-transform:uppercase;color:#9c9485;margin-bottom:.4rem;font-size:.65rem}