:root{color-scheme:dark;--void:#050b08;--screen:#0a1710;--panel:#0d2116;--phosphor:#b7ff9c;--bright:#dffff1;--muted:#81a98a;--line:#3d6f4b;--alert:#ffb07c}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#020504;color:var(--bright);font-family:"Courier New",ui-monospace,monospace;letter-spacing:.055em;display:grid;place-items:center;padding:28px;position:relative}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background:repeating-linear-gradient(to bottom,transparent 0 2px,#b7ff9c 3px 4px),radial-gradient(ellipse at center,transparent 30%,#000 120%)}.shell{width:min(760px,100%);min-height:580px;overflow:hidden;position:relative;background:var(--screen);border:3px solid #6d9a74;outline:2px solid #142d1d;outline-offset:7px;box-shadow:0 0 0 13px #07110b,0 0 54px #82ff9230}.shell::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 3px,#00000020 4px 5px);mix-blend-mode:multiply}.topbar{height:64px;border-bottom:2px solid var(--line);padding:0 23px;display:flex;justify-content:space-between;align-items:center}.brand{color:var(--phosphor);font-size:1.15rem;font-weight:bold;letter-spacing:.12em;text-decoration:none;text-shadow:0 0 8px #b7ff9c8c}.status{font-size:.72rem;color:var(--muted);text-transform:uppercase}.status i{display:inline-block;width:8px;height:8px;background:var(--phosphor);box-shadow:0 0 8px var(--phosphor);margin-right:8px}.screen{display:none;padding:57px 11%;position:relative}.screen.active{display:block}.eyebrow{color:var(--phosphor);font-size:.72rem;font-weight:bold;margin:0 0 19px;text-transform:uppercase}.screen h1{margin:0;font-size:clamp(2.15rem,6vw,4.2rem);line-height:.98;letter-spacing:-.075em;text-transform:uppercase}.screen h1 em{color:var(--phosphor);font-style:normal;text-shadow:0 0 10px #b7ff9c5e}.lede{max-width:540px;line-height:1.7;color:var(--muted);margin:25px 0 30px;font-size:.9rem}.dial-form{max-width:515px;margin-top:34px}.dial-form label,.label,h2{font-size:.72rem;color:var(--muted);font-weight:bold;text-transform:uppercase}.number-entry{border:2px solid var(--line);background:#040a06;padding:12px 14px;margin-top:10px;display:flex;align-items:center;gap:12px;transition:border .2s,box-shadow .2s}.number-entry:focus-within{border-color:var(--phosphor);box-shadow:0 0 11px #b7ff9c33}.phone-symbol{color:var(--phosphor);font-size:1.1rem}.number-entry input{min-width:0;background:none;border:0;outline:0;color:var(--bright);font:inherit;font-size:1.05rem;width:100%;letter-spacing:.12em}.number-entry input::placeholder{color:#53785d}.hint,.error{font-size:.72rem;color:var(--muted);min-height:1.2em}.error{color:var(--alert)}button{font:inherit;font-size:.78rem;font-weight:bold;letter-spacing:.08em;text-transform:uppercase;color:var(--void);background:var(--phosphor);border:2px solid var(--phosphor);padding:12px 18px;margin-top:15px;cursor:pointer;box-shadow:3px 3px 0 #38633e}button:hover{background:var(--bright);border-color:var(--bright)}button:active{box-shadow:none;transform:translate(3px,3px)}.text-button,.back-button{display:block;background:transparent;color:var(--muted);border-color:transparent;box-shadow:none;padding-left:0}.text-button:hover,.back-button:hover{background:transparent;color:var(--phosphor);border-color:transparent}.back-button{margin:0 0 34px}.contact-card{padding:30px;border:2px solid var(--line);background:var(--panel);max-width:540px}.avatar{width:58px;height:58px;border:2px solid var(--phosphor);display:grid;place-items:center;color:var(--phosphor);font-size:1.8rem;font-weight:bold;margin-bottom:23px}.contact-card .eyebrow{color:var(--muted)}.contact-card .lede{color:#a3c5a9}.notice{border-left:4px solid var(--phosphor);padding:14px 16px;color:var(--muted);background:var(--panel);max-width:500px}.identity-card{border:2px solid var(--line);padding:27px;background:var(--panel);position:relative}.identity-card output{display:block;font-size:clamp(2rem,6.7vw,4.2rem);color:var(--phosphor);letter-spacing:-.1em;margin:10px 0;text-shadow:0 0 10px #b7ff9c4d}.identity-card p{color:var(--muted);margin:0;overflow-wrap:anywhere}.copy{position:absolute;right:18px;top:9px;font-size:.7rem;padding:8px 12px;margin:0;background:transparent;color:var(--phosphor);border-color:var(--line);box-shadow:none}.dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;margin-top:38px}h2{border-bottom:2px solid var(--line);padding-bottom:10px;margin:0}.inbox{list-style:none;padding:0;margin:0}.inbox li{border-bottom:1px solid #24442e;padding:13px 0;color:var(--muted);font-size:.8rem}.inbox li::before{content:"> ";color:var(--phosphor)}.inbox time{float:right;font-size:.69rem}.controls button{display:block}.toggle{display:block;color:var(--muted);font-size:.78rem;margin:18px 0;text-transform:uppercase}.toggle input{display:none}.toggle span{display:inline-block;width:14px;height:14px;border:1px solid var(--muted);margin-right:8px;vertical-align:-2px}.toggle input:checked+span{background:var(--phosphor);border-color:var(--phosphor);box-shadow:0 0 7px #b7ff9c}.settings-list{border-top:2px solid var(--line);margin-top:35px}.settings-list p{margin:0;border-bottom:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:10px;font-size:.79rem;text-transform:uppercase}.settings-list span{color:var(--muted)}.danger{background:transparent;color:var(--alert);border-color:var(--alert);box-shadow:none}footer{width:min(760px,100%);font-size:.69rem;color:var(--muted);padding-top:22px;display:flex;justify-content:space-between;text-transform:uppercase}@media(max-width:600px){body{padding:19px}.shell{min-height:0;outline-offset:4px}.screen{padding:43px 8%}.dashboard-grid{grid-template-columns:1fr;gap:24px}.settings-list p{display:block}.settings-list strong{display:block;margin-top:7px;overflow-wrap:anywhere}}
