:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#efe7d8;--ink-2:#b9ae9c;--ink-3:#8a8072;--signal:#ee6a2e;--signal-hover:#f7834b;--signal-ink:#1a0c05;--alert:#e8806a;--line:#efe7d829;--gut:clamp(18px, 4.2vw, 64px);--sans:"Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Martian Mono", ui-monospace, Menlo, monospace;--out:cubic-bezier(.23, 1, .32, 1)}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{background:#060504}body{color:var(--ink);font:400 17px/1.55 var(--sans);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;background:#060504}a{color:inherit}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0}.skip{z-index:100;background:var(--ink);color:#060504;border-radius:7px;padding:10px 14px;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}.film{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.track{height:1900vh}.loader{z-index:50;text-align:center;transition:opacity 1.2s var(--out), visibility 0s 1.2s;background:#060504;place-content:center;display:grid;position:fixed;inset:0}.loader.done{opacity:0;visibility:hidden}.loader-k{color:var(--ink-2);font:italic 22px IM Fell English,Georgia,serif}.loader-n{color:var(--ink-3);margin-top:10px;font-size:13px}.nav{z-index:20;padding:18px var(--gut);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:500;text-decoration:none;display:inline-flex}.mark{width:24px;height:24px;fill:var(--ink)}.nav-r{gap:8px;display:flex}.btn{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;height:42px;padding:0 18px;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .2s,border-color .2s,transform .14s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-hot{background:var(--signal);color:var(--signal-ink)}.btn-hot:hover{background:var(--signal-hover)}.btn-ghost{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06050459}.btn-ghost:hover{border-color:#efe7d866}.btn-big{height:50px;padding:0 24px;font-size:16px}.btn[disabled]{opacity:.55;pointer-events:none}.titles{z-index:10;pointer-events:none;position:fixed;inset:0}.title{width:min(560px, calc(100vw - 2 * var(--gut)));opacity:0;will-change:opacity, transform;position:absolute;bottom:clamp(56px,11vh,120px)}.title.live{pointer-events:auto}.t-left{left:var(--gut)}.t-right{right:calc(var(--gut) + 40px)}.title h1,.title h2{letter-spacing:-.03em;text-wrap:balance;text-shadow:0 1px 3px #00000073;font-size:clamp(34px,4.2vw,62px);font-weight:500;line-height:1.02}.title p{max-width:42ch;color:var(--ink-2);text-wrap:pretty;text-shadow:0 1px 16px #000c;margin-top:16px}.title .count{color:var(--ink);font-size:14px}.acts{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.sentence{margin-top:18px}.line{line-height:1.7;color:var(--ink-2)!important;max-width:none!important;font-size:clamp(19px,1.7vw,24px)!important}.inl select,.inl input{font-size:inherit;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #efe7d859;border-radius:0;outline:none;padding:0 4px 2px}.inl select{appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23B9AE9C' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") right 4px center no-repeat;padding-right:22px}.inl select option{color:var(--ink);background:#15110d}.inl input{width:min(15ch,64vw)}.inl select:focus,.inl input:focus{border-color:var(--ink)}.sentence.bad input{border-color:var(--alert)}.row{flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px;display:flex}.status{color:var(--ink-2);font-size:15px;margin:0!important}.status.err{color:var(--alert)}.fine{font-size:13px;color:var(--ink-3)!important;margin-top:14px!important}.sentence.done .line,.sentence.done .row .btn,.sentence.done .fine{display:none}.sentence.done .status{color:var(--ink);font-size:18px}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.chapters{z-index:15;flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;right:22px;transform:translateY(-50%)}.chapters button{border:1px solid #efe7d88c;border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s;position:relative}.chapters button:after{content:"";position:absolute;inset:-10px}.chapters button.now{background:var(--ink);transform:scale(1.25)}.chapters span{white-space:nowrap;color:var(--ink);opacity:0;font-size:13px;transition:opacity .2s;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.chapters button:hover span,.chapters button.now span{opacity:1}.hint{z-index:15;color:var(--ink-3);opacity:0;font-size:13px;transition:opacity .6s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.hint.on{opacity:1}@media (width<=760px){.nav .btn-ghost{display:none}.t-right{right:var(--gut)}.title{bottom:40px}.chapters{right:8px}.chapters span{display:none}}@media (prefers-reduced-motion:reduce){.loader{transition:none}}.title{opacity:0;transition:opacity .35s;transform:none!important}.title.on{opacity:1;transition:opacity .5s 50ms}.w{clip-path:inset(-.5em -.3em 0);vertical-align:top;margin-bottom:-.06em;padding-bottom:.06em;line-height:1.08;display:inline-block}.w>span{transition:transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * 45ms);display:inline-block;transform:translateY(105%)}.title.on .w>span{transform:none}.title:not(.on) .w>span{transition:transform 0s .35s}.title p,.title .acts,.title .sentence{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(10px)}.title.on p,.title.on .acts,.title.on .sentence{opacity:1;transition:opacity .6s .35s,transform .6s .35s;transform:none}.scrim{z-index:5;pointer-events:none;opacity:0;transition:opacity .6s;position:fixed;inset:0}.scrim.on{opacity:1}.scrim[data-side=left]{background:linear-gradient(90deg,#060504b8 0%,#06050459 32%,#06050400 55%),linear-gradient(#06050400 60%,#0605048c 100%)}.scrim[data-side=right]{background:linear-gradient(270deg,#060504b8 0%,#06050459 32%,#06050400 55%),linear-gradient(#06050400 60%,#0605048c 100%)}@media (width<=760px){.scrim[data-side]{background:linear-gradient(#06050400 38%,#06050480 62%,#060504d9 100%)}}.tip{z-index:30;pointer-events:none;color:#2e1e12;opacity:0;white-space:nowrap;background:#e6d3a8;border-radius:7px;padding:6px 10px 7px;font:italic 15px IM Fell English,Georgia,serif;transition:opacity .18s;position:fixed;top:0;left:0;box-shadow:0 6px 24px #00000073}.tip.on{opacity:1}body.pointing,body.pointing .film{cursor:pointer}@media (hover:none){.tip{display:none}}.toast{z-index:30;color:#2e1e12;opacity:0;pointer-events:none;background:#e6d3a8;border-radius:10px;padding:10px 16px 11px;font:italic 18px IM Fell English,Georgia,serif;transition:opacity .3s,transform .3s;position:fixed;top:84px;left:50%;transform:translate(-50%,-8px);box-shadow:0 10px 30px #00000080}.toast.on{opacity:1;transform:translate(-50%)}.sound{gap:8px}.eq{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.eq i{background:currentColor;border-radius:1px;width:2px;height:3px}.sound[aria-pressed=true] .eq i{animation:.9s ease-in-out infinite eq}.sound[aria-pressed=true] .eq i:nth-child(2){animation-delay:-.3s}.sound[aria-pressed=true] .eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{50%{height:12px}}@media (width<=760px){.sound-l{display:none}.nav .sound{padding:0 12px;display:inline-flex}}@media (prefers-reduced-motion:reduce){.w>span,.title p,.title .acts,.title .sentence{transition:opacity .2s!important;transform:none!important}.sound .eq i{animation:none!important}}
