@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(./caveat-cyrillic-ext-600-normal-DDEJyoof.woff2)format("woff2"),url(./caveat-cyrillic-ext-600-normal-BLVNc-Ct.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(./caveat-cyrillic-600-normal-Ba_MyzgW.woff2)format("woff2"),url(./caveat-cyrillic-600-normal-CqH0c_uj.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(./caveat-latin-ext-600-normal-DDJRD6ps.woff2)format("woff2"),url(./caveat-latin-ext-600-normal-shBvSnoU.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(./caveat-latin-600-normal-zlTlWIYU.woff2)format("woff2"),url(./caveat-latin-600-normal-DUjB8dgm.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html,body{height:100%;margin:0;overflow:hidden}body{color:#e9e4d8;-webkit-font-smoothing:antialiased;background:#0b0b0c}*{box-sizing:border-box}:root{--paper:#f3ecdc;--ink:#1f1b16;--soft:#8a7f6c;--red:#d4442e;--blue:#2f5fd0;--hi:#ffd84d;--green:#2f9e6a}body{background:radial-gradient(120% 90% at 30% 10%, #ffffff8c, transparent 60%), repeating-linear-gradient(0deg, #1f1b1605 0 2px, transparent 2px 4px), var(--paper);color:var(--ink)}body:before{content:"";background:#d4442e59;width:1px;position:fixed;top:0;bottom:0;left:clamp(26px,6vw,92px)}.sheet{flex-direction:column;justify-content:space-between;gap:2vh;padding:clamp(16px,3.6vh,46px) clamp(40px,9vw,150px) clamp(14px,3vh,36px);display:flex;position:fixed;inset:0}.head{flex-wrap:wrap;align-items:baseline;gap:.9em;display:flex}.rule{letter-spacing:.16em;text-transform:uppercase;color:var(--red);font:600 clamp(10px,.9vw,13px)/1 JetBrains Mono,monospace}h1{letter-spacing:-.01em;margin:0;font:italic 400 clamp(26px,min(4.6vw,8vh),70px)/1 Instrument Serif,serif}h1 span{position:relative}.text{font-variation-settings:"opsz" 48, "SOFT" 50;letter-spacing:-.005em;align-self:center;max-width:34em;margin:0;font-family:Fraunces Variable,serif;font-size:clamp(15px,min(2.15vw,3.7vh),32px);line-height:2.05;position:relative}.text .w{cursor:pointer;border-radius:3px;transition:background .15s}.text .w:hover{background:#2f5fd01a}.mark{white-space:nowrap;position:relative}.mark[data-note]:after{content:attr(data-note);color:var(--red);white-space:nowrap;pointer-events:none;opacity:0;font:600 .74em/1 Caveat,cursive;transition:opacity .4s,transform .4s;position:absolute;bottom:100%;left:50%;transform:translate(-50%,4px)rotate(-5deg)}.mark.noted:after{opacity:1;transform:translate(-50%)rotate(-5deg)}#m-words:after,#m-tell:after{color:var(--blue)}.foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.src{color:var(--soft);font:italic 400 clamp(13px,1.25vw,18px)/1 Instrument Serif,serif}.tools{flex-wrap:wrap;gap:4px;display:flex}.tools button{all:unset;cursor:pointer;letter-spacing:.02em;color:var(--soft);background:#ffffff59;border:1px solid #1f1b161f;border-radius:6px;padding:6px 8px;font:500 clamp(9.5px,.78vw,11.5px)/1 JetBrains Mono,monospace}.tools button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tools button.replay{color:var(--red);border-color:#d4442e66}.hint{color:var(--blue);opacity:.8;font:600 clamp(14px,1.4vw,20px)/1 Caveat,cursive;position:fixed;top:14px;right:14px;transform:rotate(3deg)}@media (max-width:700px){.src{display:none}.tools{justify-content:center;width:100%}.hint{display:none}}