:root{--shell-light: #d6cfbd;--shell: #c2baa7;--shell-dark: #9c9483;--shell-shadow: #6f6858;--ink: #6d6656;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(ellipse 70% 55% at 50% 32%,#262433,#14131c 55%,#0a0910);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}.room{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.stage{display:flex;flex-direction:column;align-items:center;gap:18px}.monitor{position:relative;padding:26px 26px 8px;border-radius:20px 20px 12px 12px;background:linear-gradient(180deg,var(--shell-light) 0%,var(--shell) 38%,var(--shell-dark) 100%);box-shadow:0 2px #ffffff8c inset,0 -18px 30px #0000002e inset,0 40px 80px #000000bf,0 4px 14px #00000080}.monitor:before{content:"";position:absolute;inset:10px 10px 4px;border-radius:14px;border:1px solid rgba(255,255,255,.22);border-bottom-color:#0000001f;pointer-events:none}.monitor__vent{position:absolute;top:9px;right:30px;width:92px;height:7px;border-radius:4px;background:repeating-linear-gradient(90deg,#00000038 0 2px,#ffffff2e 2px 5px);opacity:.6}.tube{position:relative;border-radius:26px/20px;background:#08080a;padding:0;box-shadow:0 0 0 12px #1b1a1c,0 0 0 13px #ffffff14,0 0 34px #6e64d229;overflow:hidden;isolation:isolate}.screen{display:block;border-radius:26px/20px;background:#000;cursor:default}.screen--link{cursor:pointer}.tube__glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(148deg,#ffffff16,#ffffff09 22%,#fff0 46%),radial-gradient(ellipse 40% 26% at 22% 12%,#ffffff12,#fff0 70%);mix-blend-mode:screen}.tube__bezel{position:absolute;inset:0;pointer-events:none;border-radius:26px/20px;box-shadow:inset 0 0 22px #000000f2,inset 0 0 3px #000}.plate{display:flex;align-items:center;justify-content:space-between;padding:12px 6px 6px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.45)}.plate__mark b{font-weight:700;letter-spacing:.12em}.plate__right{display:flex;align-items:center;gap:10px}.led{width:9px;height:9px;border-radius:50%;background:#3a2a26;box-shadow:inset 0 1px 1px #ffffff4d}.led--power.is-on{background:#ff5a3c;box-shadow:0 0 8px #ff5a3ce6,inset 0 1px 1px #fff6}.led--drive.is-on{background:#6ee36e;box-shadow:0 0 8px #6ee36ee6,inset 0 1px 1px #fff6}.legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;max-width:720px;text-align:center;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#7d7796}.legend kbd{display:inline-block;padding:2px 6px;border-radius:4px;background:#2b2940;color:#c3bbf0;border:1px solid #3d3a58;border-bottom-width:2px;font:inherit;font-size:11px}.legend code{color:#9ad284;font:inherit;font-size:11px;text-transform:none}.legend__sep{width:4px;height:4px;border-radius:50%;background:#423e60;margin:0 4px}.ghost-input{position:fixed;left:-9999px;width:1px;height:1px;opacity:0;border:0}@media (max-width: 700px){.monitor{padding:12px 12px 4px;border-radius:14px}.monitor:before{inset:6px 6px 2px;border-radius:10px}.monitor__vent{display:none}.tube{box-shadow:0 0 0 7px #1b1a1c,0 0 0 8px #ffffff12}.legend{font-size:10px;letter-spacing:.06em}.legend kbd,.legend code{font-size:9px}}@media (prefers-reduced-motion: reduce){.tube{box-shadow:0 0 0 12px #1b1a1c}}