:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--pad-x: 24px;--maxw: 440px;--ink: #2b211c;--paper: #f4e9da;--paper-deep: #e7d6c0;--bg-0: #120d0b;--bg-1: #1d1512;--glow: #5a3320;--rose: #c98a86;--gold: #cda86a;--heart: #c0473f;--paper-soft: #ede2d2;--paper-dim: #c9bbab;--paper-faint: #9d9082;--gold-bright: #e3c489;--gold-a: rgba(205, 168, 106, .28);--glow-a: rgba(90, 51, 32, .55);--paper-a: rgba(244, 233, 218, .26);--font-display: "Fraunces", "Cormorant Garamond", Georgia, serif;--font-body: "Cormorant Garamond", Georgia, serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}html{font-optical-sizing:auto}#root{position:fixed;top:0;right:0;bottom:0;left:0}body{background:radial-gradient(120% 80% at 50% 38%,var(--glow) 0%,var(--bg-1) 34%,var(--bg-0) 78%);color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}canvas{display:block;touch-action:none}.app-shell{height:100dvh;min-height:100svh;width:100%;max-width:var(--maxw);margin-inline:auto;display:flex;flex-direction:column;overflow:hidden;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.region{width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.region--header{flex:0 0 7%}.region--book{flex:0 0 43%;position:relative;overflow:visible}.region--read{flex:1 1 auto;gap:6px;padding-inline:var(--pad-x);text-align:center;overflow:hidden}.region--nav{flex:0 0 8%;flex-direction:row;gap:10px}.region--footer{flex:0 0 5%}.book-stage{position:absolute;top:0;right:0;bottom:0;left:0}.flip-surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;touch-action:none;cursor:grab}.flip-surface:active{cursor:grabbing}.hdr-title{font-family:var(--font-display);font-size:clamp(.82rem,3.4vw,.95rem);font-variation-settings:"opsz" 24,"wght" 450;letter-spacing:.18em;color:var(--paper-dim)}.hdr-title .amp{font-style:italic;color:var(--gold)}.readout{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.eyebrow{font-family:var(--font-display);font-size:clamp(.72rem,3.1vw,.84rem);font-variation-settings:"opsz" 28,"wght" 500;text-transform:uppercase;letter-spacing:.32em;padding-left:.32em;color:var(--rose)}.heading{font-family:var(--font-display);font-size:clamp(1.45rem,6vw,1.95rem);font-variation-settings:"opsz" 72,"wght" 420;font-weight:400;line-height:1.1;letter-spacing:.005em;color:var(--paper)}.counterwrap{position:relative;display:flex;flex-direction:column;align-items:center;margin:2px 0}.glow{position:absolute;left:50%;top:50%;width:130%;height:170%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,var(--gold-a),transparent 70%);pointer-events:none;opacity:0}.bignum{position:relative;font-family:var(--font-display);font-size:clamp(3.7rem,16vw,5.6rem);font-variation-settings:"opsz" 144,"wght" 560;line-height:.92;letter-spacing:-.015em;color:var(--gold);font-variant-numeric:tabular-nums lining-nums;text-shadow:0 0 1px rgba(205,168,106,.4),0 0 24px var(--gold-a),0 6px 30px var(--glow-a)}.unit{font-family:var(--font-body);font-size:clamp(.95rem,4vw,1.1rem);font-style:italic;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-top:2px}.gloss{font-family:var(--font-body);font-style:italic;font-size:clamp(1rem,4.3vw,1.2rem);letter-spacing:.01em;color:var(--rose)}.body{font-family:var(--font-body);font-size:clamp(.95rem,4.1vw,1.12rem);font-weight:500;line-height:1.4;max-width:30ch;text-wrap:balance;color:var(--paper-soft);margin-top:2px}.body b{color:var(--gold);font-weight:600}.para{font-family:var(--font-body);font-size:clamp(.92rem,4vw,1.08rem);font-weight:500;line-height:1.38;max-width:32ch;text-wrap:balance;color:var(--paper-soft);margin-top:3px}.para b{color:var(--gold);font-weight:600}.essay{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.essay-window{width:100%;max-width:340px;height:clamp(96px,26vh,132px);overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent)}.essay-text{margin:0;font-family:var(--font-body);font-size:12px;line-height:1.55;letter-spacing:.04em;color:var(--paper-dim);text-align:left;word-break:break-word}.essay-cap{max-width:300px;margin-inline:auto;font-family:var(--font-body);font-style:italic;font-size:clamp(.92rem,4vw,1.12rem);color:var(--rose);text-align:center}.emoji-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.makeup{color:var(--gold);font-size:clamp(1.5rem,6.5vw,2rem);line-height:1;margin-top:2px;text-shadow:0 0 18px var(--gold-a),0 0 6px rgba(201,138,134,.5)}.notecard{width:100%;max-width:360px;margin-inline:auto;height:clamp(210px,37vh,392px);border-radius:16px;background:linear-gradient(180deg,#f6ecdd,#efe0cb);box-shadow:0 10px 34px #120b0673,inset 0 0 0 1px #a9823a52;overflow:hidden}.notecard-scroll{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:22px 22px 26px;text-align:left;-webkit-mask-image:linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent)}.notecard-p{margin:0 0 12px;font-family:Dancing Script,Segoe Script,cursive;font-size:clamp(1.15rem,4.9vw,1.4rem);font-weight:600;line-height:1.5;color:#3a2415}.notecard-sign{margin:6px 0 0;text-align:right;font-family:Dancing Script,Segoe Script,cursive;font-size:clamp(1.5rem,6.4vw,1.95rem);font-weight:700;color:#3a2415}.app-shell.closing .region--book{flex:0 0 27%}.readlink{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin-top:10px;padding:11px 20px;border:1px solid var(--gold-a);border-radius:999px;background:linear-gradient(180deg,#cda86a29,#cda86a0f);color:var(--gold-bright);font-family:var(--font-body);font-style:italic;font-size:clamp(.95rem,4vw,1.1rem);font-weight:600;letter-spacing:.04em;cursor:pointer;transition:transform .2s ease,background .3s ease,border-color .3s ease;-webkit-tap-highlight-color:transparent}.readlink span{transition:transform .25s ease;display:inline-block}.readlink:hover{background:linear-gradient(180deg,#cda86a42,#cda86a1a);border-color:#cda86a80}.readlink:hover span{transform:translate(4px)}.readlink:active{transform:scale(.97)}.beat{width:100%;max-width:32ch;margin-inline:auto}.beat+.beat{margin-top:10px}.beat-msg{margin:0;font-family:var(--font-display);font-size:clamp(1.12rem,4.8vw,1.45rem);font-variation-settings:"opsz" 40,"wght" 420;line-height:1.2;color:var(--paper)}.beat-note{margin:3px 0 0;font-family:var(--font-body);font-style:italic;font-size:clamp(.84rem,3.5vw,.98rem);line-height:1.34;color:var(--paper-faint)}.beat-when{color:var(--rose);font-style:normal;letter-spacing:.03em}.progress{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.progress-track{width:min(58vw,220px);height:3px;border-radius:99px;background:var(--paper-a);overflow:hidden}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--rose),var(--gold));box-shadow:0 0 8px var(--gold-a);transition:width .6s cubic-bezier(.22,1,.36,1)}.progress-count{font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.22em;padding-left:.22em;color:var(--paper-faint);font-variant-numeric:tabular-nums lining-nums}.progress-count span{opacity:.55;margin:0 .1em}@media (prefers-reduced-motion: reduce){.progress-fill{transition:none}}.appfooter{font-family:var(--font-body);font-style:italic;font-size:clamp(.7rem,3vw,.78rem);font-weight:500;letter-spacing:.14em;color:var(--paper-faint)}.hint{position:absolute;left:0;right:0;bottom:8px;text-align:center;font-family:var(--font-body);letter-spacing:.2em;font-size:12px;text-transform:uppercase;color:#f4e9da8c;transition:opacity .6s ease;pointer-events:none;z-index:6}.region--header,.region--nav,.region--footer{opacity:0;transition:opacity 1.1s ease .15s}.app-shell.ready .region--header,.app-shell.ready .region--nav,.app-shell.ready .region--footer{opacity:1}.intro-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;background:radial-gradient(120% 85% at 50% 42%,rgba(20,14,11,.5),var(--bg-0) 72%);animation:veilOut 2.1s ease forwards}@keyframes veilOut{to{opacity:0}}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(120% 80% at 50% 38%,var(--glow) 0%,var(--bg-1) 36%,var(--bg-0) 80%)}.gate-card{width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.gate-kicker{font-family:var(--font-body);font-style:italic;font-size:.86rem;letter-spacing:.34em;text-transform:uppercase;color:var(--rose);padding-left:.34em}.gate-title{font-family:var(--font-display);font-size:clamp(1.7rem,8vw,2.2rem);font-variation-settings:"opsz" 72,"wght" 440;color:var(--paper);margin-bottom:4px}.gate-title .amp{font-style:italic;color:var(--gold)}.gate-input{width:100%;padding:13px 16px;border-radius:12px;border:1px solid var(--gold-a);background:#f4e9da0f;color:var(--paper);font-family:var(--font-body);font-size:1.05rem;letter-spacing:.06em;text-align:center;outline:none;transition:border-color .3s ease,background .3s ease}.gate-input::placeholder{color:var(--paper-faint);font-style:italic;letter-spacing:.04em}.gate-input:focus{border-color:var(--gold);background:#f4e9da1a}.gate-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;padding:13px 16px;border-radius:12px;border:1px solid var(--gold-a);background:linear-gradient(180deg,#cda86a38,#cda86a14);color:var(--gold-bright);font-family:var(--font-display);font-size:1rem;font-variation-settings:"opsz" 28,"wght" 500;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,background .3s ease;-webkit-tap-highlight-color:transparent}.gate-btn:active{transform:scale(.98)}.gate-err{font-family:var(--font-body);font-style:italic;font-size:.9rem;color:var(--rose);min-height:1.1em;transition:opacity .3s ease}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;height:100dvh;max-width:var(--maxw);margin-inline:auto;background:radial-gradient(130% 90% at 50% 0%,var(--bg-1) 0%,var(--bg-0) 72%);padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.viewer-bar{flex:0 0 auto;display:flex;align-items:center;gap:11px;padding:11px 14px;border-bottom:1px solid rgba(205,168,106,.18);background:linear-gradient(180deg,#1d1512f5,#120d0bdb);z-index:2}.viewer-back{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:1px solid var(--gold-a);background:#f4e9da0d;color:var(--gold-bright);font-size:1.25rem;line-height:1;cursor:pointer;transition:transform .16s ease;-webkit-tap-highlight-color:transparent}.viewer-back:active{transform:scale(.92)}.viewer-head{display:flex;flex-direction:column;gap:1px;min-width:0}.viewer-title{font-family:var(--font-display);font-size:1.02rem;font-variation-settings:"opsz" 32,"wght" 460;letter-spacing:.04em;color:var(--paper)}.viewer-sub{font-family:var(--font-body);font-style:italic;font-size:.78rem;color:var(--paper-faint);letter-spacing:.02em}.viewer-body{flex:1 1 auto;min-height:0;touch-action:pan-y}.viewer-state{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;color:var(--paper-dim);font-family:var(--font-body);font-style:italic;font-size:1.05rem;text-align:center}.viewer-spinner{width:30px;height:30px;border-radius:50%;border:2px solid var(--gold-a);border-top-color:var(--gold);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewer-daywrap{display:flex;justify-content:center;padding:11px 0 6px}.viewer-day{font-family:var(--font-body);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-dim);background:#1d1512f0;border:1px solid rgba(205,168,106,.2);border-radius:999px;padding:4px 13px;box-shadow:0 2px 12px #120b0673}.msg-row{display:flex;padding:1.5px 12px}.msg-row.mine{justify-content:flex-end}.msg-row.theirs{justify-content:flex-start}.bubble{max-width:78%;padding:7px 11px 6px;border-radius:15px;font-family:var(--font-body);font-size:1.02rem;line-height:1.34;color:#2b211c;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.msg-row.theirs .bubble{background:#f1e5d3;border-bottom-left-radius:5px}.msg-row.mine .bubble{background:linear-gradient(180deg,#f7d9b0,#f0c79a);border-bottom-right-radius:5px}.bubble-time{float:right;margin:6px 0 -1px 10px;font-size:.6rem;letter-spacing:.03em;color:#2b211c73;font-variant-numeric:tabular-nums}.media-pill{max-width:78%;padding:6px 14px;border-radius:999px;font-family:var(--font-body);font-size:.92rem;letter-spacing:.01em;color:var(--paper-soft);background:#f4e9da12;border:1px solid rgba(205,168,106,.22)}@media (prefers-reduced-motion: reduce){.glow{opacity:.5!important}.region--header,.region--nav,.region--footer{opacity:1;transition:none}.intro-veil{display:none}.viewer-spinner{animation-duration:2.4s}}