@font-face{font-family:"PT Serif";font-weight:400;font-display:swap;src:url(/screen/fonts/pt-serif-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"PT Serif";font-weight:400;font-display:swap;src:url(/screen/fonts/pt-serif-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"PT Serif";font-weight:700;font-display:swap;src:url(/screen/fonts/pt-serif-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"PT Serif";font-weight:700;font-display:swap;src:url(/screen/fonts/pt-serif-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:#000;color:#fff;font-family:"PT Serif",Georgia,"Times New Roman",serif}
body.light{background:#fff;color:#000}
body.black{background:#000}
body.idle{cursor:none}

.content{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .2s ease}
.content.fade{opacity:0}
#inner{width:100%;max-height:100%;line-height:1.25;overflow-wrap:break-word}
#inner.center{text-align:center}
#inner.left{text-align:left}
.block{margin:0 0 .6em}
.block:last-child{margin-bottom:0}
.text{white-space:pre-wrap}
.ref{font-size:.42em;opacity:.65;margin-top:.35em}
.song{display:inline-block;white-space:pre;text-align:center}

.pair{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4vmin;background:#000;color:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.pair[hidden]{display:none}
.code{font-size:18vmin;font-weight:700;letter-spacing:.12em;padding-left:.12em;font-variant-numeric:tabular-nums}
.qr{width:28vmin;height:28vmin;image-rendering:pixelated;background:#fff;border-radius:1vmin}
.hint{margin:0;font-size:3.2vmin;opacity:.7;text-align:center;padding:0 5vmin}

.dot{position:fixed;right:10px;bottom:10px;width:8px;height:8px;border-radius:50%;background:#e5484d;opacity:.8}
.dot[hidden]{display:none}
.ctl{position:fixed;left:10px;bottom:10px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;opacity:0;pointer-events:none;transition:opacity .2s;font:14px system-ui,sans-serif;color:#fff}
body.active .ctl{opacity:1;pointer-events:auto}
body.idle .ctl{opacity:0;pointer-events:none}
.more{background:rgba(60,60,60,.85);border:1px solid #666;border-radius:6px;padding:6px 12px}
.more[hidden]{display:none}
.more b{letter-spacing:.1em;font-size:1.15em}
.newcode{font:14px system-ui,sans-serif;color:#fff;background:rgba(60,60,60,.85);border:1px solid #666;border-radius:6px;padding:8px 14px;cursor:pointer}