:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Courier New,monospace}*{box-sizing:border-box}body{background:#020403;margin:0;overflow:hidden}.app{--p:#72ff9b;--dim:#27733c;min-height:100dvh;color:var(--p);background:radial-gradient(#0a1610 0,#010201 75%);padding:clamp(8px,2vw,28px)}.amber{--p:#ffbd55;--dim:#76511f}.white{--p:#ebf7ee;--dim:#718076}.ambient{background:radial-gradient(circle at 20% 80%,color-mix(in srgb,var(--p) 9%,transparent),transparent 35%);pointer-events:none;position:fixed;inset:0}.bezel{background:linear-gradient(145deg,#161a17,#070908);border:1px solid #26322a;border-radius:24px;max-width:1300px;height:calc(100dvh - clamp(16px,4vw,56px));margin:auto;padding:clamp(12px,2vw,24px);position:relative;box-shadow:0 30px 80px #000,inset 0 1px #405045}header,footer{height:35px;color:var(--dim);letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:12px;display:flex}header nav{gap:8px;display:flex}button,a{font:inherit;color:var(--p);border:1px solid var(--dim);cursor:pointer;background:#0a100c;padding:7px 10px;text-decoration:none}.screen{height:calc(100% - 70px);box-shadow:inset 0 0 70px #000,0 0 20px color-mix(in srgb,var(--p) 10%,transparent);background:radial-gradient(#07120b,#000 90%);border-radius:42px/25px;padding:clamp(18px,4vw,52px);position:relative;overflow:hidden}.scan{pointer-events:none;z-index:2;opacity:.6;background:repeating-linear-gradient(0deg,#0000 0 3px,#0003 3px 5px);position:absolute;inset:0}.output{white-space:pre-wrap;letter-spacing:.045em;height:calc(100% - 38px);text-shadow:0 0 5px var(--p),0 0 14px color-mix(in srgb,var(--p) 45%,transparent);scrollbar-color:var(--dim) transparent;font-size:clamp(14px,1.5vw,20px);line-height:1.45;position:relative;overflow:auto}.user{color:#fff}form{align-items:center;gap:10px;height:36px;font-size:20px;display:flex}input{border:0;border-bottom:1px solid var(--dim);width:100%;min-height:40px;color:var(--p);font:inherit;caret-color:var(--p);text-shadow:0 0 5px var(--p);pointer-events:auto;z-index:3;background:#00000040;outline:0;padding:6px 8px;font-size:16px;position:relative}input:focus{border-bottom-color:var(--p);box-shadow:0 2px 0 color-mix(in srgb,var(--p) 35%,transparent)}form i{background:var(--p);width:11px;height:19px;animation:1s step-end infinite blink}.mobile{z-index:5;grid-template-columns:repeat(4,minmax(76px,110px));gap:8px;display:grid;position:fixed;bottom:8px;right:32px}.mobile button{padding:8px 10px}.sr{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes blink{50%{opacity:0}}@media (width<=650px){.app{padding:5px}.bezel{border-radius:12px;height:calc(100dvh - 50px);padding:8px}.screen{border-radius:18px/12px;padding:18px 12px}.output{font-size:13px}header>span{display:none}header{justify-content:flex-end}header nav button:nth-child(2),header nav a{display:none}.mobile{grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:fixed;bottom:4px;left:5px;right:5px}.mobile button{padding:8px 2px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}.scan{display:none}}