:root{--night:#120b12;--night2:#21101c;--ivory:#fff8ee;--paper:#f5eadc;--wine:#9d4261;--wine2:#64263e;--copper:#d69a58;--mist:#ccb9c3;--serif:'Fraunces',Georgia,serif;--sans:'Nunito Sans',system-ui,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--night);color:var(--ivory);font-family:var(--sans)}button,a{font:inherit}button{color:inherit}.app{min-height:100dvh;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 20%,rgba(137,53,86,.18),transparent 34%),linear-gradient(145deg,var(--night),#180c17 56%,#09070a)}
.grain{position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}
#stars{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.8}.brand{position:fixed;z-index:20;top:max(22px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));display:flex;align-items:center;gap:10px;color:var(--ivory);font:600 1rem var(--serif);letter-spacing:.02em;text-decoration:none;transition:opacity .2s ease,transform .2s ease,visibility .2s}.brand:focus-visible{outline:3px solid var(--copper);outline-offset:5px;border-radius:4px}.brand img{width:26px;height:26px;object-fit:contain;filter:brightness(0) invert(1);opacity:.94}.prototype{position:fixed;z-index:20;top:max(22px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mist);border:1px solid rgba(255,248,238,.18);padding:7px 10px;border-radius:999px;transition:opacity .2s ease,transform .2s ease,visibility .2s}.app.scene-scrolled .brand,.app.scene-scrolled .prototype{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px)}
.scene{position:absolute;inset:0;min-height:100dvh;padding:92px clamp(22px,6vw,84px) max(36px,calc(20px + env(safe-area-inset-bottom)));display:grid;place-items:center;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .75s ease,transform .75s ease,visibility .75s}.scene.active{opacity:1;visibility:visible;transform:none}.opening{text-align:center}.opening-inner{max-width:760px}.kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.23em;color:var(--copper);font-weight:800;margin-bottom:24px}.opening h1,.memories h2,.premiere h2,.finale h2{font:400 clamp(2.7rem,8vw,6.5rem)/.98 var(--serif);letter-spacing:-.045em;margin:0}.opening h1 span{display:block;font-style:italic;color:#e9caa9}.dedication{max-width:520px;margin:28px auto 38px;color:var(--mist);font-size:clamp(1rem,2vw,1.2rem);line-height:1.75}.seal-wrap{display:inline-grid;place-items:center;position:relative;width:156px;height:156px}.seal-progress{position:absolute;inset:0;transform:rotate(-90deg)}.seal-progress{pointer-events:none}.seal-progress circle{fill:none;stroke-width:2}.seal-progress .track{stroke:rgba(255,248,238,.13)}.seal-progress .value{stroke:var(--copper);stroke-linecap:round;stroke-dasharray:465;stroke-dashoffset:465;transition:stroke-dashoffset .08s linear}.seal{width:116px;height:116px;border-radius:50%;border:1px solid rgba(255,248,238,.28);background:radial-gradient(circle at 36% 28%,#a64c67,var(--wine2) 64%,#351321);box-shadow:0 20px 60px rgba(0,0,0,.38),inset 0 0 0 8px rgba(255,255,255,.035);display:grid;place-items:center;cursor:pointer;user-select:none;touch-action:none;transition:transform .2s}.seal:hover{transform:scale(1.03)}.seal:focus-visible{outline:3px solid var(--copper);outline-offset:7px}.seal-mark{font:600 2.1rem var(--serif);border:1px solid rgba(255,248,238,.52);width:64px;height:64px;border-radius:50%;display:grid;place-items:center}.hold-label{display:block;margin-top:16px;color:var(--mist);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
.memories{padding-bottom:max(22px,calc(12px + env(safe-area-inset-bottom)))}.memory-layout{width:min(1120px,100%);display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(36px,8vw,100px);align-items:center}.memory-copy h2{font-size:clamp(2.5rem,5vw,4.8rem)}.memory-copy p{color:var(--mist);line-height:1.7;max-width:430px}.memory-count{margin-top:32px;color:var(--copper);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.constellation{position:relative;aspect-ratio:1/1;max-height:70dvh}.constellation svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.constellation line{stroke:rgba(214,154,88,.46);stroke-width:1.5;stroke-dasharray:4 8;opacity:0;transition:opacity .8s}.constellation line.on{opacity:1}.memory-node{position:absolute;transform:translate(-50%,-50%);width:clamp(76px,11vw,120px);height:clamp(76px,11vw,120px);border-radius:50%;border:1px solid rgba(255,248,238,.18);background:rgba(24,12,22,.82);display:grid;place-items:center;text-align:center;padding:12px;cursor:pointer;box-shadow:0 0 0 0 rgba(214,154,88,.0);transition:border .3s,box-shadow .3s,transform .3s}.memory-node small{font-size:.67rem;line-height:1.28;color:var(--mist)}.memory-node b{display:block;color:var(--ivory);font:600 .87rem var(--serif);margin-bottom:4px}.memory-node::after{content:"";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:7px;height:7px;border-radius:50%;background:var(--copper);box-shadow:0 0 18px var(--copper);pointer-events:none}.memory-node:hover,.memory-node:focus-visible{border-color:var(--copper);outline:none;transform:translate(-50%,-50%) scale(1.05)}.memory-node.on{border-color:var(--copper);box-shadow:0 0 42px rgba(214,154,88,.2)}.memory-node.on::after{width:11px;height:11px}.memory-reveal{min-height:90px;margin-top:28px;color:var(--paper);font:400 clamp(1.2rem,2vw,1.55rem)/1.5 var(--serif);opacity:.25;transition:opacity .35s}.memory-reveal.on{opacity:1}.continue{margin-top:20px;border:0;border-radius:999px;padding:14px 24px;background:var(--ivory);color:var(--night);font-weight:800;cursor:pointer;opacity:0;transform:translateY(8px);pointer-events:none;transition:.35s}.continue.show{opacity:1;transform:none;pointer-events:auto}.continue:focus-visible{outline:3px solid var(--copper);outline-offset:3px}
.premiere{padding:76px clamp(18px,4vw,58px) max(22px,calc(12px + env(safe-area-inset-bottom)))}.premiere-shell{width:min(1220px,100%);height:min(760px,calc(100dvh - 104px));display:grid;grid-template-columns:minmax(300px,.72fr) 1.28fr;border:1px solid rgba(255,248,238,.12);background:rgba(12,8,12,.62);box-shadow:0 35px 100px rgba(0,0,0,.35);overflow:hidden}.album{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(28px,5vw,58px);overflow:hidden;background:radial-gradient(circle at 72% 22%,rgba(214,154,88,.36),transparent 26%),linear-gradient(155deg,#542139,#1b0d18 72%)}.rings{position:absolute;inset:-10%;opacity:.28;background:repeating-radial-gradient(circle at 64% 30%,transparent 0 20px,rgba(255,248,238,.16) 21px 22px)}.album::after{content:"";position:absolute;width:42%;aspect-ratio:1;border:1px solid rgba(255,248,238,.3);border-radius:50%;right:10%;top:12%;box-shadow:0 0 0 16px rgba(255,255,255,.025),0 0 0 32px rgba(255,255,255,.018)}.album-meta{position:relative;z-index:1}.album-meta .edition{color:var(--copper);font-size:.67rem;text-transform:uppercase;letter-spacing:.2em;font-weight:800}.album h2{font-size:clamp(2.3rem,5vw,4.7rem);margin:12px 0 18px}.album p{color:var(--mist);max-width:350px}.player-stage{position:relative;display:grid;grid-template-rows:1fr auto;padding:clamp(24px,5vw,56px);min-width:0}.visual{position:relative;display:grid;place-items:center;overflow:hidden}.visual canvas{position:absolute;inset:0;width:100%;height:100%}.chapter{position:relative;z-index:2;text-align:center;max-width:620px;padding:24px}.chapter-label{color:var(--copper);font-size:.67rem;text-transform:uppercase;letter-spacing:.2em;font-weight:800}.chapter-line{font:400 clamp(1.75rem,4vw,3.6rem)/1.15 var(--serif);margin:15px 0;transition:opacity .3s,transform .3s}.chapter-line.changing{opacity:0;transform:translateY(8px)}.chapter-note{color:var(--mist);font-size:.9rem}.controls{position:relative;z-index:3;border-top:1px solid rgba(255,248,238,.12);padding-top:22px}.audio-status{min-height:1.1em;margin:10px 0 0;color:var(--copper);font-size:.82rem;text-align:center}.control-row{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.play{width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,248,238,.28);background:var(--ivory);color:var(--night);display:grid;place-items:center;cursor:pointer;font-weight:800}.timeline{height:5px;background:rgba(255,248,238,.16);border-radius:9px;cursor:pointer;position:relative}.timeline-fill{height:100%;width:0;background:linear-gradient(90deg,var(--copper),#e3bea1);border-radius:9px}.time{font-variant-numeric:tabular-nums;color:var(--mist);font-size:.78rem}.lower-controls{display:flex;justify-content:space-between;align-items:center;margin-top:15px;color:var(--mist);font-size:.74rem}.text-control{border:0;background:none;color:inherit;cursor:pointer;padding:8px}.text-control:hover{color:var(--ivory)}
.finale{text-align:center}.finale-inner{width:min(900px,100%)}.finale h2{font-size:clamp(2.6rem,6vw,5.6rem)}.finale .sub{color:var(--mist);max-width:600px;margin:24px auto 42px;line-height:1.7}.keepsake-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.keepsake-actions button,.keepsake-actions a{border-radius:999px;padding:14px 22px;text-decoration:none;cursor:pointer;font-weight:800}.primary-action{border:0;background:var(--ivory);color:var(--night)}.secondary-action{border:1px solid rgba(255,248,238,.25);background:transparent;color:var(--ivory)}.aftercare{margin:48px auto 0;border-top:1px solid rgba(255,248,238,.12);padding-top:25px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;text-align:left;max-width:760px}.aftercare b{font:600 1.1rem var(--serif)}.aftercare span{display:block;color:var(--mist);font-size:.86rem;margin-top:3px}.quiet-link{color:var(--copper);font-weight:800;text-decoration:none;white-space:nowrap}.toast{position:fixed;z-index:40;left:50%;bottom:30px;transform:translate(-50%,18px);background:var(--ivory);color:var(--night);padding:12px 18px;border-radius:999px;font-weight:800;font-size:.82rem;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.premiere-message{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 75% 20%,rgba(137,53,86,.18),transparent 34%),linear-gradient(145deg,var(--night),#180c17 56%,#09070a);text-align:center}.premiere-message>div{max-width:620px;border:1px solid rgba(255,248,238,.14);border-radius:24px;padding:clamp(28px,6vw,54px);background:rgba(255,255,255,.04)}.premiere-message h1{font:400 clamp(2.4rem,7vw,4.7rem)/1 var(--serif);margin:0 0 18px}.premiere-message p{color:var(--mist);line-height:1.7}.premiere-message a{display:inline-block;margin-top:18px;color:var(--copper);font-weight:800;text-decoration:none}
@media(max-width:800px){.memory-layout{grid-template-columns:1fr}.memory-copy{text-align:center}.memory-copy p{margin-inline:auto}.constellation{width:min(520px,100%);margin:auto}.premiere-shell{grid-template-columns:1fr;height:auto;min-height:calc(100dvh - 96px);overflow:visible}.album{min-height:205px;padding:26px}.album h2{font-size:2.5rem;margin:8px 0}.album p{font-size:.86rem;line-height:1.45;max-width:440px}.player-stage{min-height:0;padding:20px}.visual{min-height:210px}.aftercare{grid-template-columns:1fr;text-align:center}.quiet-link{white-space:normal}}@media(max-width:520px){.brand{font-size:.86rem}.prototype{position:fixed;top:auto;right:auto;left:16px;bottom:max(12px,env(safe-area-inset-bottom));font-size:.55rem;padding:5px 8px;opacity:.72}.scene{padding-inline:16px}.opening h1{font-size:3.2rem}.seal-wrap{width:140px;height:140px}.seal{width:104px;height:104px}.memories{align-content:start;padding-top:82px;padding-bottom:max(18px,calc(10px + env(safe-area-inset-bottom)))}.memory-copy h2{font-size:2.35rem}.memory-copy p{font-size:.92rem;line-height:1.55}.memory-count{margin-top:16px}.memory-reveal{min-height:58px;margin-top:16px;font-size:1.12rem}.constellation{width:min(340px,100%);max-height:none;margin-top:8px}.memory-node{width:88px;height:88px;padding:10px}.memory-node small{display:none}.memory-node b{font-size:.86rem;line-height:1.05;margin:0}.memory-node[style*="top:76%"]{top:72%!important}.memory-node[style*="top:69%"]{top:66%!important}.continue{margin-top:14px}.premiere{padding-inline:10px}.chapter-line{font-size:1.7rem}.lower-controls{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.lower-controls>span{display:none}.lower-controls div{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}}
@media(prefers-reduced-motion:reduce){.scene,.memory-node,.continue,.chapter-line,.toast{transition:none}.rings{display:none}#stars{opacity:.35}}