[hidden]{display:none!important}.sound-dock{display:flex;align-items:center;gap:8px;position:fixed;right:15px;top:12px;z-index:30;padding:5px 8px;border:1px solid #5f665b;border-radius:6px;background:#111e23ee;font-size:13px}.sound-dock button{font-size:13px;padding:4px 8px}.sound-dock input{width:80px;accent-color:#c6b17d}.sound-dock label{display:flex;align-items:center;gap:6px}.sound-dock #audio-note{position:absolute;right:0;top:100%;width:240px;color:#e5d6b4;background:#14242a}.sound-dock #audio-note:empty{display:none}body:not(.in-prologue) header{padding-right:300px}.in-prologue{overflow:hidden}.prologue{position:fixed;inset:0;z-index:20;display:flex;justify-content:center;align-items:center;overflow:auto;background:radial-gradient(ellipse at 70% 10%,#33424955,transparent 50%),linear-gradient(145deg,#111b24,#040a10 75%);color:#e8e3d3}.prologue-content{position:relative;z-index:2;width:min(850px,94vw);padding:50px 12px;text-align:center}.night-label{font-size:12px;letter-spacing:5px;color:#c6b17d}.night-title{font-family:'Songti SC','SimSun',serif;font-size:clamp(56px,8vw,98px);letter-spacing:12px;margin:20px 0 28px;text-shadow:0 8px 30px #000}.title-caption{color:#a8b4b4;letter-spacing:3px;margin-bottom:45px}.prologue button{background:#1b313a;border-color:#9d8962;padding:12px 26px}.prologue .quiet-button{display:block;margin:14px auto;background:transparent;border-color:#3b5159;color:#c2c8bf}.audio-permission{color:#859697;font-size:12px;margin:22px 0}.rain-copy{font-family:'Songti SC','SimSun',serif;font-size:25px;line-height:2.2;max-width:650px;margin:30px auto}.rain-glass{position:absolute;inset:-100%;pointer-events:none;opacity:.23;background-image:repeating-linear-gradient(102deg,transparent 0 78px,#b9d0db55 79px 80px,transparent 81px 128px);animation:falling-rain 2.4s linear infinite}.night-window{position:absolute;left:12%;top:0;width:65%;height:80%;background:linear-gradient(90deg,transparent 49.5%,#01060b 50%,transparent 50.5%),linear-gradient(0deg,transparent 45%,#01060b 45.3%,#01060b 46%,transparent 46.3%);opacity:.7;transform:skew(-5deg)}@keyframes falling-rain{from{transform:translate(-3%,-5%)}to{transform:translate(3%,5%)}}.phone{position:relative;max-width:460px;margin:auto;border:2px solid #52616a;border-radius:34px;background:linear-gradient(145deg,#1c2e39f5,#0c1620f5);padding:32px 28px 28px;box-shadow:0 25px 90px #000b,inset 0 0 25px #ffffff05;min-height:520px}.phone-notch{position:absolute;top:11px;left:calc(50% - 38px);width:76px;height:8px;background:#060c13;border-radius:8px}.phone-time{font-size:12px;color:#aebbbd;letter-spacing:3px;margin:4px 0 23px}.phone h1{font-size:31px;letter-spacing:3px}.incoming-symbol{font-size:94px;color:#c8d6d1;margin:40px auto 15px;line-height:1;animation:ring-pulse 1.4s ease-in-out infinite}.call-actions{display:flex;justify-content:space-between;gap:28px;margin-top:100px}.call-actions button{border:0;border-radius:45px;min-width:110px}.call-actions .hangup{background:#804449}.call-actions .answer{background:#3b715b}.phone .portrait{width:112px;height:112px;margin:0 auto 14px;border-radius:20px;border:1px solid #a99369}.phone h2{font-size:24px;margin:12px 0}.call-line{font-size:18px;line-height:1.95;text-align:left;min-height:120px;margin:18px 0 26px;color:#e7e3d6}.unknown-portrait{position:relative;width:112px;height:112px;margin:0 auto 14px;background:#263642;border-radius:20px;overflow:hidden;border:1px solid #59656a}.unknown-portrait:before{content:'';position:absolute;width:39px;height:43px;left:36px;top:20px;background:#0b151d;border-radius:50%}.unknown-portrait:after{content:'';position:absolute;width:84px;height:65px;left:14px;top:67px;background:#0b151d;border-radius:50% 50% 0 0}.decision-actions{display:grid;gap:12px}.end-copy{font-size:20px;line-height:2.2;max-width:600px;margin:35px auto;color:#c3c8bd}.in-prologue #status{display:none}@keyframes ring-pulse{50%{opacity:.5;transform:rotate(5deg)}}@media(max-width:700px){.sound-dock{right:7px;top:7px;font-size:11px;gap:4px}.sound-dock input{width:55px}.sound-dock button{font-size:11px}.prologue-content{padding:55px 5px 15px}.phone{max-width:360px;min-height:480px;padding:30px 23px 23px}.call-line{font-size:16px;min-height:125px}.phone .portrait,.unknown-portrait{width:96px;height:96px}.phone-time{margin-bottom:20px}.night-title{letter-spacing:7px}.title-caption{font-size:13px;letter-spacing:1px}.rain-copy{font-size:20px}.call-actions{margin-top:85px}body:not(.in-prologue) header{padding-right:12px;padding-top:58px}}@media(prefers-reduced-motion:reduce){.rain-glass,.incoming-symbol{animation:none}}

/* Rain outside the opening window: separate depths keep the fall irregular. */
.prologue{isolation:isolate;background:radial-gradient(ellipse at 72% 18%,#526d7952,transparent 48%),linear-gradient(155deg,#172935,#050c14 78%)}
.prologue .rain-glass{position:fixed;inset:0;overflow:hidden;opacity:1;background:none;animation:none;z-index:0;pointer-events:none}
.rain-glass:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#02081055,transparent 30%,#02081077),radial-gradient(ellipse at 60% 100%,#9db9c51a,transparent 60%)}
.rain-layer{position:absolute;inset:-80px -40px;overflow:hidden;transform:skewX(-12deg)}
.rain-layer i{position:absolute;left:var(--x);top:-60px;width:1px;height:var(--length);opacity:var(--alpha);background:linear-gradient(transparent,#b9d4e6);animation:opening-rain-fall var(--duration) var(--delay) linear infinite;will-change:transform}
.rain-far{opacity:.36;filter:blur(.5px)}
.rain-near{opacity:.65}
.rain-near i{width:1.5px}
.prologue .night-window{position:fixed;inset:0;width:auto;height:auto;transform:none;opacity:.55;pointer-events:none;z-index:1;background:linear-gradient(90deg,transparent 17%,#02080dc9 17.2%,#02080d 18%,#849aa522 18.2%,transparent 18.5%),linear-gradient(0deg,#02080d 0 5%,#778f9e44 5.2%,transparent 5.6%);box-shadow:inset 0 0 130px #0009}
@keyframes opening-rain-fall{from{transform:translateY(-40px)}to{transform:translateY(calc(100vh + 180px))}}
@media(max-width:700px){.rain-near{opacity:.45}.prologue .night-window{background:linear-gradient(0deg,#02080d 0 3%,#778f9e44 3.2%,transparent 3.6%)}}
@media(prefers-reduced-motion:reduce){.rain-layer i{animation:none;top:calc(var(--alpha) * 100%);opacity:.22;will-change:auto}}