:root{color-scheme:dark;background:#0b0e13;color:#eef2f7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:#0b0e13}header{display:flex;justify-content:space-between;align-items:center;padding:20px max(16px,env(safe-area-inset-left));border-bottom:1px solid #202733;background:#0f131a;position:sticky;top:0;z-index:3}h1{font-size:20px;margin:0}h2{font-size:16px;margin:0 0 14px}.muted{color:#8e99a8;font-size:12px}nav{display:flex;gap:8px;padding:10px 14px;overflow:auto;background:#0f131a;border-bottom:1px solid #202733;position:sticky;top:76px;z-index:2}button{background:#1c2430;color:#eef;border:1px solid #2a3544;border-radius:10px;padding:10px 14px;font-weight:600}nav button.active{background:#2c68ff;border-color:#2c68ff}.ghost{background:transparent}main{max-width:980px;margin:auto;padding:14px}.tab{display:none}.tab.active{display:block}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero,.card{background:#111720;border:1px solid #202a37;border-radius:16px;padding:14px;margin-bottom:12px}.hero span{display:block;color:#8e99a8;font-size:11px}.hero b{display:block;margin-top:6px;font-size:15px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kv{background:#0c1118;border-radius:10px;padding:10px}.kv small{display:block;color:#7d8998}.kv strong{display:block;margin-top:4px;word-break:break-word}.ok{color:#59d98e}.warn{color:#f5c451}.bad{color:#ff6b6b}.locked{color:#929cad}.pattern{border-top:1px solid #26303d;padding:12px 0}.pattern:first-child{border-top:0}.pattern code{font-size:11px;white-space:normal;color:#c8d4e6}.chip{display:inline-block;border:1px solid #364253;border-radius:999px;padding:3px 7px;font-size:10px;margin:2px}canvas{width:100%;height:220px;background:#0b1017;border-radius:12px;margin-top:12px}.login{display:grid;min-height:100vh;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:#111720;border:1px solid #202a37;padding:24px;border-radius:18px}.login label{display:block;margin:14px 0;color:#aab4c2}.login input{display:block;width:100%;margin-top:6px;padding:12px;border-radius:10px;border:1px solid #334052;background:#0a0f15;color:#fff}.login button{width:100%}.error{color:#ff7777;min-height:18px}@media(max-width:620px){.hero-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}header{padding-top:max(14px,env(safe-area-inset-top))}nav{top:72px}}