.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 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 .topbar{margin-bottom:64px}.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}.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}.red-text{color:red!important}.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 .keys-list{padding:0;margin:0;display:flex;flex-direction:column;gap:26px}.codes .key-item{border:2px solid var(--line);padding:16px;display:flex;flex-direction:row;background:var(--bg)}.codes .key-item span{font-weight:700;font-size:18px}.codes .key-item p{font-weight:300;font-size:12px;color:var(--muted)}.codes .key-item .name{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 .key-item code{background:var(--line);display:inline-block;padding:4px 8px;font-family:monospace;font-size:18px;color:var(--accent)}.codes .actions{flex:0 0 auto;display:flex;gap:18px;flex-direction:column;align-items:end}.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{display:flex;gap:18px;margin-top:32px;float:right;width:100%}.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)}.codes .red-text{color:red!important}.backups.container{max-width:480px;margin:0 auto;padding:24px 16px}.backups header{text-align:left;margin-bottom:40px}.backups h1{font-size:36px;font-weight:900;letter-spacing:-.04em;margin:0}.backups .list{display:flex;flex-direction:column;gap:26px}.backups .keys-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:26px}.backups details{padding:0;margin:0}.backups summary{list-style:none;cursor:pointer;width:100%;margin:0;padding:0;height:100%;display:flex;align-items:center;gap:8px;justify-content:space-between}.key-item summary:after{background:none;content:"Show";font-size:12px;border:2px solid var(--fg);color:var(--fg);font-weight:700;padding:6px 12px;cursor:pointer;margin-left:8px}.key-item[open] summary:after{content:"Hide"}.key-item summary:active:after{background:var(--fg);color:var(--bg)}.backups .key-item{border:2px solid var(--line);padding:16px;display:flex;flex-direction:column;justify-content:space-between;align-items:start;background:var(--bg)}.backups .key-item span{font-weight:700;font-size:18px}.backups .key-item p{font-weight:300;font-size:12px;color:var(--muted)}.backups .go-back{margin-top:32px;margin-bottom:64px;float:right;width:50%}.backups .key-item .name{width:20px;display:flex;flex-direction:column;flex:1 1 0;min-width:0}.backups .key-item .name>p,.backups .key-item .name>span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backups .go-back button{border:2px solid var(--fg);background:none;color:var(--fg);font-weight:700;padding:12px 16px;cursor:pointer;width:100%}.backups .go-back button:active{background:var(--fg);color:var(--bg)}.backups .qr-wrapper{padding:10px;margin-bottom:32px;margin-top:16px;background:var(--fg)}.backups hr{margin:18px 0 36px;padding:0;border:1px solid var(--line)}.not-found.container{margin:0 auto;padding:32px 24px 96px;max-width:1200px}.not-found h1{font-size:clamp(44px,18vw,96px);font-weight:900;letter-spacing:-.06em;margin:0}.not-found p{font-size:clamp(20px,3vw,32px);color:var(--muted);max-width:420px;text-align:left;font-weight:600}.not-found .cta{cursor:pointer;margin-top:128px;max-width:420px}.not-found .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%}.not-found .cta 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}a,select{color:var(--muted);background:none;border:none;text-decoration:none;border-bottom:1px solid var(--line);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:0;padding:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}option{background-color:var(--bg);cursor:pointer}.topbar{display:flex;justify-content:space-between;align-items:center;font-size:14px}
