:root{--bg:#090c10;--panel:#11151d;--line:#23262f;--accent:#e9b743;--muted:#8895ac;--text:#eeeae1}body{background:var(--bg);color:var(--text)}.button.primary{background:#e9b743;color:#17140b;box-shadow:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding:110px 0 90px}.hero h1{font-size:clamp(42px,5vw,72px)}.terminal{transform:rotate(1deg);box-shadow:0 24px 80px #0005}header{border-radius:0!important;background:#090c10!important}header,footer{border-color:#20232b}.panel-mode>header,.panel-mode>footer,.panel-mode>#main{display:none}.panel-mode:has(#secure-view:not([hidden]))>#main{display:none}.panel-mode{background:#090c10}#panel-host{min-height:100dvh;color:#eeeae1;font-family:Inter,system-ui,sans-serif}.panel-brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:750;letter-spacing:-.6px}.panel-brand span{color:#e9b743}.panel-brand i{display:grid;place-items:center;width:34px;height:34px;background:#14171c;border:1px solid #34312a;border-radius:6px;color:#e9b743}.panel-brand svg{width:20px;height:20px}.signin-wrap{width:388px;max-width:calc(100% - 36px);margin:0 auto;padding:clamp(55px,16vh,146px) 0 60px}.signin-wrap>.panel-brand{margin:0 4px 32px}.signin-card{padding:32px;border:1px solid #23262e;border-radius:8px;background:#11151d}.signin-card h1{font-size:18px;letter-spacing:-.5px;margin:0 0 5px}.signin-card p{font-size:13px;line-height:1.55;margin-bottom:26px}.signin-card button{width:100%;min-height:40px;border-radius:7px;font-size:13px;font-weight:650}.passkey{background:#eeeae1;color:#090c10}.signin-divider{display:flex;align-items:center;gap:12px;font-size:11px;color:#59677d;margin:46px 0 20px}.signin-divider:before,.signin-divider:after{content:'';height:1px;background:#252830;flex:1}.remember{display:flex;gap:9px;padding:13px;background:#191d25;border:1px solid #2b2e37;border-radius:8px;margin-bottom:20px;font-size:12px}.remember input{accent-color:#e9b743;margin-top:2px}.remember small{display:block;color:#8895ac;font-size:12px;margin-top:2px}.discord-signin{background:#5865f2;color:#fff}.signin-card .discord-signin+.signin-divider{margin-top:24px}.backup-signin{background:#191d25;border:1px solid #2b2e37;color:#8d9db9;font:12px ui-monospace,monospace!important}.signin-card .auth-status{font-size:10px;margin:15px 0 0;color:#7c899f}.register-link{display:block;text-align:center;font-size:12px;color:#e9b743;margin:20px 0}.preview-panel{display:block;margin:auto;background:none;color:#8997ac;font-size:11px;padding:8px}.vault-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100dvh}.vault-sidebar{border-right:1px solid #1c1f26;background:#080a0e;padding:28px 16px;display:flex;flex-direction:column}.vault-sidebar>.panel-brand{margin:0 8px 30px}.vault-sidebar nav{display:flex;flex-direction:column;gap:3px}.vault-sidebar nav small{font-size:11px;color:#58667d;margin:0 10px 5px}.vault-sidebar nav small:not(:first-child){margin-top:20px}.vault-sidebar nav a{display:flex;align-items:center;gap:12px;min-height:37px;padding:8px 11px;font-size:14px;color:#96a6c0;border-left:2px solid transparent;border-radius:4px}.vault-sidebar nav a.selected{background:#12141a;border-left-color:#e9b743;color:#f1ede4}.nav-glyph{font-size:18px;color:#8e99ac;width:16px}.panel-exit{font-size:11px;color:#718099;margin:40px 12px 0}.vault-heading{min-height:77px;padding:18px 38px;border-bottom:1px solid #1c1f26;display:flex;align-items:center;justify-content:space-between;gap:15px}.vault-heading h1{font-size:20px;letter-spacing:-.6px;margin:0 0 5px}.vault-heading small{font:11px ui-monospace,monospace;color:#586d8b}.vault-heading>div:last-child{display:flex;gap:12px;align-items:center}.demo-status{font:10px ui-monospace,monospace;color:#63e3cb;border:1px solid #27524b;background:#162522;border-radius:20px;padding:6px 10px}.amber-button,.muted-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:11px 17px;border-radius:9px;background:#e9b743;color:#17140b;font-size:13px;font-weight:600;border:1px solid transparent}.muted-button{background:#14171e;color:#eeeae1;border-color:#282b34}.vault-content{padding:28px 38px}.vault-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.vault-metrics article{position:relative;padding:20px;background:#11151d;border:1px solid #242730;border-radius:7px}.vault-metrics small{font-size:11px;color:#8a9ab4}.vault-metrics strong{display:block;font-size:30px;margin-top:7px}.vault-metrics article:nth-child(2) strong{color:#e9b743}.vault-metrics article:nth-child(3) strong{color:#5ee2ca}.vault-metrics p{font-size:11px;margin:5px 0 0}.vault-metrics i{position:absolute;right:18px;top:18px;border:1px solid #22262e;border-radius:5px;padding:6px;color:#e9b743}.vault-metrics svg{width:18px;height:18px}.vault-empty{background:#11151d;border:1px solid #242730;border-radius:7px;min-height:360px;text-align:center;padding:60px 25px}.vault-empty>i{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;background:#e9b74318;border:1px solid #e9b74340;border-radius:17px;color:#e9b743}.vault-empty svg{width:30px;height:30px}.vault-empty h2{font-size:20px;letter-spacing:-.5px;margin-bottom:8px}.vault-empty p{max-width:470px;margin:0 auto 24px;font-size:13px;line-height:1.65}.vault-content #secure-view{padding:0;max-width:none;margin:0}.vault-content #secure-view>h1,.vault-content #secure-view>.intro,.vault-content #secure-view>.eyebrow,.vault-content #secure-view>.text-link{display:none}.vault-content .security-grid{margin:0;grid-template-columns:1fr 1fr}.vault-content .panel{border-radius:8px;background:#11151d}.backup-dialog{width:430px;max-width:calc(100vw - 30px);border-radius:8px;border:1px solid #3b3427;padding:22px;background:#10131b;color:#eeeae1;box-shadow:0 30px 100px #0008}.backup-dialog::backdrop{background:#030609b5;backdrop-filter:blur(5px)}.backup-dialog h2{font-size:17px;line-height:1.3;letter-spacing:-.3px}.backup-dialog p{font-size:13px;line-height:1.5;border-top:1px solid #23262e;padding-top:20px}.backup-dialog code{display:block;background:#191c24;border:1px solid #2a2d35;border-radius:8px;padding:12px;color:#5ee2ca;font-size:12px}.backup-actions{display:flex;gap:10px;margin-top:15px}.backup-actions button{flex:1}button,a,input{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s}.vault-content,.signin-card,dialog[open]{animation:panel-in .22s ease-out}@keyframes panel-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:1000px){.vault-shell{grid-template-columns:195px 1fr}.vault-heading,.vault-content{padding:20px}.vault-metrics{grid-template-columns:repeat(2,1fr)}.vault-content .security-grid{grid-template-columns:1fr}}@media(max-width:640px){.hero{grid-template-columns:1fr;gap:35px;padding-top:60px}.vault-shell{display:block}.vault-sidebar{padding:16px;border-right:0;border-bottom:1px solid #252830}.vault-sidebar>.panel-brand{margin-bottom:15px}.vault-sidebar nav{flex-direction:row;overflow:auto;gap:5px}.vault-sidebar nav small,.panel-exit{display:none}.vault-sidebar nav a{white-space:nowrap;font-size:12px;min-height:38px}.vault-heading{align-items:start;padding:20px 16px}.vault-heading>div:last-child{flex-direction:column;align-items:end;gap:8px}.vault-heading h1{font-size:18px}.vault-heading small{font-size:9px}.vault-content{padding:16px}.vault-metrics{gap:10px}.vault-metrics article{padding:16px}.vault-metrics i{display:none}.vault-metrics small{font-size:10px}.vault-empty{padding:40px 18px}.vault-empty h2{font-size:18px}.signin-card{padding:28px}.vault-content .panel{padding:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.vault-main{width:100%;max-width:none;margin:0;padding:0;min-width:0}.vault-content{opacity:1}.vault-metrics article,.vault-empty{background:#11151d}.vault-heading{width:100%}.panel-mode .vault-shell main{margin:0;padding:0;max-width:none;width:100%}

@font-face{font-family:Inter;src:url('./assets/inter.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}:root,#panel-host{font-family:Inter,system-ui,sans-serif}
