:root{--bg:oklch(97.8% .004 240);--bg-alt:oklch(95.8% .006 230);--card:#fff;--fg:oklch(16% .018 232);--fg-2:oklch(40% .016 232);--fg-3:oklch(58% .014 232);--border:oklch(88.5% .009 232);--ink-950:oklch(14.5% .018 232);--ink-900:oklch(18.5% .02 232);--ink-850:oklch(22.5% .02 232);--paper:oklch(96.5% .006 232);--t-2:oklch(80% .012 232);--t-3:oklch(64% .014 232);--t-4:oklch(52% .016 232);--haven:oklch(80% .145 162);--haven-dim:oklch(80% .145 162/.13);--haven-glow:oklch(80% .145 162/.3);--sc-bon:oklch(83% .15 145);--sc-moy:oklch(84% .135 86);--sc-fai:oklch(70% .155 38);--ff-base:"Hanken Grotesk", system-ui, sans-serif;--ff-mono:"Geist Mono", ui-monospace, monospace;--radius-sm:9px;--radius-md:11px;--radius-lg:16px;--radius-xl:18px}*,:before,:after{box-sizing:border-box}body{font-family:var(--ff-base);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--haven);text-decoration:none}a:hover{color:oklch(70% .155 162)}.mono{font-family:var(--ff-mono)}.btn{border-radius:var(--radius-md);height:40px;font-size:14px;font-weight:600;font-family:var(--ff-base);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:0 18px;transition:opacity .15s;display:inline-flex}.btn:hover{opacity:.88}.btn svg{flex:none;width:16px;height:16px}.btn-primary{background:var(--haven);color:#06140d}.btn-secondary{background:var(--card);color:var(--fg);border-color:var(--border)}.btn-ghost{color:var(--fg-2);background:0 0}.btn-dark{background:var(--ink-900);color:var(--paper)}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--fg-2);font-size:12.5px;font-weight:600}.field input{border:1px solid var(--border);height:44px;font-size:14.5px;font-family:var(--ff-base);color:var(--fg);background:#fff;border-radius:10px;outline:none;padding:0 14px;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--haven);box-shadow:0 0 0 3px var(--haven-glow)}.badge{font-family:var(--ff-mono);text-transform:uppercase;letter-spacing:.06em;border-radius:20px;align-items:center;gap:6px;padding:4px 9px;font-size:10.5px;font-weight:600;display:inline-flex}.badge.on{color:oklch(42% .12 145);background:oklch(83% .15 145/.15)}.badge.off{color:var(--fg-3);background:oklch(60% .02 232/.12)}.badge.warn{color:oklch(45% .11 86);background:oklch(84% .135 86/.18)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.card h3{color:var(--fg-3);margin:0 0 4px;font-size:13px;font-weight:600}.card .big{letter-spacing:-.02em;margin-top:4px;font-size:30px;font-weight:800}.card .sub{color:var(--fg-3);margin-top:4px;font-size:12.5px}.cards3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.progress{background:var(--bg-alt);border-radius:4px;height:7px;margin-top:12px;overflow:hidden}.progress i{background:var(--haven);border-radius:4px;height:100%;display:block}.tbl{border-collapse:collapse;width:100%}.tbl th{text-align:left;font-family:var(--ff-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--fg-3);border-bottom:1px solid var(--border);padding:0 12px 10px;font-size:10.5px;font-weight:600}.tbl td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 12px;font-size:14px}.tbl tr:last-child td{border-bottom:none}.tbl .keyval{font-family:var(--ff-mono);color:var(--fg-2);font-size:13px}.rowactions{justify-content:flex-end;gap:6px;display:flex}.iconbtn{background:var(--bg-alt);border:1px solid var(--border);width:32px;height:32px;color:var(--fg-2);cursor:pointer;border-radius:9px;place-items:center;transition:background .15s;display:grid}.iconbtn:hover{background:var(--border)}.iconbtn svg{width:15px;height:15px}.sectionhead{justify-content:space-between;align-items:center;display:flex}.sectionhead h2{letter-spacing:-.01em;margin:0;font-size:16px}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;background:oklch(15% .02 232/.5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:var(--radius-xl);flex-direction:column;gap:16px;width:460px;padding:26px;display:flex;box-shadow:0 40px 80px -30px #00000080}.modal h3{letter-spacing:-.01em;margin:0;font-size:17px}.modal-head{align-items:center;display:flex}.modal-head .close{margin-left:auto}.keybox{font-family:var(--ff-mono);background:var(--ink-950);color:var(--haven);word-break:break-all;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:14px;font-size:13px;display:flex}.warn-box{color:oklch(42% .1 86);background:oklch(84% .135 86/.12);border-radius:10px;gap:10px;padding:11px 13px;font-size:12.5px;line-height:1.4;display:flex}.warn-box svg{flex:none;margin-top:1px}.usage-chart{align-items:flex-end;gap:6px;height:90px;display:flex}.usage-chart i{background:var(--haven);opacity:.85;border-radius:3px 3px 0 0;flex:1}