*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}:root{--mono:"SF Mono","IBM Plex Mono",Menlo,monospace;--sans:-apple-system,system-ui,"Segoe UI",Helvetica,sans-serif}body{background:#000;overflow:hidden;font-family:var(--sans);-webkit-font-smoothing:antialiased}.stage{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block}.vig{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 58%,rgba(0,0,0,.5) 100%)}.frame{position:absolute;left:43%;top:13%;width:52%;height:74%;border:1px solid rgba(255,255,255,.14);border-radius:8px;z-index:3;opacity:0;transition:opacity 1s ease;pointer-events:none}.frame:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(255,255,255,.06);border-radius:5px}.ctext{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;z-index:5;opacity:0;animation:ctin 1.1s ease .2s forwards}.ctext.out{animation:ctout .7s ease forwards}.cg{font:400 15px var(--mono);color:#fff;opacity:.85;margin-bottom:12px}.c1{font:400 12px var(--mono);letter-spacing:.16em;color:#f5eedef2}.c2{font:400 11px var(--mono);letter-spacing:.07em;color:#ece3d18c;margin-top:8px}@keyframes ctin{to{opacity:1}}@keyframes ctout{to{opacity:0;transform:translate(-50%,-60%)}}.lopts{position:absolute;left:0;top:0;bottom:0;width:40%;padding:0 6vw;display:flex;flex-direction:column;justify-content:center;gap:18px;z-index:4;pointer-events:none}.lhead{font:400 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#fff6;margin-bottom:6px;opacity:0;transition:opacity .6s ease}.lopts.in .lhead{opacity:1}.orow{font:400 13px var(--mono);letter-spacing:.03em;color:#ffffff9e;display:flex;align-items:baseline;gap:12px;opacity:0;transform:translate(-14px);transition:opacity .55s ease var(--d,0s),transform .55s ease var(--d,0s)}.lopts.in .orow{opacity:1;transform:none}.orow b{font-weight:400;color:#ffffff52}.orow i{margin-left:auto;font-style:normal;font-size:11px;color:#ffffff57}.orow.rec{color:#fff}.orow.rec i{color:#f5eedeb3}.rep{position:absolute;right:24px;bottom:20px;z-index:6;font:400 12px var(--mono);color:#ffffff42;background:none;border:none;cursor:pointer;padding:0;transition:color .2s}.rep:hover{color:#ffffffe6}