html{scroll-snap-type:y proximity}#story{height:900svh;position:relative}.snap{width:1px;height:100svh;left:0;top:calc(var(--i) * 100vh);top:calc(var(--i) * 100svh);scroll-snap-align:start;pointer-events:none;position:absolute}#stage{background:var(--bg);height:100svh;position:sticky;top:0;overflow:hidden}#gl{z-index:0;cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}#stage:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#151517d1,#15151700);height:150px;position:absolute;top:0;left:0;right:0}#stage.orbiting #gl{cursor:grabbing}.ui{z-index:2;pointer-events:none;position:absolute;inset:0}.ui a,.ui button,.ui input,.ui .bar,.ui .menu-panel{pointer-events:auto}.ui .hdr{left:var(--gutter);right:var(--gutter);position:absolute;top:34px}@media (width<=900px){.ui .hdr{top:22px}}.beat{left:var(--gutter);opacity:0;width:min(46vw,880px);transition:opacity .5s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:max(19vh,116px);transform:translateY(28px)}.beat.on{opacity:1;transform:none}.word{font-weight:500;font-size:calc(clamp(72px, 9.2vw, 172px) * var(--k,1));letter-spacing:-.035em;margin:0 0 22px -.04em;line-height:.95}.sent{font-weight:300;font-size:calc(clamp(30px, 3.1vw, 56px) * var(--k,1));letter-spacing:-.02em;margin:0;line-height:1.08}.sent b{color:var(--ac-t);font-weight:300}.sub{font-size:calc(clamp(16px, 1.25vw, 20px) * var(--k,1));color:#f2f3f5a8;max-width:36ch;margin:0;line-height:1.5}.sign{font-size:calc(clamp(18px, 1.5vw, 24px) * var(--k,1));margin-top:22px;font-weight:500}.sign b{color:var(--ac-t);font-weight:500}.rail{right:var(--gutter);font-family:var(--mono);letter-spacing:.12em;flex-direction:column;align-items:flex-end;gap:6px;font-size:11px;display:flex;position:absolute;top:50%;transform:translateY(-58%)}.rail button{height:24px;color:var(--fg);opacity:.34;align-items:center;gap:10px;transition:opacity .3s;display:flex}.rail button span{opacity:0;transition:opacity .3s}.rail button i{background:var(--ac-t);width:14px;height:2px;transition:width .3s}.rail button:hover{opacity:.8}.rail button:hover span,.rail button[aria-current=true] span,.rail button[aria-current=true]{opacity:1}.rail button[aria-current=true] i{width:26px}.bar{left:var(--gutter);backdrop-filter:blur(10px);background:#151517b8;border:1px solid #ffffff1f;border-radius:11px;grid-template-columns:auto auto;align-items:center;gap:4px 10px;max-width:92vw;padding:5px 10px 8px;display:grid;position:absolute;bottom:24px}.pills{align-items:center;gap:3px;font-size:10px;display:flex}.pills+.pills{border-left:1px solid #ffffff24;padding-left:10px}.pills button{height:20px;color:var(--fg);border:1px solid #ffffff2e;border-radius:6px;padding:0 6px;font-weight:500}.pills button:hover{border-color:var(--ac-t)}.pills button[aria-pressed=true]{background:var(--ac);border-color:var(--ac);color:var(--on-ac)}.tl{grid-column:1/-1;align-items:center;gap:10px;min-width:0;display:flex}.tl output{font:9.5px var(--mono);letter-spacing:.08em;color:var(--fg);text-align:right;white-space:nowrap;min-width:84px}.tl input[type=range]{-webkit-appearance:none;appearance:none;cursor:ew-resize;--fill:0%;background:0 0;flex:1;min-width:0;height:16px;margin:0}.tl input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ac-t) var(--fill), #ffffff38 var(--fill));border-radius:2px;height:3px}.tl input[type=range]::-moz-range-track{background:#ffffff38;border-radius:2px;height:3px}.tl input[type=range]::-moz-range-progress{background:var(--ac-t);height:3px}.tl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ac-t);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--ac-t) 18%, transparent);border:0;border-radius:50%;margin-top:-3.5px}.tl input[type=range]::-moz-range-thumb{background:var(--ac-t);border:0;border-radius:50%;width:10px;height:10px}.tl input[type=range]:focus-visible{outline:2px solid var(--fg);outline-offset:4px;border-radius:8px}.hint{right:var(--gutter);font:10px var(--mono);letter-spacing:.1em;color:var(--mut);text-align:right;line-height:1.8;transition:opacity .4s;position:absolute;bottom:28px}.hint span{display:block}#stage.ended .hint{opacity:0}.bare .hdr,.bare .beat,.bare .bar,.bare .rail,.bare .hint,.bare #stage:before,.bare #stage:after{display:none}.no-gl #story{height:auto}.no-gl #stage{background:var(--bg) url(/img/sahne-yedek.jpg) 72% center / cover no-repeat;position:relative}.no-gl #gl,.no-gl .bar,.no-gl .rail,.no-gl .hint,.no-gl .snap{display:none}.no-gl .beat[data-beat="0"]{opacity:1;transform:none}.no-gl #stage:after{content:"";z-index:1;background:linear-gradient(90deg,#151517e0 30%,#15151700 70%);position:absolute;inset:0}@media (width<=1000px){.hint{display:none}}@media (pointer:coarse){.tl input[type=range]{height:30px}.tl input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-10.5px}.tl input[type=range]::-moz-range-thumb{width:24px;height:24px}}@media (width<=900px){#stage:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#15151700,#151517f7 48%);height:56%;position:absolute;bottom:0;left:0;right:0}.no-gl #stage:after{background:linear-gradient(#15151700,#151517f7 55%);height:64%;inset:auto 0 0}.rail,.pills{display:none}.bar{right:var(--gutter);bottom:max(16px, env(safe-area-inset-bottom));grid-template-columns:1fr;padding:4px 12px}.tl output{min-width:92px;font-size:10.5px}.beat{left:var(--gutter);right:var(--gutter);width:auto;bottom:84px}.word{font-size:calc(clamp(46px, 14.5vw, 76px) * var(--k,1));margin-bottom:16px}.sent{font-size:calc(clamp(25px, 7.2vw, 36px) * var(--k,1))}.sent br{display:none}.sent b{display:block}.sub{font-size:calc(15.5px * var(--k,1));max-width:34ch}.sign{font-size:calc(18px * var(--k,1));margin-top:16px}.btns{gap:10px;margin-top:20px}.btns .btn{height:48px;font-size:calc(15px * var(--k,1));padding:0 18px}}@media (prefers-reduced-motion:reduce){.beat{transition:none}}