@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(./type-0-BQrgfvJT.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(./type-1-CCxn3Epz.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(./type-2-RZZ47rCX.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(./type-3-CQj3XIHL.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./type-4-ClCTSiDw.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(./type-5-DyRt3UMW.ttf) format("truetype")}:root{font-family:IBM Plex Mono,monospace;color:#e1dfc9;background:#12140d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #eee8b3;outline-offset:6px}[hidden]{display:none!important}#view{position:fixed;width:100%;height:100%;inset:0;display:block}#film{position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at center,transparent 46%,#090b064b 100%);box-shadow:inset 0 0 80px #0c0c0720}.screen{position:fixed;z-index:5;inset:0}#intro{padding:48px 5.4vw 36px;background:linear-gradient(90deg,#10120edb,#10120e9c 30%,#10120e05 75%);display:flex;flex-direction:column;justify-content:space-between}.edition{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.18em;opacity:.7}.small-square{width:7px;height:7px;background:#dcd8b0}.edition-line{height:1px;width:60px;background:#dcd8b069}.title-block{margin-top:28px}.eyebrow{font-size:10px;letter-spacing:.24em;color:#c2c2a1}.title-block h1{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(72px,8vw,150px);font-weight:600;line-height:.86;letter-spacing:-.025em;margin:23px 0 28px;color:#e8e5cb}.title-period{color:#b9ae6b}.premise{font-size:13px;line-height:1.9;color:#c4c3af;margin-bottom:30px}button{display:flex;align-items:center;justify-content:space-between;gap:50px;border:1px solid #b5b59475;color:#e2e1ca;background:#c7c7970c;padding:20px 23px;min-width:290px;font-size:11px;letter-spacing:.13em;transition:background .2s,border-color .2s}button:hover{background:#c7c79723;border-color:#d9d6b0}button:disabled{cursor:wait;opacity:.5}.button-arrow{font-size:20px}.headphones{font-size:9px;letter-spacing:.13em;margin-top:16px;color:#a2a48b}.headphones span{padding:0 10px}.intro-bottom{display:flex;align-items:end;justify-content:space-between;font-size:10px;line-height:1.7;color:#c8c8ac}.intro-bottom em{font-style:normal;color:#929580}.intro-bottom p{text-align:right;margin:0;font-size:11px}.overlay{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:7vw;background:#11140fe8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}h2{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:500;font-size:clamp(70px,8vw,125px);letter-spacing:-.02em;line-height:1;margin:20px 0 24px}.support{font-size:13px;line-height:2;color:#b9bca7}.settings{display:flex;flex-direction:column;gap:18px;margin:20px 0 30px;width:310px;font-size:11px;color:#bdc0a9}.settings label{display:flex;justify-content:space-between;gap:20px;align-items:center}input{accent-color:#bdb98c}input[type=range]{width:135px}.settings .check{justify-content:flex-start;gap:12px}.quiet-button{border:none;background:none;padding-left:0;font-size:9px;margin-top:12px;color:#969c83}.end-stats{font-size:10px;color:#8e9984;letter-spacing:.1em;margin:20px 0 35px}#hud{position:fixed;inset:0;pointer-events:none;z-index:3;text-shadow:0 1px 3px #0008;font-size:11px;letter-spacing:.12em;color:#dedec49c}.record{position:absolute;left:35px;top:30px;display:flex;gap:12px;align-items:center}.record i{width:5px;height:5px;background:#b86c4d;border-radius:50%}.record #timecode{margin-left:14px;font-size:10px}.tape-label{position:absolute;right:35px;top:30px}.tape-label span{margin:0 10px}#subtitle{position:absolute;bottom:16%;width:100%;text-align:center;font-size:12px;letter-spacing:.045em;color:#e5e3cc;transition:opacity 1.2s;opacity:0;padding:0 15px}#subtitle.visible{opacity:1}#breath{position:absolute;bottom:42px;left:35px;height:2px;width:105px;background:#e8e4bd18;opacity:0;transition:opacity 1s}#breath-fill{height:100%;background:#d5d2b785;width:100%}#noise{position:absolute;bottom:66px;left:35px;display:flex;align-items:end;gap:3px;height:15px;opacity:.55}#noise span{width:2px;height:3px;background:#d5d2b7;transition:height .15s}#noise small{font-size:7px;position:absolute;bottom:-16px;left:0;letter-spacing:.14em}#hint{position:absolute;right:35px;bottom:38px;font-size:9px;opacity:.7}#hint span{letter-spacing:0;color:#c6c7b182}#hint b{font-weight:400;margin:0 12px}#interact{position:absolute;top:58%;left:0;width:100%;text-align:center;font-size:12px;color:#eef3de}#fade{position:fixed;inset:0;z-index:9;background:#0a0c08;pointer-events:none;opacity:0;transition:opacity 1s}#fade.flash{opacity:1;transition:opacity .08s}@media(max-width:700px){#intro{padding:28px}.intro-bottom{gap:20px}.intro-bottom>span{max-width:220px}.title-block h1{font-size:90px}.record{left:20px;top:20px}.tape-label{right:20px;top:20px}.overlay{padding:28px}#hint{right:20px;font-size:8px}#noise,#breath{left:20px}}