:root{--paper: #F1E8D8;--lamplight: #FBF5EA;--ink: #3A2E2A;--ink-faded: #6E5C50;--wax: #8C2F39;--gilt: #B08A4F;--room: #1A1410;--font-serif: "Fraunces", Georgia, serif;--font-script: "Pinyon Script", cursive;--font-sans: "Inter", system-ui, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{background:var(--paper)}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--paper);color:var(--ink);min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.now-playing-card{position:fixed;left:50%;bottom:calc(max(1.25rem,env(safe-area-inset-bottom,0px)) + .5rem);transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:.75rem;max-width:22rem;width:calc(100% - 2rem);padding:.55rem;border-radius:1.1rem;background-color:var(--paper);background-image:radial-gradient(rgba(58,46,42,.035) 1px,transparent 1px);background-size:4px 4px;box-shadow:0 1px 1px #3a2e2a0d,0 6px 16px #3a2e2a1f,0 14px 32px #3a2e2a29;text-decoration:none;color:var(--ink);-webkit-font-smoothing:antialiased;will-change:transform,opacity}.now-playing-card:focus-visible{outline:none;box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--gilt),0 6px 16px #3a2e2a1f,0 14px 32px #3a2e2a29}.now-playing-art{width:3rem;height:3rem;border-radius:.55rem;object-fit:cover;flex-shrink:0;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}.now-playing-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1;padding-right:.25rem}.now-playing-eyebrow{display:flex;align-items:center;gap:.4rem;font-family:var(--font-sans);font-size:.6rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-faded)}.now-playing-live-dot{width:6px;height:6px;border-radius:999px;background:var(--wax);flex-shrink:0;animation:now-playing-pulse 2s ease-in-out infinite}@keyframes now-playing-pulse{0%,to{opacity:1;box-shadow:0 0 #8c2f3973}50%{opacity:.6;box-shadow:0 0 0 4px #8c2f3900}}@media(prefers-reduced-motion:reduce){.now-playing-live-dot{animation:none}}.now-playing-title,.now-playing-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-title{font-family:var(--font-serif);font-size:.95rem;font-weight:600;color:var(--ink)}.now-playing-artist{font-family:var(--font-sans);font-size:.78rem;color:var(--ink-faded)}.now-playing-progress{margin-top:.2rem;height:2px;border-radius:999px;background:#b08a4f38;overflow:hidden}.now-playing-progress-fill{height:100%;border-radius:999px;background:var(--gilt);transition:width .9s linear}@media(prefers-reduced-motion:reduce){.now-playing-progress-fill{transition:none}}.now-playing-card.theme-dark{background-color:#241b15d1;background-image:radial-gradient(rgba(255,246,234,.03) 1px,transparent 1px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--lamplight);box-shadow:0 1px 1px #0003,0 8px 24px #0006,0 16px 40px #00000073}.now-playing-card.theme-dark .now-playing-art{outline:1px solid rgba(255,255,255,.1)}.now-playing-card.theme-dark .now-playing-eyebrow{color:#fbf5ea99}.now-playing-card.theme-dark .now-playing-title{color:var(--lamplight)}.now-playing-card.theme-dark .now-playing-artist{color:#fbf5eab8}.now-playing-card.theme-dark .now-playing-progress{background:#b08a4f47}.now-playing-card.theme-dark:focus-visible{box-shadow:0 0 0 2px var(--room),0 0 0 4px var(--gilt),0 8px 24px #0006,0 16px 40px #00000073}.gate{min-height:100vh;min-height:100dvh;background:linear-gradient(160deg,#f5ede6,#faf0e8,#fff5ef 60%,#fff9f5);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Georgia,serif;padding:2rem}.gate-greeting{font-size:1.1rem;color:#a07080;margin-bottom:.5rem;letter-spacing:.05em}.gate-title{font-size:2.4rem;color:#8b5a6a;font-style:italic;font-weight:400;margin-bottom:2.5rem;text-shadow:0 1px 4px rgba(100,50,70,.1)}.gate-form{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:280px}.gate-input{width:100%;padding:.75rem 1rem;font-family:Georgia,serif;font-size:1rem;color:#6b4a5a;background:#fff9;border:1px solid rgba(139,90,106,.2);border-radius:8px;outline:none;text-align:center;transition:border-color .2s ease,box-shadow .2s ease}.gate-input::placeholder{color:#a0708080;font-style:italic}.gate-input:focus{border-color:#8b5a6a66;box-shadow:0 0 0 3px #8b5a6a14}.gate-input.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.gate-submit{padding:.6rem 2rem;font-family:Georgia,serif;font-size:.95rem;color:#8b5a6a;background:#8b5a6a14;border:1px solid rgba(139,90,106,.2);border-radius:8px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.gate-submit:hover{background:#8b5a6a1f;border-color:#8b5a6a4d}.together-counter{display:flex;flex-direction:column;align-items:center;gap:.75rem}.together-counter__label{font-family:var(--font-sans);font-size:.72rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faded)}.together-counter__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;width:100%}.together-counter__cell{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.7rem .5rem;border-radius:14px;background:var(--lamplight);box-shadow:inset 0 2px 3px #3a2e2a29,inset 0 -1px #fbf5eaa6,inset 0 1px #fbf5eab3}.together-counter__value{font-family:var(--font-serif);font-size:clamp(2rem,11vw,2.9rem);font-weight:500;line-height:1;color:var(--ink);text-shadow:0 -1px 0 rgba(251,245,234,.7),0 1px 2px rgba(58,46,42,.24)}.together-counter__value--seconds{display:inline-block;will-change:transform}.together-counter__unit{font-family:var(--font-sans);font-size:.6rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faded)}.together-counter__footer{display:inline-flex;align-items:center;gap:.4rem;margin-top:.2rem}.together-counter__heart{display:block;margin-top:-2px}.together-counter__counting{font-family:var(--font-script);font-size:1.5rem;line-height:1;color:var(--ink)}@media(min-width:768px){.together-counter{align-items:flex-end;gap:.6rem}.together-counter__grid{grid-template-columns:repeat(6,minmax(0,auto));gap:.85rem;width:auto}.together-counter__cell{padding:.85rem .95rem}.together-counter__value{font-size:clamp(2.4rem,4vw,3.4rem)}}@media(prefers-reduced-motion:reduce){.together-counter__value--seconds{will-change:auto}}.keepsake-object{--keepsake-pad: 20px;--keepsake-radius: 18px;position:relative;display:flex;flex-direction:column;gap:16px;min-height:160px;padding:var(--keepsake-pad);border-radius:var(--keepsake-radius);background:var(--lamplight);color:var(--ink);text-decoration:none;overflow:hidden;box-shadow:0 1px 2px #3a2e2a0f,0 4px 10px #3a2e2a14;transition:transform .3s ease,box-shadow .3s ease;will-change:transform}.keepsake-text{display:flex;flex-direction:column;gap:4px;margin-top:auto}.keepsake-title{font-family:var(--font-serif);font-size:1.35rem;font-weight:500;color:var(--ink);text-wrap:balance}.keepsake-description{font-family:var(--font-sans);font-size:.82rem;letter-spacing:.02em;color:var(--ink-faded);text-wrap:pretty}.keepsake-live-status{display:inline-flex;align-items:center;gap:8px;color:var(--ink)}.keepsake-live-dot{width:8px;height:8px;border-radius:50%;background:var(--wax);box-shadow:0 0 #8c2f3980;animation:keepsake-pulse 1.8s ease-in-out infinite}@keyframes keepsake-pulse{0%,to{box-shadow:0 0 #8c2f3973}50%{box-shadow:0 0 0 5px #8c2f3900}}.keepsake-visual{position:relative;display:block;width:100%;height:96px;border-radius:calc(var(--keepsake-radius) - var(--keepsake-pad))}.keepsake-book-edge{position:absolute;left:0;top:8px;bottom:8px;width:14px;border-radius:3px;background:linear-gradient(90deg,#4a3a32,#6e5c50);box-shadow:inset -2px 0 #00000026}.keepsake-polaroid{position:absolute;top:50%;left:36px;padding:5px 5px 12px;background:var(--lamplight);border-radius:2px;box-shadow:0 2px 6px #3a2e2a2e}.keepsake-polaroid-photo{display:block;width:52px;height:52px;object-fit:cover;border-radius:1px;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}.keepsake-polaroid-1{transform:translateY(-50%) rotate(-7deg);z-index:1}.keepsake-polaroid-2{left:78px;transform:translateY(-50%) rotate(3deg);z-index:2}.keepsake-polaroid-3{left:120px;transform:translateY(-50%) rotate(9deg);z-index:1}.keepsake-envelope{position:absolute;top:50%;left:50%;width:120px;height:78px;transform:translate(-50%,-50%);background:var(--paper);border-radius:4px;box-shadow:0 2px 6px #3a2e2a24}.keepsake-envelope-flap{position:absolute;inset:0 0 auto;height:50%;background:linear-gradient(160deg,#ece0cc,#e3d4ba);clip-path:polygon(0 0,100% 0,50% 100%);border-radius:4px 4px 0 0}.keepsake-wax-seal{position:absolute;top:50%;left:50%;width:26px;height:26px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 38% 32%,#a84450,var(--wax) 70%);box-shadow:inset 0 1px 1px #ffffff40,0 1px 3px #3a2e2a4d}.keepsake-lit-frame{position:absolute;top:50%;left:50%;width:116px;height:74px;transform:translate(-50%,-50%);border-radius:4px;background:radial-gradient(120% 120% at 50% 30%,#2a2018,var(--room));box-shadow:inset 0 0 0 4px var(--paper)}.keepsake-lit-frame.is-live{background:radial-gradient(120% 120% at 50% 30%,#5a3a2a,var(--room))}.keepsake-cassette{position:absolute;top:50%;left:50%;width:120px;height:76px;transform:translate(-50%,-50%) rotate(-3deg);border-radius:7px;background:linear-gradient(165deg,#4b3c35,#322723);box-shadow:inset 0 1px #fbf5ea24,0 2px 6px #3a2e2a38}.keepsake-cassette-label{position:absolute;top:8px;left:8px;right:8px;height:46px;border-radius:3px;background:linear-gradient(to bottom,transparent 0 30%,rgba(176,138,79,.6) 30% calc(30% + 1px),transparent calc(30% + 1px)),var(--lamplight)}.keepsake-cassette-reel{position:absolute;top:27px;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,var(--room) 0 18%,transparent 20%),repeating-conic-gradient(#efe4d0 0 16deg,#c9b795 16deg 60deg);box-shadow:0 0 0 4px #4a3329}.keepsake-cassette-reel-left{left:30px}.keepsake-cassette-reel-right{right:30px}.keepsake-object:focus-visible{outline:none;box-shadow:0 0 0 2px var(--lamplight),0 0 0 4px var(--gilt),0 4px 10px #3a2e2a14}@media(hover:hover)and (min-width:768px){.keepsake-object:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:0 2px 4px #3a2e2a14,0 10px 20px #3a2e2a1f,0 18px 36px #3a2e2a1a,inset 0 0 0 1px #b08a4f66}}@media(prefers-reduced-motion:reduce){.keepsake-object{transition:none;will-change:auto}.keepsake-object:hover{transform:none}.keepsake-live-dot{animation:none}}.home{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);overflow:hidden;isolation:isolate}.home:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(120% 70% at 50% -10%,var(--lamplight) 0%,rgba(251,245,234,0) 60%);pointer-events:none}.home:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 100% at 50% 38%,#3a2e2a00 58%,#3a2e2a12);pointer-events:none}.home__inner{position:relative;display:flex;flex:1 1 auto;flex-direction:column;width:100%;max-width:30rem;margin:0 auto;padding:calc(2.25rem + env(safe-area-inset-top)) 1.5rem;padding-bottom:calc(7rem + env(safe-area-inset-bottom))}.home__header{display:flex;flex-direction:column;gap:1.75rem}.home__salutation{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.home__eyebrow{margin:0;font-family:var(--font-serif);font-size:.95rem;font-weight:400;letter-spacing:.04em;color:var(--ink-faded)}.home__name{margin:0;font-family:var(--font-script);font-weight:400;font-size:clamp(3.6rem,22vw,4.4rem);line-height:.9;color:var(--ink);text-wrap:balance}.home__rule{display:block;width:4.5rem;height:1px;margin-top:.5rem;background:linear-gradient(90deg,rgba(176,138,79,0) 0%,var(--gilt) 35%,var(--gilt) 65%,rgba(176,138,79,0) 100%)}.home__counter{display:flex}.home__divider{display:none}.home__objects{display:flex;flex-direction:column;gap:1rem;margin-top:auto;padding-top:2.5rem}.home__footer{margin:1.5rem 0 0;font-family:var(--font-sans);font-size:.72rem;letter-spacing:.04em;text-align:center;color:var(--ink-faded);opacity:.7;text-wrap:pretty}@media(min-width:768px){.home__inner{max-width:64rem;padding:calc(4rem + env(safe-area-inset-top)) 3rem 4rem}.home__header{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:2.5rem}.home__salutation{gap:.5rem}.home__eyebrow{font-size:1.05rem}.home__name{font-size:clamp(4.5rem,8vw,6rem)}.home__rule{width:6.5rem}.home__counter{justify-content:flex-end;padding-top:.5rem}.home__divider{display:block;width:100%;height:1px;margin:3rem 0 2.5rem;background:linear-gradient(90deg,rgba(176,138,79,0) 0%,var(--gilt) 12%,var(--gilt) 88%,rgba(176,138,79,0) 100%)}.home__objects{flex-direction:row;gap:1.75rem;margin-top:0;padding-top:0}.home__objects>*{flex:1 1 0;min-width:0}.home__footer{margin-top:3rem}}@media(prefers-reduced-motion:reduce){.home:before,.home:after{animation:none}}.letter-envelope{--envelope-pad: 18px;--envelope-radius: 16px;--accent: var(--letter-accent, var(--wax));position:relative;display:flex;flex-direction:column;gap:14px;width:100%;min-height:200px;padding:var(--envelope-pad);border-radius:var(--envelope-radius);background:var(--paper);color:var(--ink);text-align:left;text-decoration:none;overflow:hidden;transform:rotate(var(--letter-rotation, 0deg));box-shadow:0 1px 2px #3a2e2a0f,0 5px 14px #3a2e2a1a,inset 0 0 0 1px #b08a4f1f;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;will-change:transform}button.letter-envelope{appearance:none;border:none;cursor:pointer;font:inherit}.letter-envelope-stamp{position:absolute;top:var(--envelope-pad);right:var(--envelope-pad);display:flex;align-items:center;justify-content:center;width:38px;height:44px;border-radius:3px;background:var(--lamplight);box-shadow:0 1px 3px #3a2e2a29,inset 0 0 0 2px color-mix(in srgb,var(--accent) 22%,var(--lamplight));outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}.letter-envelope-stamp-art{display:block;width:24px;height:24px;color:var(--accent)}.letter-envelope-watermark{position:absolute;bottom:-18px;left:-14px;width:116px;height:116px;color:var(--accent);opacity:.08;transform:rotate(-10deg);pointer-events:none;z-index:0}.letter-envelope-stamp,.letter-envelope-body,.letter-envelope-ribbon,.letter-envelope-seal{z-index:1}.letter-envelope-ribbon{width:34px;height:2px;border-radius:2px;background:var(--accent);opacity:.55}.letter-envelope-body{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-right:52px}.letter-envelope-title{font-family:var(--font-serif);font-size:1.4rem;font-weight:500;line-height:1.2;color:var(--ink);text-wrap:balance}.letter-envelope-date{font-family:var(--font-sans);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faded);font-variant-numeric:tabular-nums}.letter-envelope-seal{position:absolute;bottom:var(--envelope-pad);right:var(--envelope-pad);display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 38% 32%,color-mix(in srgb,var(--accent) 78%,white 22%),var(--accent) 72%);box-shadow:inset 0 1px 1px #ffffff4d,inset 0 -1px 2px #0003,0 1px 3px #3a2e2a4d;transition:box-shadow .3s ease,transform .3s ease}.letter-envelope-seal-mark{font-family:var(--font-serif);font-size:.8rem;font-weight:600;color:#ffffffd9;text-shadow:0 1px 1px rgba(0,0,0,.25)}.letter-envelope-seal.is-broken{clip-path:polygon(0 0,100% 0,100% 44%,62% 56%,100% 64%,100% 100%,0 100%);opacity:.7;box-shadow:inset 0 1px 1px #ffffff2e,0 1px 2px #3a2e2a38}.letter-envelope--unread .letter-envelope-seal{box-shadow:inset 0 1px 1px #ffffff4d,inset 0 -1px 2px #0003,0 1px 3px #3a2e2a4d,0 0 0 5px color-mix(in srgb,var(--accent) 16%,transparent)}.letter-envelope--locked{opacity:.6;cursor:default;filter:saturate(.8)}.letter-envelope-locked-label{font-family:var(--font-sans);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faded);font-variant-numeric:tabular-nums}.letter-envelope:focus-visible{outline:none;box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--gilt),0 5px 14px #3a2e2a1a}@media(hover:hover)and (min-width:768px){button.letter-envelope:hover{transform:translateY(-5px) rotate(var(--letter-rotation, 0deg));box-shadow:0 2px 4px #3a2e2a14,0 12px 24px #3a2e2a24,0 22px 44px #3a2e2a1a,inset 0 0 0 1px #b08a4f73}button.letter-envelope:hover .letter-envelope-seal{transform:translateY(-1px);box-shadow:inset 0 1px 2px #ffffff73,inset 0 -1px 2px #0003,0 2px 5px #3a2e2a52,0 0 0 6px color-mix(in srgb,var(--accent) 20%,transparent)}}@media(prefers-reduced-motion:reduce){.letter-envelope{transition:opacity .2s ease;will-change:auto}button.letter-envelope:hover{transform:rotate(var(--letter-rotation, 0deg))}.letter-envelope-seal{transition:none}}.letters-deck{display:flex;flex-direction:column;align-items:center;width:100%;gap:1.25rem}.letters-deck__viewport{position:relative;width:100%;overflow:hidden;border-radius:18px;outline:none}.letters-deck__viewport:focus-visible{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--gilt)}.letters-deck__track{display:flex;align-items:stretch;gap:16px;cursor:grab;touch-action:pan-y;will-change:transform}.letters-deck__track:active{cursor:grabbing}.letters-deck__card{flex:0 0 82%;display:flex;min-height:58vh;max-height:70vh;opacity:.55;transform:scale(.94);transition:opacity .4s ease,transform .4s ease}.letters-deck__card.is-active{opacity:1;transform:scale(1)}.letters-deck__card>.letter-envelope{width:100%;height:100%}.letters-deck__controls{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%}.letters-deck__arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background:var(--lamplight);color:var(--ink);font-family:var(--font-serif);font-size:1.3rem;line-height:1;cursor:pointer;box-shadow:0 1px 2px #3a2e2a14,inset 0 0 0 1px #b08a4f38;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent}.letters-deck__arrow:active{transform:scale(.96)}.letters-deck__arrow:disabled{opacity:.35;cursor:default}.letters-deck__arrow:focus-visible{outline:none;box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--gilt)}.letters-deck__dots{display:flex;align-items:center;gap:2px}.letters-deck__dot{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.letters-deck__dot-mark{width:7px;height:7px;border-radius:50%;background:var(--ink-faded);opacity:.35;transition:opacity .25s ease,transform .25s ease,background-color .25s ease}.letters-deck__dot.is-active .letters-deck__dot-mark{background:var(--wax);opacity:1;transform:scale(1.25)}.letters-deck__dot:focus-visible{outline:none}.letters-deck__dot:focus-visible .letters-deck__dot-mark{box-shadow:0 0 0 3px var(--gilt)}.letters-deck__counter{margin:0;font-family:var(--font-sans);font-size:.78rem;letter-spacing:.08em;color:var(--ink-faded);font-variant-numeric:tabular-nums}.letters-deck__counter-now{color:var(--ink);font-weight:600}@media(prefers-reduced-motion:reduce){.letters-deck__card{transition:opacity .2s ease;transform:none}.letters-deck__card.is-active{transform:none}.letters-deck__track{will-change:auto}}.unseal-overlay{position:fixed;inset:0;z-index:2000;pointer-events:none}.unseal-bloom{position:fixed;width:220px;height:220px;margin-left:-110px;margin-top:-110px;border-radius:50%;background:radial-gradient(circle,var(--lamplight) 0%,rgba(176,138,79,.45) 38%,rgba(176,138,79,0) 70%);will-change:transform,opacity}.unseal-frame{--frame-radius: 8px;perspective:800px;transform-style:preserve-3d}.unseal-body{position:absolute;inset:0;border-radius:var(--frame-radius);background:var(--paper);border:1px solid rgba(176,138,79,.35);box-shadow:0 1px 2px #3a2e2a14,0 8px 22px #3a2e2a24}.unseal-letter{position:absolute;left:12%;right:12%;top:12%;height:60%;border-radius:calc(var(--frame-radius) - 4px);background:var(--lamplight);box-shadow:0 2px 8px #3a2e2a29;will-change:transform,opacity}.unseal-flap{position:absolute;top:0;left:0;right:0;height:46%;background:var(--paper);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;transform-style:preserve-3d;border-top:1px solid rgba(176,138,79,.5);filter:brightness(.97);will-change:transform}.unseal-seal{position:absolute;left:50%;top:38%;width:30%;max-width:34px;aspect-ratio:1 / 1;margin-left:-15%;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 2px #fff3,inset 0 -2px 4px #00000040,0 1px 4px #3a2e2a4d;will-change:transform,opacity}.unseal-seal-mark{font-family:var(--font-serif);font-size:.7rem;font-weight:600;color:#ffffffc7;line-height:1}.unseal-crack{position:absolute;top:8%;bottom:8%;left:50%;width:1px;margin-left:-.5px;background:linear-gradient(to bottom,rgba(251,245,234,0) 0%,var(--gilt) 50%,rgba(251,245,234,0) 100%);transform-origin:center;will-change:transform,opacity}.unseal-wash{position:fixed;inset:0;background:var(--lamplight);will-change:opacity}.letters{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);overflow-x:hidden;isolation:isolate}.letters:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(120% 70% at 50% -10%,var(--lamplight) 0%,rgba(251,245,234,0) 60%);pointer-events:none}.letters:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 100% at 50% 38%,#3a2e2a00 58%,#3a2e2a12);pointer-events:none}.letters__inner{position:relative;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;width:100%;max-width:30rem;margin:0 auto;padding:calc(1.75rem + env(safe-area-inset-top)) 1.5rem;padding-bottom:calc(7rem + env(safe-area-inset-bottom))}.letters__back{align-self:flex-start;display:inline-flex;align-items:center;min-height:40px;margin:0 0 .75rem;padding:.5rem .5rem .5rem 0;font-family:var(--font-sans);font-size:.78rem;letter-spacing:.06em;color:var(--ink-faded);background:none;border:none;cursor:pointer;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.letters__back:hover{color:var(--ink)}.letters__back:focus-visible{outline:none;border-radius:4px;box-shadow:0 0 0 2px var(--gilt)}.letters__header{display:flex;flex-direction:column;align-items:center;text-align:center}.letters__title{margin:0;font-family:var(--font-script);font-weight:400;font-size:clamp(3.4rem,20vw,4rem);line-height:.95;color:var(--ink);text-wrap:balance}.letters__title:focus-visible{outline:none}.letters__rule{display:block;width:5rem;height:1px;margin-top:.6rem;background:linear-gradient(90deg,rgba(176,138,79,0) 0%,var(--gilt) 35%,var(--gilt) 65%,rgba(176,138,79,0) 100%)}.letters__continue{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:1.25rem 0 1.75rem;padding:0;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.letters__continue-tab{position:relative;padding:.45rem 1.1rem;font-family:var(--font-sans);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--lamplight);border-radius:2px 2px 10px 10px;box-shadow:0 1px 2px #3a2e2a1a,inset 0 0 0 1px #b08a4f4d;transition:transform .2s ease,box-shadow .2s ease,color .2s ease}.letters__continue-tab:before{content:"";position:absolute;top:50%;left:.5rem;width:5px;height:5px;border-radius:50%;background:var(--wax);transform:translateY(-50%)}.letters__continue:active .letters__continue-tab{transform:scale(.96)}.letters__continue:focus-visible{outline:none}.letters__continue:focus-visible .letters__continue-tab{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--gilt)}.letters__continue--placeholder{min-height:40px;margin:1.25rem 0 1.75rem;visibility:hidden}.letters__deck-wrap{display:flex;justify-content:center;width:100%}.letters__footer{margin:2.5rem 0 0;font-family:var(--font-sans);font-size:.72rem;letter-spacing:.04em;text-align:center;color:var(--ink-faded);opacity:.7;text-wrap:pretty}@media(min-width:768px){.letters__inner{max-width:60rem;padding:calc(3.5rem + env(safe-area-inset-top)) 3rem 4rem}.letters__title{font-size:clamp(4rem,7vw,5.25rem)}.letters__rule{width:7rem}.letters__desk{width:100%;margin-top:1rem}.letters__spread{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1.25rem;row-gap:2.75rem;align-items:start;width:100%;padding:1.5rem .75rem}.letters__desk-item{display:flex;margin:0 -.55rem}.letters__desk-item:nth-child(3n+2){margin-top:1.6rem}.letters__desk-item:nth-child(3n+3){margin-top:.7rem}.letters__desk-item:hover,.letters__desk-item:focus-within{position:relative;z-index:1}.letters__footer{margin-top:3.5rem}}.photos{min-height:100vh;min-height:100dvh;background:linear-gradient(160deg,#f5ede6,#faf0e8,#fff5ef 60%,#fff9f5);display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;padding-top:calc(1.5rem + env(safe-area-inset-top));padding-bottom:calc(2rem + env(safe-area-inset-bottom));font-family:Georgia,serif}.photos-back{align-self:flex-start;font-family:Georgia,serif;font-size:.85rem;color:#a07080;font-style:italic;background:none;border:none;cursor:pointer;padding:.5rem 0;margin-bottom:.5rem;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.photos-back:active{color:#8b5a6a}.photos-title{font-size:1.8rem;color:#8b5a6a;font-weight:400;font-style:italic;text-shadow:0 1px 4px rgba(100,50,70,.1);margin-bottom:1.5rem}.clotheslines{width:100%;max-width:900px;display:flex;flex-direction:column;gap:.5rem}.clothesline{position:relative;padding-top:1.2rem;padding-bottom:1.5rem}.clothesline-string{position:absolute;top:1.2rem;left:0;right:0;height:50px;border-bottom:2px solid #c4a090;border-radius:0 0 50% 50%/0 0 100% 100%;pointer-events:none;opacity:.5}.clothesline-photos{display:flex;justify-content:center;gap:1rem;padding-top:.6rem}.polaroid-wrapper{display:flex;flex-direction:column;align-items:center;transform:rotate(var(--rotation, 0deg));transition:transform .3s ease;-webkit-tap-highlight-color:transparent}.polaroid-wrapper:active{transform:rotate(0) scale(1.04);z-index:2}.polaroid-clip{width:8px;height:16px;background:#b89888;border-radius:2px 2px 0 0;position:relative;z-index:1;box-shadow:0 1px 2px #00000026}.polaroid-clip:before{content:"";position:absolute;top:2px;left:50%;transform:translate(-50%);width:12px;height:5px;border:2px solid #a08070;border-bottom:none;border-radius:3px 3px 0 0}.polaroid{background:#fff;padding:6px 6px 0;box-shadow:0 3px 10px #00000014,0 1px 3px #0000000d;border:1px solid rgba(200,180,170,.2);margin-top:-2px}.polaroid-image{width:38vw;height:38vw;max-width:220px;max-height:220px;overflow:hidden;background:linear-gradient(135deg,#e8ddd5,#d4c4b8);display:flex;align-items:center;justify-content:center}.polaroid-image img{width:100%;height:100%;object-fit:cover;display:block}.polaroid-caption{font-family:Georgia,serif;font-style:italic;font-size:.65rem;color:#8b7a70;text-align:center;padding:8px 4px 10px;line-height:1.3}.photos-footer{margin-top:2rem;padding-bottom:1rem;font-size:.65rem;color:#a08c9666;font-style:italic}@keyframes sway{0%,to{transform:rotate(var(--rotation, 0deg))}50%{transform:rotate(calc(var(--rotation, 0deg) + 1deg))}}.polaroid-wrapper{animation:sway 5s ease-in-out infinite;animation-delay:var(--delay, 0s)}@media(max-width:640px){.polaroid-wrapper{animation:none}}@media(min-width:641px){.photos{padding:3rem 2rem;padding-top:calc(3rem + env(safe-area-inset-top))}.photos-title{font-size:2rem;margin-bottom:2.5rem}.clotheslines{gap:1rem}.clothesline{padding-bottom:2rem}.clothesline-string{height:60px}.clothesline-photos{gap:2rem;padding-top:.8rem}.polaroid{padding:10px 10px 0}.polaroid-caption{font-size:.75rem;padding:12px 6px 14px}.polaroid-wrapper:hover{transform:rotate(0) translateY(-6px) scale(1.05);z-index:2}}.live-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));background-color:var(--room);background-image:radial-gradient(120% 70% at 50% -10%,#fbf5ea24,#b08a4f0f 38%,#1a141000 70%)}.live-frame{margin:0;width:100%;max-width:1280px;display:flex;flex-direction:column;align-items:center;gap:.85rem}.live-mat{width:100%;background-color:var(--paper);background-image:radial-gradient(140% 120% at 50% 0%,var(--lamplight),var(--paper) 62%);padding:14px;border-radius:22px;box-shadow:0 1px #fbf5ea2e inset,0 18px 40px -18px #000000b3,0 6px 14px -8px #0000008c}.live-window{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px var(--gilt) inset}.ivs-player{display:block;width:100%;max-width:1280px;aspect-ratio:16 / 9;background:#000;border-radius:8px;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}.live-caption{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-sans);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--lamplight)}.live-caption-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--wax);box-shadow:0 0 0 3px #8c2f3938}.live-offline{position:relative;text-align:center;max-width:30rem;padding:2rem 1.25rem;color:var(--lamplight)}.live-lamp{display:block;width:5.5rem;height:5.5rem;margin:0 auto 1.75rem;border-radius:50%;background:radial-gradient(circle at 50% 42%,var(--lamplight),rgba(176,138,79,.55) 34%,rgba(140,47,57,.32) 60%,rgba(26,20,16,0) 78%)}.live-offline-title{margin:0 0 .6rem;font-family:var(--font-serif);font-weight:500;font-size:1.6rem;line-height:1.2;text-wrap:balance;color:var(--lamplight)}.live-offline-text{margin:0;font-family:var(--font-sans);font-size:.98rem;line-height:1.55;text-wrap:pretty;color:#fbf5eabd}@media(min-width:768px){.live-page{padding:3rem}.live-frame{gap:1.1rem}.live-mat{padding:22px;border-radius:32px}.live-window,.ivs-player{border-radius:10px}.live-caption{font-size:.78rem}.live-offline-title{font-size:2rem}.live-offline-text{font-size:1.05rem}}@media(prefers-reduced-motion:no-preference){.live-lamp{will-change:transform,opacity;animation:live-lamp-breathe 4.2s ease-in-out infinite}}@keyframes live-lamp-breathe{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(1.05);opacity:1}}.cassette{container-type:inline-size;width:100%}.cassette__shell{position:relative;aspect-ratio:100 / 63;border-radius:4.5cqw;background-color:#3d302b;background-image:radial-gradient(circle at 3.6% 6.5%,#221a16 0 .9cqw,rgba(251,245,234,.14) 1cqw 1.3cqw,transparent 1.4cqw),radial-gradient(circle at 96.4% 6.5%,#221a16 0 .9cqw,rgba(251,245,234,.14) 1cqw 1.3cqw,transparent 1.4cqw),radial-gradient(circle at 3.6% 93.5%,#221a16 0 .9cqw,rgba(251,245,234,.14) 1cqw 1.3cqw,transparent 1.4cqw),radial-gradient(circle at 96.4% 93.5%,#221a16 0 .9cqw,rgba(251,245,234,.14) 1cqw 1.3cqw,transparent 1.4cqw),linear-gradient(165deg,#4b3c35,#3a2e2a 55%,#322723);box-shadow:inset 0 1px #fbf5ea24,inset 0 -2px #00000038,0 1px 2px #3a2e2a2e,0 10px 20px -8px #3a2e2a59,0 26px 44px -22px #3a2e2a80}.cassette__label{position:absolute;top:7%;left:7%;right:7%;height:66%;border-radius:1.6cqw;background:linear-gradient(to bottom,transparent 0 34%,rgba(176,138,79,.6) 34% calc(34% + 1px),transparent calc(34% + 1px)),linear-gradient(to bottom,transparent 0 40%,#eadcc3 40% 100%),var(--lamplight);box-shadow:inset 0 0 0 1px #3a2e2a14,0 1px 1px #00000040}.cassette__title{position:absolute;left:8%;right:8%;bottom:calc(66% + .3cqw);margin:0;font-family:var(--font-script);font-size:6.6cqw;line-height:1.3;color:var(--ink);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cassette__window{position:absolute;bottom:8%;left:0;right:0;width:66%;height:49%;margin-inline:auto;border-radius:3cqw;background:radial-gradient(120% 140% at 50% 0%,#2c221c,var(--room));box-shadow:inset 0 1px 3px #0009,0 1px #fbf5ea99;overflow:hidden}.cassette__reel{position:absolute;top:calc(50% - 8.75cqw);width:17.5cqw;height:17.5cqw}.cassette__reel--left{left:calc(22% - 8.75cqw)}.cassette__reel--right{left:calc(78% - 8.75cqw)}.cassette__pack{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(251,245,234,.1),transparent 60%),repeating-radial-gradient(circle,#5b4033 0 1px,#4a3329 1px 2px);transition:transform .9s linear}.cassette__reel--left .cassette__pack{transform:scale(var(--left))}.cassette__reel--right .cassette__pack{transform:scale(var(--right))}.cassette__hub{position:absolute;inset:29%;border-radius:50%;background:radial-gradient(circle,var(--room) 0 30%,transparent 31%),repeating-conic-gradient(#efe4d0 0 16deg,#c9b795 16deg 60deg);box-shadow:0 0 0 1px #0000004d;animation:cassette-spin 2.4s linear infinite;animation-play-state:paused}.cassette.is-playing .cassette__hub{animation-play-state:running}@keyframes cassette-spin{to{transform:rotate(-360deg)}}.cassette__mouth{position:absolute;bottom:0;left:0;right:0;width:56%;height:19%;margin-inline:auto;clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);background:radial-gradient(circle at 24% 58%,var(--room) 0 1.3cqw,transparent 1.4cqw),radial-gradient(circle at 76% 58%,var(--room) 0 1.3cqw,transparent 1.4cqw),linear-gradient(to bottom,rgba(251,245,234,.1),transparent 30%),#45372f}.player{display:flex;flex-direction:column;gap:2.25rem}.player__deck{display:flex;flex-direction:column;align-items:stretch;gap:1.25rem;width:100%;max-width:24rem;margin-inline:auto}.player__error{margin:0;font-family:var(--font-sans);font-size:.85rem;text-align:center;color:var(--wax);text-wrap:pretty}.transport{display:flex;flex-direction:column;gap:.5rem}.transport__seek{display:flex;align-items:center;gap:.75rem}.transport__time{min-width:2.6rem;font-family:var(--font-sans);font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--ink-faded)}.transport__time:last-child{text-align:right}.transport__range{--track: linear-gradient( 90deg, var(--gilt) var(--fill), rgba(176, 138, 79, .25) var(--fill) );flex:1;min-width:0;height:40px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.transport__range:disabled{cursor:default}.transport__range::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:var(--track)}.transport__range::-moz-range-track{height:3px;border-radius:999px;background:var(--track)}.transport__range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5.5px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 3px var(--lamplight),0 1px 4px #3a2e2a59}.transport__range::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--ink);box-shadow:0 0 0 3px var(--lamplight),0 1px 4px #3a2e2a59}.transport__range:focus-visible{outline:none}.transport__range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--lamplight),0 0 0 5px var(--gilt)}.transport__range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--lamplight),0 0 0 5px var(--gilt)}.transport__buttons{display:flex;align-items:center;justify-content:center;gap:1.5rem}.transport__skip,.transport__play{position:relative;display:grid;place-items:center;border:none;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,background-color .2s ease,box-shadow .2s ease}.transport__skip{width:48px;height:48px;background:transparent;color:var(--ink)}.transport__play{width:64px;height:64px;background:radial-gradient(circle at 38% 30%,#a3404b,var(--wax) 72%);color:var(--lamplight);box-shadow:inset 0 1px 1px #ffffff38,0 2px 4px #8c2f3940,0 10px 22px -8px #8c2f398c}.transport__icon{grid-area:1 / 1;display:grid;place-items:center}.transport__skip:active,.transport__play:active{transform:scale(.96)}.transport__skip:focus-visible,.transport__play:focus-visible{outline:none;box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--gilt)}@media(hover:hover){.transport__skip:hover{background:#3a2e2a0f}}.mode-keys{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.mode-key{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;min-height:44px;padding:.75rem .8rem .7rem;border-radius:12px;background:var(--lamplight);color:var(--ink-faded);cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 1px #ffffffb3,0 1px 1px #3a2e2a14,0 3px #3a2e2a14,0 6px 12px -6px #3a2e2a33;transition:transform .15s ease,box-shadow .15s ease,color .15s ease,background-color .15s ease}.mode-key__input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mode-key:has(.mode-key__input:checked){transform:translateY(2px);background:#ece2d0;color:var(--ink);box-shadow:inset 0 1px 3px #3a2e2a2e,0 1px #3a2e2a0f}.mode-key:active{transform:translateY(2px) scale(.96)}.mode-key:has(.mode-key__input:focus-visible){outline:2px solid var(--gilt);outline-offset:2px}.mode-key__led{position:absolute;top:.8rem;right:.8rem;width:6px;height:6px;border-radius:50%;background:#3a2e2a2e;transition:background-color .2s ease,box-shadow .2s ease}.mode-key:has(.mode-key__input:checked) .mode-key__led{background:var(--wax);box-shadow:0 0 0 3px #8c2f3929}.mode-key__icon{display:flex}.mode-key__icon svg{width:20px;height:20px}.mode-key__label{font-family:var(--font-sans);font-size:.8rem;line-height:1.3;text-wrap:balance}.tracklist{list-style:none;margin:0;padding:8px;border-radius:16px;background:var(--lamplight);box-shadow:0 1px 2px #3a2e2a0f,0 4px 12px #3a2e2a12}.tracklist li+li{background:linear-gradient(#b08a4f40,#b08a4f40) no-repeat .75rem 0 / calc(100% - 1.5rem) 1px}.tracklist__row{display:grid;grid-template-columns:1.75rem minmax(0,1fr) auto;align-items:center;gap:.75rem;width:100%;min-height:52px;padding:.5rem .75rem;border:none;border-radius:8px;background:transparent;color:var(--ink);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease}.tracklist__row:active{background:#3a2e2a12}.tracklist__row.is-current{background:#b08a4f24}.tracklist__row:focus-visible{outline:2px solid var(--gilt);outline-offset:-2px}@media(hover:hover){.tracklist__row:hover:not(.is-current){background:#3a2e2a0a}}.tracklist__num{display:flex;justify-content:center;font-family:var(--font-sans);font-size:.78rem;font-variant-numeric:tabular-nums;color:var(--ink-faded)}.tracklist__reel{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,var(--lamplight) 0 22%,transparent 24%),repeating-conic-gradient(var(--wax) 0 30deg,#b45a64 30deg 60deg);animation:cassette-spin 2.4s linear infinite;animation-play-state:paused}.tracklist__reel.is-playing{animation-play-state:running}.tracklist__title{overflow:hidden;font-family:var(--font-serif);font-size:1.02rem;white-space:nowrap;text-overflow:ellipsis}.tracklist__date{font-family:var(--font-sans);font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--ink-faded)}@media(min-width:768px){.player{display:grid;grid-template-columns:minmax(0,24rem) minmax(0,1fr);align-items:start;gap:3.5rem}.player__deck{position:sticky;top:2.5rem;margin-inline:0}}@media(prefers-reduced-motion:reduce){.mode-key,.mode-key:active,.mode-key:has(.mode-key__input:checked){transform:none}}.tapes{position:relative;min-height:100vh;min-height:100dvh;background:var(--paper);color:var(--ink);isolation:isolate}.tapes:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 60% at 50% -10%,var(--lamplight) 0%,rgba(251,245,234,0) 60%);pointer-events:none}.tapes__inner{display:flex;flex-direction:column;width:100%;max-width:30rem;margin:0 auto;padding:calc(1.25rem + env(safe-area-inset-top)) 1.25rem;padding-bottom:calc(7rem + env(safe-area-inset-bottom))}.tapes__back{align-self:flex-start;display:inline-flex;align-items:center;min-height:40px;padding:.5rem .5rem .5rem 0;font-family:var(--font-sans);font-size:.78rem;letter-spacing:.06em;color:var(--ink-faded);background:none;border:none;cursor:pointer;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.tapes__back:hover{color:var(--ink)}.tapes__back:focus-visible{outline:none;border-radius:4px;box-shadow:0 0 0 2px var(--gilt)}.tapes__header{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin:.5rem 0 1.75rem;text-align:center}.tapes__title{margin:0;font-family:var(--font-script);font-weight:400;font-size:clamp(3rem,16vw,3.6rem);line-height:1;color:var(--ink);text-wrap:balance}.tapes__count{margin:0;font-family:var(--font-sans);font-size:.8rem;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--ink-faded)}.tapes__note{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:2rem auto 0;max-width:22rem;font-family:var(--font-serif);font-size:1.05rem;line-height:1.5;text-align:center;color:var(--ink-faded);text-wrap:pretty}.tapes__note p{margin:0}.tapes__retry{min-height:44px;padding:0 1.25rem;border:none;border-radius:999px;background:var(--ink);color:var(--lamplight);font-family:var(--font-sans);font-size:.85rem;cursor:pointer;transition:transform .12s ease}.tapes__retry:active{transform:scale(.96)}.tapes__retry:focus-visible{outline:none;box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--gilt)}@media(min-width:768px){.tapes__inner{max-width:64rem;padding:calc(2.5rem + env(safe-area-inset-top)) 3rem 4rem}.tapes__header{align-items:flex-start;margin:.75rem 0 2.75rem;text-align:left}.tapes__title{font-size:clamp(4rem,7vw,5rem)}}.loading-veil{min-height:100vh;min-height:100dvh;background:linear-gradient(160deg,#f5ede6,#faf0e8,#fff5ef 60%,#fff9f5);display:flex;align-items:center;justify-content:center}.loading-veil-text{font-family:Georgia,serif;font-size:1rem;font-style:italic;color:#a07080;opacity:.7}.close-button{position:fixed;top:calc(1rem + env(safe-area-inset-top));left:calc(1rem + env(safe-area-inset-left));z-index:1000;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px) saturate(1.1);backdrop-filter:blur(8px) saturate(1.1);transition:background-color .2s ease,box-shadow .2s ease,transform .12s ease;will-change:transform}.close-button:active{transform:scale(.96)}.close-button:focus-visible{outline:none}.close-button--light{background:#1a14106b;color:var(--lamplight);box-shadow:inset 0 0 0 1px #b08a4f59,0 2px 8px #1a141047}.close-button--dark{background:#fbf5ead9;color:var(--ink);box-shadow:inset 0 0 0 1px #b08a4f66,0 2px 8px #00000059}@media(hover:hover){.close-button--light:hover{background:#1a14108f;box-shadow:inset 0 0 0 1px #b08a4f8c,0 3px 12px #1a141057}.close-button--dark:hover{background:#fbf5eaf5;box-shadow:inset 0 0 0 1px #b08a4f99,0 3px 12px #0006}}.close-button--light:focus-visible{box-shadow:0 0 0 2px #1a141099,0 0 0 4px var(--gilt)}.close-button--dark:focus-visible{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--gilt)}@media(prefers-reduced-motion:reduce){.close-button{transition:none;will-change:auto}.close-button:active{transform:none}}.letter-error{min-height:100vh;min-height:100dvh;background:linear-gradient(160deg,#f5ede6,#faf0e8,#fff5ef 60%,#fff9f5);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Georgia,serif;gap:1.5rem;padding:2rem;text-align:center}.letter-error-message{font-size:1.1rem;color:#8b5a6a;font-style:italic}.letter-error-link{font-size:.95rem;color:#a07080;text-decoration:none;border-bottom:1px solid rgba(160,112,128,.3);padding-bottom:2px}.letter-error-link:hover{color:#8b5a6a}@keyframes letterFadeIn{0%{opacity:0}to{opacity:1}}.letter-fade-in{animation:letterFadeIn .3s ease-in-out}.not-found{min-height:100vh;min-height:100dvh;background:linear-gradient(160deg,#f5ede6,#faf0e8,#fff5ef 60%,#fff9f5);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Georgia,serif;gap:1.5rem}.not-found-message{font-size:1.3rem;color:#8b5a6a;font-style:italic}.not-found-link{font-size:.95rem;color:#a07080;text-decoration:none;border-bottom:1px solid rgba(160,112,128,.3);padding-bottom:2px;transition:color .2s ease,border-color .2s ease}.not-found-link:hover{color:#8b5a6a;border-color:#8b5a6a80}