:root{--ink:#e8dfd0;--ink-rgb:232, 223, 208;--ink-dim:rgba(var(--ink-rgb), .45);--blood:#7a1020;--accent-rgb:122, 16, 32;--bg:#05050a;--ember:#ff8a3c;--candle:#ffb45c;--moon:#9fb4d8;--serif:"Cormorant Garamond", "Georgia", serif;--fell:"IM Fell English", "Cormorant Garamond", serif}*{box-sizing:border-box}:root[data-story=nightclass]{--ink:#f2e9ec;--ink-rgb:242, 233, 236;--ink-dim:rgba(var(--ink-rgb), .5);--blood:#d8203a;--accent-rgb:216, 32, 58;--bg:#07060a;--serif:"Noto Sans KR", "Apple SD Gothic Neo", "Cormorant Garamond", sans-serif;--fell:"Noto Sans KR", "Apple SD Gothic Neo", sans-serif}:root[data-story=twovoices]{--ink:#efe6d2;--ink-rgb:239, 230, 210;--ink-dim:rgba(var(--ink-rgb), .5);--blood:#b8893a;--accent-rgb:184, 137, 58;--bg:#07060a;--candle:#ffc774;--serif:"Cormorant Garamond", "Noto Sans KR", "Apple SD Gothic Neo", Georgia, serif;--fell:"IM Fell English", "Cormorant Garamond", "Noto Sans KR", "Apple SD Gothic Neo", serif}:root[data-story=moretti]{--ink:#f1e9ee;--ink-rgb:241, 233, 238;--ink-dim:rgba(var(--ink-rgb), .5);--blood:#b99662;--accent-rgb:185, 150, 98;--bg:#07070b;--serif:"Noto Sans KR", "Apple SD Gothic Neo", sans-serif;--fell:"Noto Sans KR", "Apple SD Gothic Neo", sans-serif}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--serif);margin:0;overflow:hidden}button{font-family:inherit}.room{--i:.2;background:#07070c;position:fixed;inset:0;overflow:hidden}.wall{background:radial-gradient(120% 80% at 50% 110%, rgba(60, 28, 14, calc(.45 - var(--i) * .25)) 0%, transparent 60%), radial-gradient(60% 50% at 82% 42%, #50648c29 0%, transparent 70%), linear-gradient(180deg, #06060b 0%, #0b0a12 55%, #100b0e 100%);filter:saturate(calc(1 - var(--i) * .35));transition:filter 3s;position:absolute;inset:0}.rain{mix-blend-mode:screen;background-image:repeating-linear-gradient(100deg,#0000 0 14px,#c8d7f017 14px 15px,#0000 15px 31px);background-size:100% 220px;animation:.9s linear infinite rain;position:absolute;inset:-20% 0}.rain-2{opacity:.6;background-size:100% 340px;animation-duration:1.4s}@keyframes rain{to{background-position:-40px 220px}}@keyframes flicker{0%{opacity:.85;transform:scaleX(1)}30%{opacity:1;transform:scaleX(1.03)}60%{opacity:.8;transform:scaleX(.97)}to{opacity:.95;transform:scaleX(1.01)}}.host{filter:drop-shadow(0 0 40px #000000e6);width:min(30vw,260px);transition:transform 6s;position:absolute;bottom:8vh;left:50%;transform:translate(-50%)}.room[data-speaking] .host{transform:translate(-50%)translateY(-6px)}.dust span{filter:blur(.4px);background:#ffdcaa59;border-radius:50%;animation:linear infinite drift;position:absolute;top:110%}@keyframes drift{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.8}90%{opacity:.6}to{opacity:0;transform:translateY(-120vh)translate(30px)}}.pulse{pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%, transparent 40%, rgba(var(--accent-rgb), .5));position:absolute;inset:0}.pulse[data-on]{animation:1.3s ease-out pulse}@keyframes pulse{20%{opacity:1}to{opacity:0}}.vignette{pointer-events:none;background:radial-gradient(ellipse at 50% 45%, transparent calc(45% - var(--i) * 15%), #000000eb 100%);transition:background 3s;position:absolute;inset:0}.grain{pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:.6s steps(2,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{50%{transform:translate(-3%,2%)}}.room[data-listening] .vignette{background:radial-gradient(at 50% 45%,#0000 50%,#000000eb 100%)}.ui{pointer-events:none;z-index:5;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 16px 28px;display:flex;position:fixed;inset:0}.ui>*{pointer-events:auto}.subtitle{text-align:center;width:min(720px,92vw);font-family:var(--fell);color:var(--ink);opacity:0;text-shadow:0 2px 30px #000000e6;pointer-events:none;z-index:4;font-size:clamp(20px,2.6vw,30px);line-height:1.5;transition:opacity .8s;position:fixed;top:14vh;left:50%;transform:translate(-50%)}.subtitle[data-visible]{opacity:1}.subtitle span{margin-right:.28em;transition:opacity .9s,transform .6s,color .6s;display:inline-block}.subtitle span[data-state=future]{opacity:0;transform:translateY(6px)}.subtitle span[data-state=now]{opacity:1;color:#fff4e0;transition-duration:.12s;transform:translateY(0)}.subtitle span[data-state=past]{opacity:.32;transform:translateY(0)}.guest{color:var(--ink-dim);text-align:center;max-width:620px;min-height:1.4em;margin-bottom:14px;font-size:17px;font-style:italic;transition:opacity .6s}.guest[data-interim]{color:rgba(var(--ink-rgb), .7)}.talk{border:1px solid rgba(var(--ink-rgb), .35);background:radial-gradient(circle at 50% 40%, rgba(var(--accent-rgb), .6), #14080ce6);width:84px;height:84px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;letter-spacing:.18em;text-transform:uppercase;box-shadow:0 0 0 0 rgba(var(--accent-rgb), .6);border-radius:50%;place-items:center;font-size:12px;transition:transform .2s,box-shadow .3s,opacity .4s;display:grid}.talk[data-active]{box-shadow:0 0 0 18px rgba(var(--accent-rgb), .18), 0 0 60px rgba(var(--accent-rgb), .5);transform:scale(1.08)}.talk:disabled{opacity:.3;cursor:default}.wait{background:rgba(var(--ink-rgb), .55);transform-origin:0;width:min(320px,70vw);height:1px;margin-bottom:18px;transform:scaleX(0)}.wait[data-on]{animation:linear forwards drain}.wait[data-paused]{animation-play-state:paused}@keyframes drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.timeline{background:rgba(var(--ink-rgb), .08);z-index:6;height:2px;position:fixed;bottom:0;left:0;right:0}.timeline i{background:rgba(var(--ink-rgb), .35);transition:width 1.2s;position:absolute;top:0;bottom:0;left:0}.timeline b{border:1px solid rgba(var(--ink-rgb), .4);background:#3a1018;border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;top:-3px}.timeline b[data-past]{background:rgb(var(--accent-rgb))}.hint{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);text-align:center;margin-top:12px;font-size:13px}.typed{gap:8px;width:min(560px,92vw);margin-top:10px;display:flex}.typed input{border:1px solid rgba(var(--ink-rgb), .25);color:var(--ink);font-family:var(--serif);background:#0a080cb3;border-radius:4px;outline:none;flex:1;padding:12px 14px;font-size:17px}.typed input:focus{border-color:rgba(var(--ink-rgb), .6)}.typed button,.link{border:1px solid rgba(var(--ink-rgb), .3);color:var(--ink);cursor:pointer;letter-spacing:.08em;background:0 0;border-radius:4px;padding:10px 16px;font-size:14px}.link{text-underline-offset:4px;color:var(--ink-dim);border:none;padding:6px 8px;font-size:13px;text-decoration:underline}.corner{z-index:6;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:10px;font-size:12px;display:flex;position:fixed;top:16px;right:18px}.corner select{color:var(--ink);border:1px solid rgba(var(--ink-rgb), .25);background:#0a080ccc;padding:4px 8px;font-family:inherit}.beat{z-index:6;font-family:var(--fell);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);font-size:13px;position:fixed;top:18px;left:20px}.beat b{color:var(--ink);font-weight:500}.beat i{opacity:.7;text-transform:none;letter-spacing:.08em;font-style:italic}.beat .latency{opacity:.55;letter-spacing:.14em;margin-top:6px;font-size:11px;display:block}.beat .call-timer{font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:.1em;margin-left:12px}.hangup{border:1px solid rgba(var(--accent-rgb), .7);color:var(--ink);cursor:pointer;letter-spacing:.16em;text-transform:uppercase;background:0 0;border-radius:999px;padding:6px 12px;font-size:11px;transition:background .3s}.hangup:hover{background:rgba(var(--accent-rgb), .5)}.call-card .verdict{font-size:19px;font-style:italic}.call-card .sign{text-align:right;font-family:var(--fell);color:var(--ink-dim);letter-spacing:.1em;margin-top:14px}.toast{z-index:9;background:#280a0eeb;border:1px solid #ff788259;border-radius:4px;max-width:90vw;padding:10px 16px;font-size:14px;position:fixed;top:60px;left:50%;transform:translate(-50%)}.intro{z-index:10;text-align:center;background:radial-gradient(at 50% 60%,#1e0a0eb3,#05050a 70%);place-items:center;padding:24px;transition:opacity 1.8s;display:grid;position:fixed;inset:0}.intro[data-hidden]{opacity:0;pointer-events:none}.intro h1{font-family:var(--fell);letter-spacing:.28em;color:#f1e6d3;text-shadow:0 0 60px rgba(var(--accent-rgb), .6);margin:0 0 6px .28em;font-size:clamp(44px,9vw,96px);font-weight:400}.intro p{color:var(--ink-dim);margin:0 0 40px;font-size:clamp(17px,2.2vw,22px);font-style:italic}.knock{color:var(--ink);border:1px solid rgba(var(--ink-rgb), .4);font-family:var(--fell);letter-spacing:.3em;text-transform:uppercase;cursor:pointer;background:0 0;padding:16px 44px;font-size:18px;transition:background .4s,letter-spacing .6s}.knock:hover{background:rgba(var(--accent-rgb), .35);letter-spacing:.38em}.stories{justify-content:center;gap:6px;margin-bottom:22px;display:flex}.stories button{color:var(--ink-dim);cursor:pointer;font-family:var(--fell);letter-spacing:.24em;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:2px;padding:6px 14px;font-size:13px;transition:color .3s,border-color .3s}.stories button:hover{color:var(--ink)}.stories button[data-on]{color:var(--ink);border-color:rgba(var(--ink-rgb), .3)}.intro small{color:var(--ink-dim);letter-spacing:.1em;margin-top:28px;font-size:13px;display:block}.intro-corner{justify-content:center;margin-top:18px;position:static}.modes{justify-content:center;gap:4px;margin:0 0 18px;display:flex}.modes button{color:var(--ink-dim);cursor:pointer;font-family:var(--fell);letter-spacing:.3em;text-transform:uppercase;background:0 0;border:none;border-bottom:1px solid #0000;padding:6px 12px;font-size:12px;transition:color .3s,border-color .3s}.modes button:hover{color:var(--ink)}.modes button[data-on]{color:var(--ink);border-bottom-color:rgba(var(--accent-rgb), .9)}.memory{letter-spacing:.08em;color:var(--ink-dim);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px;margin-top:14px;font-size:12px;display:flex}.memory .link{padding:2px 6px;font-size:11px}:root[data-story=nightclass] .modes button{letter-spacing:.16em;font-weight:700}.ending{z-index:8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0303068c;place-items:center;padding:20px;animation:2.2s both fadein;display:grid;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}}.card{text-align:center;border:1px solid rgba(var(--ink-rgb), .22);background:linear-gradient(#17120f,#0f0b0b);width:min(560px,94vw);padding:44px 40px 34px;position:relative;box-shadow:0 30px 120px #000c,inset 0 0 60px #00000080}.card:before{content:"";border:1px solid rgba(var(--ink-rgb), .12);pointer-events:none;position:absolute;inset:10px}.card .kind{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);font-size:12px}.card h2{font-family:var(--fell);color:#f1e6d3;margin:6px 0 18px;font-size:38px;font-weight:400}.card .verdict{color:var(--ink);font-size:20px;line-height:1.55}.letter h2{font-size:30px;font-style:italic}.letter .verdict{text-align:left;font-size:19px}.letter .sign{text-align:right;font-family:var(--fell);color:var(--ink-dim);letter-spacing:.1em;margin-top:14px}.letter[data-failed] .kind{color:#c7584f;letter-spacing:.4em}.letter[data-failed] h2{color:var(--ink-dim)}.letter .next{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);opacity:.75;margin-top:24px;font-size:12px}.letter .teaser{border-top:1px solid rgba(var(--accent-rgb), .55);letter-spacing:.04em;color:var(--ink);margin-top:26px;padding-top:18px;font-size:16px;animation:2.4s ease-out 1.2s both teaser-in}@keyframes teaser-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card .quote{color:var(--ink-dim);margin-top:22px;font-size:16px;font-style:italic}.card .quote b{color:var(--ink);font-style:normal;font-weight:500}.card .actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;display:flex}.card .actions button{border:1px solid rgba(var(--ink-rgb), .35);color:var(--ink);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;background:0 0;padding:10px 18px;font-size:13px}.card .actions button:hover{background:rgba(var(--accent-rgb), .3)}@media (max-width:720px){.host{width:52vw;bottom:12vh}.subtitle{font-size:20px;top:9vh}.beat{letter-spacing:.14em;max-width:calc(100vw - 120px);font-size:11px;line-height:1.5}}.room[data-story=nightclass]{background:#07060a}.room[data-story=nightclass] .wall{background:radial-gradient(70% 40% at 50% 0%, rgba(200, 210, 230, calc(.16 - var(--i) * .08)) 0%, transparent 60%), radial-gradient(60% 50% at 88% 60%, #ff963c24 0%, transparent 65%), radial-gradient(50% 50% at 70% 50%, rgba(var(--accent-rgb), calc(var(--i) * .22)) 0%, transparent 70%), linear-gradient(180deg, #0a0a10 0%, #0e0c12 55%, #120b0f 100%);filter:none;transition:background 3s}.room[data-story=nightclass][data-dark] .wall{filter:brightness(.55)}.board{background:linear-gradient(#16211c,#101915);border:6px solid #2a2320;border-radius:3px;width:34vw;max-width:460px;height:34vh;position:absolute;top:12%;left:4%;box-shadow:0 10px 40px #0009}.board:after{content:"";filter:blur(1.2px);background:linear-gradient(90deg,#f0f0e629 0 42%,#0000 42%) 0 0/100% 14px no-repeat,linear-gradient(90deg,#f0f0e61f 0 61%,#0000 61%) 0 30px/100% 14px no-repeat,linear-gradient(90deg,#f0f0e61a 0 28%,#0000 28%) 0 60px/100% 14px no-repeat;position:absolute;inset:12% 10%}.classroom-window{border:8px solid #221d22;border-radius:3px;width:24vw;max-width:360px;height:60vh;position:absolute;top:8%;right:7%;overflow:hidden;box-shadow:inset 0 0 60px #000000b3,0 0 120px #ffa0500f}.sky{filter:blur(.6px);background:radial-gradient(5px 5px at 20% 70%,#ffdc96cc,#0000 70%),radial-gradient(4px 4px at 45% 78%,#ffb4c8b3,#0000 70%),radial-gradient(6px 6px at 70% 66%,#b4d2ffb3,#0000 70%),radial-gradient(4px 4px at 85% 82%,#ffc88cb3,#0000 70%),linear-gradient(#0b0f1e 0%,#141a30 55%,#2a1c2a 100%);position:absolute;inset:0}.streetlight{aspect-ratio:1;background:radial-gradient(circle,#ffd9a0,#ffbe6e80 40%,#ffaa5a00 72%);border-radius:50%;width:30%;animation:5s ease-in-out infinite flicker;position:absolute;top:26%;left:58%;box-shadow:0 0 80px 30px #ffaa5a40}.blinds{background:repeating-linear-gradient(#0000 0 22px,#0a080cd9 22px 26px);position:absolute;inset:0}.tube{width:46vw;max-width:620px;height:14px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tube:before{content:"";background:linear-gradient(#f4f7ff,#b9c3d6);border-radius:0 0 6px 6px;transition:opacity .4s,box-shadow .4s;position:absolute;inset:0;box-shadow:0 2px 30px #dce6ff99}.tubeglow{background:radial-gradient(60% 80% at 50% 0,#d2def538,#d2def50d 45%,#0000 70%);width:90vw;height:60vh;transition:opacity .4s;position:absolute;top:0;left:50%;transform:translate(-50%)}.tube[data-flicker]:before,.tube[data-flicker] .tubeglow{animation:1.4s step-end both tubeflick}@keyframes tubeflick{0%{opacity:1}8%{opacity:.1}14%{opacity:1}20%{opacity:.3}26%{opacity:1}55%{opacity:.2}62%{opacity:1}}.room[data-dark] .tube:before,.room[data-dark] .tubeglow{opacity:0}.room[data-story=nightclass] .host{--near:0;width:min(44vw,440px);transform:translateX(-50%) scale(calc(1 + var(--near) * .07)) translateY(calc(var(--near) * 1.5vh));transform-origin:50% 100%;filter:none;transition:transform 2.4s cubic-bezier(.2,.8,.2,1);bottom:0}.room[data-story=nightclass][data-speaking] .host{transform:translateX(-50%) scale(calc(1 + var(--near) * .07)) translateY(calc(var(--near) * 1.5vh - 4px))}.host .rim{background:radial-gradient(50% 60% at 50% 60%, rgba(var(--accent-rgb), calc(.18 + var(--i) * .45)), transparent 70%);filter:blur(20px);width:120%;height:90%;transition:background 3s;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.host .portrait{-webkit-mask-composite:source-in;width:100%;height:auto;filter:contrast(1.05) saturate(.95) brightness(calc(.9 - var(--i) * .08));transition:filter 3s;display:block;position:relative;-webkit-mask-image:linear-gradient(#000 0% 78%,#0000 100%),radial-gradient(80% 90% at 50% 45%,#000 55%,#0000 100%);mask-image:linear-gradient(#000 0% 78%,#0000 100%),radial-gradient(80% 90% at 50% 45%,#000 55%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.host .act{width:100%;transition:opacity .9s;position:absolute;top:0;left:0}.host .act[data-off]{opacity:0}.room[data-dark] .host .portrait{filter:brightness(.62)contrast(1.15)}.room[data-dark] .host .rim{filter:blur(26px)}.host[data-grab]{animation:.5s ease-out shake}@keyframes shake{20%{margin-left:-6px}45%{margin-left:5px}70%{margin-left:-3px}}.desks{pointer-events:none;height:22vh;position:absolute;bottom:0;left:0;right:0}.desk{box-shadow:0 -2px 0 rgba(var(--ink-rgb), .12), 0 -20px 40px #0009;background:linear-gradient(#2b2326,#17121a 40%,#100c12);border-radius:4px 4px 0 0;position:absolute}.desk.far{opacity:.7;width:22vw;height:6vh;bottom:14vh;left:8%}.desk.front{width:min(78vw,900px);height:12vh;bottom:0;left:50%;transform:translate(-50%)}.glasses{opacity:0;width:74px;transition:opacity 1.2s,transform 1.2s;position:absolute;top:-16px;left:12%;transform:translateY(-14px)rotate(-8deg)}.glasses circle{fill:#ffffff0f;stroke:rgba(var(--ink-rgb), .7);stroke-width:2.5px}.glasses path{fill:none;stroke:rgba(var(--ink-rgb), .7);stroke-width:2.5px;stroke-linecap:round}.glasses[data-on]{opacity:1;transform:translateY(0)rotate(-8deg)}.phone{border:1px solid rgba(var(--ink-rgb), .25);background:#0a0810;border-radius:6px;width:30px;height:54px;position:absolute;top:-10px;right:12%;transform:rotate(6deg)}.phone i{background:#171320;border-radius:3px;position:absolute;inset:3px}.phone[data-on]{animation:.5s linear 3 buzz}.phone[data-on] i{animation:3s ease-out screen}@keyframes buzz{0%,to{transform:rotate(6deg)translate(0)}25%{transform:rotate(5deg)translate(-2px)}75%{transform:rotate(7deg)translate(2px)}}@keyframes screen{0%{background:#eaf2ff;box-shadow:0 0 30px #c8dcffb3}70%{background:#cfd8ee;box-shadow:0 0 16px #c8dcff66}to{background:#171320}}.room[data-scene=rooftop] .wall{background:0 0}.daysky{background:linear-gradient(#6f93c7 0%,#a9c3e3 45%,#e7d2b8 100%);transition:filter 8s;position:absolute;inset:0}.room[data-sunset] .daysky{filter:hue-rotate(-40deg)saturate(1.6)brightness(.85)}.skyline{opacity:.8;background:linear-gradient(90deg,#6d7a95 0 6%,#0000 6% 9%,#7d8aa6 9% 14%,#0000 14% 16%,#5f6c88 16% 24%,#0000 24% 27%,#8794ad 27% 31%,#0000 31% 33%,#6d7a95 33% 42%,#0000 42% 44%,#7d8aa6 44% 47%,#0000 47% 50%,#5f6c88 50% 58%,#0000 58% 60%,#8794ad 60% 67%,#0000 67% 69%,#6d7a95 69% 76%,#0000 76% 79%,#7d8aa6 79% 86%,#0000 86% 88%,#5f6c88 88% 95%,#0000 95%);height:22vh;position:absolute;bottom:30vh;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0 20%,#000 20%);mask-image:linear-gradient(#0000 0 20%,#000 20%)}.tank{background:linear-gradient(90deg,#7e8797,#b6bcc7 40%,#7e8797);border-radius:8px 8px 4px 4px;width:90px;height:120px;position:absolute;bottom:30vh;left:10%;box-shadow:0 10px 30px #0000004d}.fence{background:repeating-linear-gradient(45deg,#0000 0 14px,#3c3c468c 14px 15px),repeating-linear-gradient(-45deg,#0000 0 14px,#3c3c468c 14px 15px);border-top:3px solid #4a4f5a;height:20vh;position:absolute;bottom:18vh;left:0;right:0}.fence[data-gust]{animation:1.6s ease-out gust}@keyframes gust{30%{transform:skew(1.2deg)}70%{transform:skew(-.6deg)}}.roofdoor{transform-origin:0;background:linear-gradient(#8a8f9c,#5f6470);border:3px solid #3f4450;border-radius:4px 4px 0 0;width:110px;height:150px;position:absolute;bottom:18vh;right:8%}.roofdoor[data-bang]{animation:.7s ease-out bang}@keyframes bang{15%{transform:perspective(600px)rotateY(-50deg)}to{transform:none}}.room[data-scene=rooftop] .wall:after{content:"";background:linear-gradient(#7b7f88,#5c606a);height:18vh;position:absolute;bottom:0;left:0;right:0}.railing{background:#3f4450;border-radius:3px;width:min(80vw,900px);height:6px;position:absolute;bottom:14vh;left:50%;transform:translate(-50%)}.railing .phone{top:-60px;right:10%}.room[data-scene=rooftop] .host .portrait{filter:brightness(1.05)contrast(1.02)}.room[data-scene=rooftop] .host .rim{background:radial-gradient(50% 60% at 50% 60%,#ffdca073,#0000 70%)}.room[data-sunset] .host .rim{background:radial-gradient(50% 60% at 50% 60%, rgba(var(--accent-rgb), .55), transparent 70%)}.room[data-scene=rooftop] .vignette{background:radial-gradient(at 50% 40%,#0000 55%,#281e328c 100%)}:root[data-story=nightclass] .room[data-scene=rooftop]~.subtitle,.room[data-scene=rooftop] .subtitle{color:#fff}.room[data-morning] .wall{filter:none;background:linear-gradient(115deg,#0000 55%,#ffecc82e 62%,#0000 75%),linear-gradient(#7d7682 0%,#8c8088 55%,#7a6a6c 100%)}.room[data-morning] .tube,.room[data-morning] .vignette{opacity:.35}.room[data-morning] .sky{background:linear-gradient(#9fc2e8 0%,#d9e6f2 60%,#f4dcd8 100%)}.room[data-morning] .streetlight{opacity:0}.room[data-morning] .host .portrait{filter:brightness(1.05)}.room[data-morning] .host .rim{background:radial-gradient(50% 60% at 50% 60%,#ffe1c880,#0000 70%)}.room[data-scene=gym] .wall{background:linear-gradient(#3a3646 0%,#4a3f50 45%,#5a4436 100%)}.gym-lights{background:radial-gradient(10% 60% at 20% 0,#fff5dc8c,#0000 70%),radial-gradient(10% 60% at 50% 0,#fff5dc99,#0000 70%),radial-gradient(10% 60% at 80% 0,#fff5dc8c,#0000 70%);height:30vh;position:absolute;inset:0 0 auto}.stands{opacity:.9;background:repeating-linear-gradient(#ffffff0d 0 2px,#0000 2px 22px),radial-gradient(1.2px 1.6px at 10% 20%,#ffe6c880,#0000) 0 0/34px 22px,linear-gradient(#3a3044,#463a4c);height:34vh;position:absolute;top:18vh;left:0;right:0}.hoop{border:4px solid #f0f0f0b3;border-radius:3px;width:120px;height:80px;position:absolute;top:14vh;right:12%}.hoop:after{content:"";border:4px solid #ff6a3d;border-radius:50%;width:54px;height:10px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.court{background:linear-gradient(#b27a45,#8c5a30);height:26vh;position:absolute;bottom:0;left:0;right:0}.court:after{content:"";border:3px solid #ffffff59;border-bottom:none;border-radius:50% 50% 0 0;width:40vw;height:60%;position:absolute;top:20%;left:50%;transform:translate(-50%)}.room[data-scene=gym] .host .portrait{filter:brightness(1.08)contrast(1.02)}.room[data-scene=gym] .host .rim{background:radial-gradient(50% 60% at 50% 60%,#ffc89680,#0000 70%)}.room[data-scene=gym] .vignette{background:radial-gradient(at 50% 40%,#0000 55%,#1e141e8c 100%)}.room[data-scene=alley] .wall{background:linear-gradient(#05060a 0%,#0c0a12 60%,#120a10 100%)}.alley-walls{background:linear-gradient(90deg,#14121a 0 18%,#0000 18% 82%,#14121a 82%),repeating-linear-gradient(#ffffff08 0 2px,#0000 2px 40px);position:absolute;inset:0}.neon{filter:blur(2px);border-radius:14px;width:120px;height:28px;animation:2.6s ease-in-out infinite flicker;position:absolute;top:18%}.neon.pink{background:#ff3f8e;left:6%;box-shadow:0 0 40px 12px #ff3f8e80}.neon.blue{background:#3fb5ff;width:80px;animation-delay:1s;top:26%;right:6%;box-shadow:0 0 40px 12px #3fb5ff73}.room[data-scene=alley] .rain{mix-blend-mode:screen;background-image:repeating-linear-gradient(100deg,#0000 0 14px,#c8d7f01f 14px 15px,#0000 15px 31px);background-size:100% 220px;transition:opacity 6s;animation:.7s linear infinite rain;position:absolute;inset:-20% 0}.room[data-scene=alley] .rain-2{opacity:.6;background-size:100% 340px;animation-duration:1.1s}.room[data-rain-stopped] .rain{opacity:0!important}.headlights{opacity:.25;filter:blur(6px);background:radial-gradient(40% 100% at 30% 100%,#fff0c8b3,#0000 70%),radial-gradient(40% 100% at 70% 100%,#fff0c8b3,#0000 70%);width:60vw;height:20vh;transition:opacity 3s;position:absolute;bottom:22vh;left:50%;transform:translate(-50%)}.headlights[data-on]{animation:4s ease-out headlights}@keyframes headlights{0%{opacity:.25}20%{opacity:1}to{opacity:.35}}.lamp-post{background:#1d1b22;width:6px;height:60vh;position:absolute;top:8%;right:22%}.lamp-post:after{content:"";filter:blur(4px);background:radial-gradient(circle,#ffd28ccc,#ffbe6e33 45%,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;top:0;left:50%;transform:translate(-50%)}.lamp-post[data-flicker]:after{animation:1.2s step-end both tubeflick}.wetground{background:linear-gradient(#0a0910,#151220);height:22vh;position:absolute;bottom:0;left:0;right:0}.wetground:after{content:"";filter:blur(8px);background:radial-gradient(40% 80% at 12% 0,#ff3f8e40,#0000 70%),radial-gradient(30% 80% at 85% 0,#3fb5ff33,#0000 70%);position:absolute;inset:0}.phone.hand{position:absolute;bottom:20vh;left:62%;transform:rotate(-12deg)}.room[data-scene=alley] .host .portrait{filter:brightness(.8)contrast(1.15)saturate(.85)}.room[data-scene=alley] .host .rim{background:radial-gradient(50% 60% at 50% 60%, rgba(var(--accent-rgb), calc(.3 + var(--i) * .5)), transparent 70%)}.room[data-story=nightclass] .dust span{background:#ffc8d240}.room[data-story=nightclass] .pulse{background:radial-gradient(circle at 50% 50%, transparent 40%, rgba(var(--accent-rgb), .45))}.room[data-story=nightclass] .vignette{background:radial-gradient(ellipse at 50% 40%, transparent calc(40% - var(--i) * 12%), #000000f0 100%)}.subtitle[data-role=narrator]{color:rgba(var(--ink-rgb), .85);font-size:clamp(17px,2.1vw,24px);font-style:italic}.subtitle[data-role=narrator] span[data-state=now]{color:var(--ink)}:root[data-story=nightclass] .subtitle{letter-spacing:-.01em;text-shadow:0 2px 12px #000,0 0 40px #000000e6;font-weight:500}:root[data-story=nightclass] .subtitle span[data-state=now]{color:#fff;text-shadow:0 0 24px rgba(var(--accent-rgb), .8), 0 2px 30px #000000e6}:root[data-story=nightclass] .intro{background:radial-gradient(ellipse at 50% 60%, #3c0812bf, var(--bg) 70%)}:root[data-story=nightclass] .intro h1{letter-spacing:.06em;color:#fff;text-shadow:0 0 60px rgba(var(--accent-rgb), .8);margin-left:0;font-weight:700}:root[data-story=nightclass] .intro p{max-width:560px;margin-left:auto;margin-right:auto;font-style:normal;line-height:1.5}:root[data-story=nightclass] .knock{background:rgb(var(--accent-rgb));color:#fff;letter-spacing:.16em;border-color:#0000;border-radius:6px;font-weight:700}:root[data-story=nightclass] .knock:hover{letter-spacing:.2em;background:#ef3550}:root[data-story=nightclass] .stories button{letter-spacing:.12em;font-weight:700}:root[data-story=nightclass] .stories button[data-on]{border-color:rgba(var(--accent-rgb), .7);color:#fff}:root[data-story=nightclass] .talk{background:radial-gradient(circle at 50% 40%, rgba(var(--accent-rgb), .85), #1e060cf2)}:root[data-story=nightclass] .card{border-color:rgba(var(--accent-rgb), .35);background:linear-gradient(#17121a,#0f0b10);border-radius:10px}:root[data-story=nightclass] .card:before{border-radius:5px}:root[data-story=nightclass] .card h2{color:#fff;font-style:normal;font-weight:700}:root[data-story=nightclass] .beat{font-weight:700}@media (max-width:720px){.board{width:44vw;height:22vh;top:9%}.classroom-window{width:36vw;height:44vh;top:6%;right:3%}.tube{width:70vw}.room[data-story=nightclass] .host{width:84vw}.desk.front{width:96vw}}.chapter-card{z-index:7;text-align:center;pointer-events:none;opacity:0;background:radial-gradient(#0000008c,#000000d9);place-items:center;transition:opacity 1.2s;display:grid;position:fixed;inset:0}.chapter-card[data-on]{opacity:1}.chapter-card small{letter-spacing:.4em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:14px;font-size:12px;display:block}.chapter-card h2{font-family:var(--fell);color:#fff;letter-spacing:.12em;text-shadow:0 0 60px rgba(var(--accent-rgb), .7);margin:0;font-size:clamp(30px,5vw,56px);font-weight:400;animation:3.2s both titlein}@keyframes titlein{0%{opacity:0;letter-spacing:.3em;transform:translateY(10px)}30%{opacity:1}to{letter-spacing:.12em;transform:none}}:root[data-story=nightclass] .chapter-card h2{font-weight:700}.bond{vertical-align:middle;gap:4px;margin-left:14px;display:inline-flex}.bond i{background:rgba(var(--ink-rgb), .18);width:9px;height:9px;clip-path:path("M4.5 8.6 1 5.2C-.3 3.9 0 1.7 1.6.9 2.7.4 3.9.7 4.5 1.5 5.1.7 6.3.4 7.4.9c1.6.8 1.9 3 .6 4.3z");transition:background 1.2s,transform .6s}.bond i[data-on]{background:rgb(var(--accent-rgb));transform:scale(1.15)}.diary-peek{background:rgba(var(--ink-rgb), .04);border:1px dashed rgba(var(--ink-rgb), .25);width:100%;color:var(--ink);cursor:pointer;text-align:left;margin-top:18px;padding:10px 12px;font-family:inherit;display:block}.diary-peek .label{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:4px;font-size:11px;display:block}.diary-peek .entry{filter:blur(5px);-webkit-user-select:none;user-select:none;font-size:15px;font-style:italic;transition:filter .9s;display:block}.diary-peek[data-open] .entry{filter:none;-webkit-user-select:text;user-select:text}.diary-peek[data-open]{cursor:default}.card .actions button.primary{background:rgb(var(--accent-rgb));color:#fff;border-color:#0000}.card .actions button.primary:hover{background:rgb(var(--accent-rgb));filter:brightness(1.15)}.host .portrait{animation:.9s both face-in}@keyframes face-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.subtitle .speaker{letter-spacing:.24em;color:rgb(var(--accent-rgb));text-shadow:0 1px 8px #000000e6;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.bond em{letter-spacing:.08em;opacity:.75;margin-right:4px;font-size:11px;font-style:normal}.bond+.bond{margin-left:10px}.sms{z-index:8;background:#18141aeb;border:1px solid #ffffff1f;border-radius:16px;width:min(340px,100vw - 32px);padding:12px 16px;animation:.5s cubic-bezier(.2,.8,.2,1) both sms-in;position:fixed;top:18vh;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0009}.sms small{letter-spacing:.12em;opacity:.6;margin-bottom:4px;font-size:11px;display:block}.sms p{margin:0;font-size:16px;line-height:1.45}.sms[data-kind=letter]{color:#2a1a0e;background:linear-gradient(#e9dcc0,#d8c6a2);border:1px solid #b89a6a;border-radius:3px;width:min(420px,100vw - 32px);padding:18px 22px;top:14vh;box-shadow:0 16px 50px #000000b3,inset 0 0 40px #78501e40}.sms[data-kind=letter] small{color:#6a4a2a;opacity:.8}.sms[data-kind=letter] p{font-family:var(--fell), Georgia, serif;font-size:17px;font-style:italic;line-height:1.6}@keyframes sms-in{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}.room[data-story=nightclass] .host .portrait{-webkit-mask-image:linear-gradient(#0000 0%,#000 14% 70%,#0000 100%),radial-gradient(54% 68% at 50% 40%,#000 42%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 14% 70%,#0000 100%),radial-gradient(54% 68% at 50% 40%,#000 42%,#0000 100%)}.ending.closed{z-index:11;background:#030306d9}.card .actions a{border:1px solid rgba(var(--ink-rgb), .35);color:var(--ink);letter-spacing:.12em;text-transform:uppercase;padding:10px 18px;font-size:13px;text-decoration:none;display:inline-block}.card .actions a.primary{background:rgb(var(--accent-rgb));color:#fff;border-color:#0000}.card .h-waitlist-form{text-align:left;gap:8px;max-width:420px;margin:26px auto 0;display:grid}.card .h-waitlist-form label{color:var(--ink);letter-spacing:.02em;font-size:14px}.card .h-waitlist-form .row{gap:8px;display:flex}.card .h-waitlist-form input[type=email]{border:1px solid rgba(var(--ink-rgb), .35);min-width:0;color:var(--ink);font:inherit;background:#0006;flex:1;padding:11px 14px;font-size:16px}.card .h-waitlist-form button{cursor:pointer;font:inherit;letter-spacing:.12em;text-transform:uppercase;background:rgb(var(--accent-rgb));color:#fff;white-space:nowrap;border:0;padding:11px 18px;font-size:13px}.card .h-waitlist-form button:disabled{opacity:.6;cursor:default}.card .h-waitlist-form .fine{color:var(--ink-dim);margin:0;font-size:12px}.card .h-waitlist-form .hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.card .h-waitlist-done{color:var(--ink);margin:26px 0 0;font-size:16px}@media (max-width:420px){.card .h-waitlist-form .row{flex-direction:column}}.card .waitlist{margin-top:18px;display:inline-block}.room[data-story=twovoices]{background:#07060a}.room[data-story=twovoices] .wall{display:none}.painting{filter:brightness(calc(.72 - var(--i) * .3)) saturate(calc(1 - var(--i) * .4));background-position:50%;background-size:cover;transition:filter 2.4s;animation:2.8s both painting-in;position:absolute;inset:0}@keyframes painting-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}.room[data-story=twovoices][data-dark] .painting{filter:brightness(.16)saturate(.3)}.medallion{aspect-ratio:1;border:2px solid rgba(var(--accent-rgb), .7);width:min(30vw,148px);box-shadow:0 0 0 6px #00000059, 0 12px 40px #000c, 0 0 calc(18px + var(--i) * 30px) rgba(var(--accent-rgb), .35);border-radius:50%;transition:transform 1.2s,opacity 1.2s;animation:.9s both face-in;position:absolute;bottom:20vh;left:50%;overflow:hidden;transform:translate(-50%)}.medallion img{object-fit:cover;width:100%;height:100%;display:block}.room[data-story=twovoices][data-speaking] .medallion{transform:translate(-50%)translateY(-4px)scale(1.03)}.room[data-story=twovoices][data-dark] .medallion{opacity:0}.room[data-story=moretti]{background:#07070b}.room[data-story=moretti][data-morning] .painting{filter:brightness(.85)saturate(.9)}.room[data-story=moretti][data-speaking] .medallion{transform:translate(-50%)translateY(-4px)scale(1.03)}:root[data-story=moretti] .subtitle{letter-spacing:-.01em;text-shadow:0 2px 12px #000,0 0 40px #000000e6;font-weight:500}:root[data-story=moretti] .intro h1{word-break:keep-all;letter-spacing:.02em;color:#fff;text-shadow:0 0 60px rgba(var(--accent-rgb), .7);font-weight:700}:root[data-story=moretti] .intro p{max-width:560px;margin-left:auto;margin-right:auto;font-style:normal;line-height:1.6}:root[data-story=moretti] .knock{background:rgb(var(--accent-rgb));color:#fff;border-color:#0000;border-radius:6px;font-weight:700}:root[data-story=moretti] .card{border-color:rgba(var(--accent-rgb), .35);background:linear-gradient(#16121a,#0e0b10);border-radius:14px}:root[data-story=moretti] .card h2{color:#fff;font-style:normal;font-weight:700}.room[data-story=moretti] .wall{display:none}.moretti-backdrop{background-image:url(/moretti/places.png);background-size:300% 200%;width:max(100vw,100svh);height:max(100vw,100svh);animation:2s both moretti-backdrop-in;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.moretti-backdrop[data-place=moretti-darkroom]{background-position:0 0}.moretti-backdrop[data-place=moretti-study]{background-position:50% 0}.moretti-backdrop[data-place=moretti-dock]{background-position:100% 0}.moretti-backdrop[data-place=moretti-gallery]{background-position:0 100%}.moretti-backdrop[data-place=moretti-dining]{background-position:50% 100%}.moretti-backdrop[data-place=moretti-dawn]{filter:brightness(.8)saturate(.8);background-position:100% 100%}@keyframes moretti-backdrop-in{0%{opacity:0}to{opacity:1}}.moretti-location{color:#f0e5d199;letter-spacing:.12em;font-size:11px;position:absolute;top:72px;left:30px}.moretti-portrait{aspect-ratio:1/2;border:1px solid rgba(var(--accent-rgb), .45);background-image:url(/moretti/cast-v2.png);background-size:300% 100%;border-radius:100px 100px 12px 12px;width:min(34vw,190px,28svh);transition:background-position .7s,opacity .7s,filter .7s;position:absolute;bottom:24vh;left:50%;transform:translate(-50%);box-shadow:0 20px 70px #0009}.moretti-portrait[data-person=host],.cast-portrait[data-person=host]{background-position:0%}.moretti-portrait[data-person=lucas],.cast-portrait[data-person=lucas]{background-position:50%}.moretti-portrait[data-person=sofia],.cast-portrait[data-person=sofia]{background-position:100%}.room[data-story=moretti][data-speaking] .moretti-portrait{filter:brightness(1.12)}.moretti-rain{pointer-events:none;opacity:0;background:repeating-linear-gradient(108deg,#0000 0 70px,#c4d2de0c 71px 72px,#0000 74px 110px);transition:opacity 2s;position:absolute;inset:0}.moretti-rain[data-on]{opacity:.45}@media (max-height:480px){.moretti-location{top:16px}}@media (max-width:720px){.moretti-location{margin:0;top:78px;left:20px}:root[data-story=moretti] .subtitle{top:max(9vh,108px)}}@media (prefers-reduced-motion:reduce){.moretti-backdrop{animation:none}.moretti-portrait,.moretti-rain{transition:none}}.action-composer{gap:12px;width:min(620px,100%);display:grid}.action-composer .action-chips{border:0;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;display:flex}.action-composer button,.action-composer input{font:inherit;color:var(--ink);font-size:14px}.action-composer button{cursor:pointer}.action-composer .action-chip{border:1px solid rgba(var(--ink-rgb), .28);background:#07070bd1;border-radius:999px;padding:9px 16px;line-height:1.3}.action-composer .action-chip:hover:not(:disabled){border-color:rgba(var(--accent-rgb), .7);background:rgba(var(--accent-rgb), .16)}.action-composer form{align-items:center;gap:8px;display:flex}.action-composer input{border:1px solid rgba(var(--ink-rgb), .2);background:#07070bd1;border-radius:999px;flex:1;min-width:0;padding:12px 18px}.action-composer input::placeholder{color:rgba(var(--ink-rgb), .5)}.action-composer .action-submit{border:1px solid rgba(var(--accent-rgb), .45);background:rgba(var(--accent-rgb), .3);white-space:nowrap;border-radius:999px;padding:12px 18px}.action-composer .action-voice{border:1px solid rgba(var(--ink-rgb), .2);width:44px;height:44px;color:rgba(var(--ink-rgb), .7);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:#07070bd1;border-radius:999px}.action-composer .action-voice[aria-pressed=true]{border-color:rgba(var(--accent-rgb), .8);color:rgb(var(--accent-rgb))}.action-composer button:disabled,.action-composer input:disabled,.action-composer fieldset:disabled .action-chip{opacity:.45;cursor:default}.action-composer button:focus-visible,.action-composer input:focus-visible{outline:2px solid rgba(var(--accent-rgb), .8);outline-offset:3px}.action-composer .sr-only,.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root[data-story=donoharm]{--ink:#efe8df;--ink-rgb:239, 232, 223;--ink-dim:rgba(var(--ink-rgb), .5);--blood:#a8323e;--accent-rgb:168, 50, 62;--bg:#060608;--serif:"Noto Serif KR", "Cormorant Garamond", "Apple SD Gothic Neo", Georgia, serif;--fell:"Noto Serif KR", "Cormorant Garamond", serif}.room[data-story=donoharm]{background:#060608}.room[data-story=donoharm] .wall{display:none}.room[data-story=donoharm] .dnh-backdrop{filter:brightness(calc(.78 - var(--i) * .34)) saturate(calc(.95 - var(--i) * .55)) contrast(1.05)}.room[data-story=donoharm][data-dark] .dnh-backdrop{filter:brightness(.12)saturate(.2)}.room[data-story=donoharm][data-speaking] .medallion{transform:translate(-50%)translateY(-4px)scale(1.03)}.room[data-story=donoharm][data-dark] .medallion{opacity:0}.dnh-location{letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--ink-rgb), .55);text-shadow:0 1px 8px #000000e6;pointer-events:none;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:13px;position:absolute;top:60px;left:20px}.dnh-rain{pointer-events:none;opacity:0;background:repeating-linear-gradient(104deg,#0000 0 64px,#d6dde60d 65px 66px,#0000 68px 104px);transition:opacity 3s;position:absolute;inset:0}.dnh-rain[data-on]{opacity:.5}.dnh-steam{pointer-events:none;opacity:0;filter:blur(6px);background:radial-gradient(40% 60% at 50% 70%,#fff4e629,#0000 70%);width:90px;height:120px;position:absolute;bottom:calc(20vh + 150px);left:50%;transform:translate(-50%)}.dnh-steam[data-on]{animation:4.5s ease-out both dnh-steam}@keyframes dnh-steam{0%{opacity:0;transform:translate(-50%,20px)scaleY(.6)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-40px)scaleY(1.2)}}.dnh-ink{pointer-events:none;opacity:0;background:radial-gradient(120% 90% at 50% 50%, transparent 55%, rgba(var(--accent-rgb), .22) 100%);position:absolute;inset:0}.dnh-ink[data-on]{animation:2.4s ease-out both dnh-ink}@keyframes dnh-ink{0%{opacity:0}25%{opacity:1}to{opacity:0}}:root[data-story=donoharm] .subtitle{letter-spacing:-.005em;text-shadow:0 2px 12px #000,0 0 40px #000000e6}:root[data-story=donoharm] .intro h1{word-break:keep-all;letter-spacing:.24em;color:#fff;text-shadow:0 0 60px rgba(var(--accent-rgb), .6);font-family:Cormorant Garamond,Georgia,serif;font-weight:600}:root[data-story=donoharm] .intro p{max-width:560px;margin-left:auto;margin-right:auto;font-style:normal;line-height:1.7}:root[data-story=donoharm] .knock{color:var(--ink);border:1px solid rgba(var(--accent-rgb), .8);letter-spacing:.08em;background:0 0;border-radius:2px}:root[data-story=donoharm] .card{border-color:rgba(var(--accent-rgb), .35);background:linear-gradient(#17131a,#0d0b0f);border-radius:4px}:root[data-story=donoharm] .card h2{color:#fff;font-style:normal}@media (max-width:720px){.dnh-location{top:78px}}@media (prefers-reduced-motion:reduce){.dnh-rain{transition:none}.dnh-steam[data-on],.dnh-ink[data-on]{animation:none}}