.landing.container{margin:0 auto;padding:32px 24px 96px;max-width:1200px}.landing header{margin-bottom:96px;display:flex;flex-direction:column;align-items:end}.landing .topbar{display:flex;justify-content:space-between;align-items:center;font-size:14px}.landing .topbar a,.landing .topbar select{color:var(--fg);background:none;border:none;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.landing .topbar select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.landing h1{font-size:clamp(44px,18vw,96px);font-weight:900;letter-spacing:-.06em;margin:0}.landing .tagline{font-size:clamp(20px,3vw,32px);color:var(--muted);max-width:420px;text-align:right}.landing section{margin-bottom:96px}.landing .block{border-top:3px solid var(--fg);padding-top:24px}.landing h2{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;margin:0 0 24px}.landing ul{list-style:none;padding:0;margin:0}.landing li{font-size:clamp(20px,3vw,32px);font-weight:700;padding:20px 0;border-bottom:1px solid var(--line)}.landing .stack{display:grid;grid-template-columns:1fr;gap:24px;max-width:520px}.landing p{font-size:16px;color:var(--muted);margin:0}.landing .cta{cursor:pointer;margin-top:128px;max-width:420px}.landing .cta button{background-color:var(--bg);border:4px solid var(--fg);color:var(--fg);cursor:pointer;display:block;font-size:20px;font-weight:900;letter-spacing:.04em;padding:24px 0;text-align:center;text-decoration:none;width:100%}.landing .cta button:active{background:var(--fg);color:var(--bg)}.landing footer{margin-top:160px;padding-top:32px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);max-width:420px}@media(min-width:900px){.landing .block{display:grid;grid-template-columns:1fr 2fr;gap:64px}.landing ul{max-width:480px}.landing .stack{max-width:640px}}.scan.container{max-width:480px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;max-height:85vh}.scan header{margin-bottom:24px}.scan h1{font-size:36px;font-weight:900;letter-spacing:-.04em;margin:0}.scan header a{color:var(--fg);text-decoration:none;font-weight:800;font-size:14px;letter-spacing:.08em}.scan .scanner{align-items:center;border:3px solid var(--fg);display:flex;flex:1;height:360px;justify-content:center;margin-bottom:32px;max-height:360px;min-height:360px;overflow:hidden;position:relative;text-align:center}.scan .scanner:before,.scan .scanner:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:1px solid var(--line)}.scan .scanner span{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted, #999)}.scan .instructions{border-top:2px solid var(--fg);padding-top:16px;margin-bottom:32px}.scan .instructions p{font-size:14px;color:var(--muted, #999);margin:0 0 8px}.scan .actions{display:flex;gap:12px;padding-bottom:32px}.scan .actions button{flex:1;padding:16px 0;background:none;border:3px solid var(--fg);color:var(--fg);font-weight:900;letter-spacing:.06em;cursor:pointer}.scan .actions button:active{background:var(--fg);color:var(--bg)}.scanner.detected{align-items:flex-start;justify-content:flex-start;padding:24px}.detected-box{align-self:start;width:100%;border:2px solid var(--fg);padding:16px;margin:32px;text-align:left}.detected-box h2{margin:0 0 12px;font-size:22px;font-weight:900;letter-spacing:-.02em}.detected-meta{border-top:1px solid var(--line);padding-top:12px;font-size:14px;color:#aaa}.detected-meta div{margin-bottom:6px}.warning{margin-top:16px;font-size:13px;letter-spacing:.04em;color:var(--accent);text-transform:uppercase}.codes.container{max-width:480px;margin:0 auto;padding:24px 16px}.codes header{text-align:left;margin-bottom:40px}.codes h1{font-size:36px;font-weight:900;letter-spacing:-.04em;margin:0}.codes .topbar select{background:none;border:none;color:var(--fg);font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;margin-left:12px}.codes .keys-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:26px}.codes .key-item{border:2px solid var(--line);padding:16px;display:flex;gap:12px;flex-direction:row;justify-content:space-between;align-items:center;background:var(--bg)}.codes .key-item span{font-weight:700;font-size:18px}.codes .key-item p{font-weight:200;font-size:12px;color:var(--fg)}.codes .actions{flex:0 0 auto;display:flex;gap:18px;flex-direction:column;align-items:end}.codes .key-item code{background:var(--line);display:inline-block;padding:4px 8px;font-family:monospace;font-size:18px;color:var(--accent)}.codes .actions button{background:none;border:2px solid var(--fg);color:var(--fg);font-weight:700;padding:6px 12px;cursor:pointer;margin-left:8px}.codes .actions button:active{background:var(--fg);color:var(--bg)}.codes .add-key{margin-top:32px;float:right;width:50%}.codes .key-item .name{width:20px;display:flex;flex-direction:column;flex:1 1 0;min-width:0}.codes .key-item .name>p,.codes .key-item .name>span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.codes .add-key button{border:2px solid var(--fg);background:none;color:var(--fg);font-weight:700;padding:12px 16px;cursor:pointer;width:100%}.codes .add-key button:active{background:var(--fg);color:var(--bg)}:root{--bg: #0a0a0a;--fg: #ffffff;--muted: #b3b3b3;--line: #222222;--accent: #00ff9c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.35}.is-hidden{display:none}