@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600&family=Noto+Serif:wght@500;700&display=swap&subset=cyrillic";:root{--bg: #050505;--paper: #f5f5f5;--muted: #bdbdbd}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;background:var(--bg);color:var(--paper)}body{font-family:Noto Sans,sans-serif;overflow:hidden}.page{position:relative;width:100%;height:100%;background:#000}.chapter-fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:14;pointer-events:none;background:#000;opacity:0;transition:opacity .24s ease}.chapter-fade.is-active{opacity:.14}.scroller{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y proximity;scroll-behavior:smooth}.snap-section{width:100%;height:100vh;scroll-snap-align:start;scroll-snap-stop:normal}.intro{position:relative;display:grid;place-items:center;padding:28px;background:#000}.intro-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(100%) contrast(110%) brightness(.42);pointer-events:none}.intro-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#0000001f,#000000a3 72%,#000000d1),linear-gradient(to bottom,#00000059,#000000a6);pointer-events:none}.intro-content{position:relative;z-index:1;width:min(760px,88vw);aspect-ratio:1 / .88;text-align:center;display:grid;align-content:center;justify-items:center;gap:0;padding:clamp(26px,5vw,60px) clamp(28px,8vw,96px) clamp(52px,9vw,110px);isolation:isolate}.intro-content:before,.intro-content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(50% 96%,92% 58%,96% 34%,84% 18%,66% 16%,50% 30%,34% 16%,16% 18%,4% 34%,8% 58%);pointer-events:none}.intro-content:before{background:#fff3;transform:scale(1.01);z-index:-2}.intro-content:after{background:#00000085;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:-1}.intro-date{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.24em;color:var(--muted)}.intro h1{margin:12px 0 0;font-family:"Noto Serif",serif;font-size:clamp(30px,6.2vw,66px);line-height:.95;font-weight:700;text-wrap:balance;max-width:8.5ch}.intro-subtitle{margin:14px auto 0;max-width:28ch;font-size:clamp(13px,1.5vw,17px);line-height:1.45;color:#d8d8d8}.intro-button{margin-top:16px;border:1px solid #f2f2f2;background:transparent;color:#f2f2f2;font:inherit;font-size:12px;text-transform:uppercase;letter-spacing:.12em;padding:12px 24px;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease}.intro-button:hover{background:#f2f2f2;color:#0b0b0b;transform:translateY(-2px)}.chapter-overlay{position:fixed;top:0;left:0;right:0;z-index:20;pointer-events:none;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;padding:16px 24px;background:linear-gradient(to bottom,#000000bf,#0000)}.chapter-overlay.is-visible{opacity:1;transform:translateY(0)}.chapter-overlay p{margin:0;font-family:"Noto Serif",serif;font-size:clamp(18px,2.4vw,32px);line-height:1.2}.story-progress{position:fixed;right:clamp(10px,1.6vw,24px);top:50%;transform:translateY(-50%);z-index:21;display:grid;justify-items:center;gap:12px;opacity:0;transition:opacity .25s ease;pointer-events:none}.story-progress.is-visible{opacity:1}.story-progress-line{width:1px;height:clamp(88px,18vh,150px);background:#ffffff38;position:relative;overflow:hidden}.story-progress-line span{position:absolute;left:0;bottom:0;width:100%;background:#ffffffe6;transition:height .28s ease}.story-progress p{margin:0;writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;letter-spacing:.2em;color:#ffffffb8}.chapter{position:relative;overflow:hidden;background:#000}.chapter-number{position:absolute;right:clamp(16px,3vw,46px);bottom:clamp(16px,3vw,44px);z-index:0;font-family:"Noto Serif",serif;font-size:clamp(96px,22vw,340px);line-height:.82;font-weight:700;letter-spacing:.02em;color:#ffffff17;pointer-events:none;-webkit-user-select:none;user-select:none}.chapter img{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:contain;object-position:center;filter:grayscale(100%) contrast(108%);transform:scale(.96)}.final-screen{position:relative;display:grid;place-items:center;padding:24px 24px 112px;background:#030303}.final-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:grayscale(100%) contrast(110%) brightness(.4);pointer-events:none}.final-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#0000001f,#000000a3 72%,#000000d1),linear-gradient(to bottom,#00000059,#000000a6);pointer-events:none}.final-screen:before{content:"09";position:absolute;inset:auto 0 5vh 0;text-align:center;font-family:"Noto Serif",serif;font-size:clamp(120px,30vw,460px);line-height:.8;letter-spacing:.02em;color:#ffffff09;pointer-events:none}.final-screen-content{position:relative;z-index:1;isolation:isolate;width:min(760px,92vw);aspect-ratio:1 / .8;display:grid;align-content:center;justify-items:center;gap:0;padding:clamp(28px,6vw,64px) clamp(28px,9vw,100px) clamp(52px,10vw,112px);text-align:center}.final-screen-content:before,.final-screen-content:after{content:none}.final-date{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.24em;color:#ffffff9e}.final-screen h2{margin:12px auto 0;max-width:none;font-family:"Noto Serif",serif;font-size:clamp(30px,5.2vw,64px);line-height:1;font-weight:700;white-space:nowrap}.final-button{margin-top:18px;border:1px solid #f2f2f2;background:transparent;color:#f2f2f2;font:inherit;font-size:12px;text-transform:uppercase;letter-spacing:.12em;padding:12px 24px;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease}.final-button:hover{background:#f2f2f2;color:#0b0b0b;transform:translateY(-2px)}.final-mark{margin:14px 0 0;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#ffffffc7}.final-timer-bar{position:absolute;left:0;right:0;bottom:0;z-index:2;min-height:92px;display:grid;place-content:center;gap:6px;padding:16px 20px 18px;text-align:center;background:#000;border-top:1px solid rgba(255,255,255,.14)}.final-timer-label{margin:0;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#ffffff8f}.final-timer-value{margin:0;font-family:"Noto Serif",serif;font-size:clamp(16px,2.4vw,24px);letter-spacing:.08em;color:#ffffffeb}.final-timer-progress{width:min(720px,calc(100% - 36px));height:1px;margin:8px auto 0;background:#ffffff38;overflow:hidden}.final-timer-progress span{display:block;height:100%;background:#ffffffeb;transition:width .45s linear}@media (max-width: 800px){.intro{padding:16px}.intro-content{width:min(560px,96vw);aspect-ratio:1 / .95;padding:22px 28px 52px}.intro h1{max-width:9.5ch;font-size:clamp(32px,9.8vw,50px);line-height:.98}.intro-subtitle{max-width:24ch}.chapter-overlay{padding:12px 14px}.chapter-number{right:10px;bottom:10px;font-size:clamp(88px,34vw,220px);color:#ffffff12}.story-progress{right:6px;gap:8px}.story-progress-line{height:96px}.final-screen-content{width:min(560px,96vw);aspect-ratio:1 / .95;padding:26px 24px 52px}.final-timer-bar{min-height:84px;padding:14px 14px 16px}.final-timer-value{font-size:clamp(13px,4.4vw,18px);letter-spacing:.05em}.final-timer-progress{width:calc(100% - 20px)}.final-screen h2{max-width:none;font-size:clamp(22px,7.2vw,38px)}.final-screen:before{font-size:clamp(92px,40vw,260px);inset:auto 0 6vh 0}}