:root{color:#eef7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#03070c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#00adff29,#0000 28%),radial-gradient(circle at 90% 12%,#12ffa11f,#0000 24%),linear-gradient(#07111f 0%,#03070c 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.6;cursor:wait}input{color:#e9f7ff;background:#040e18c7;border:1px solid #6ab1ff29;border-radius:14px;outline:none;width:100%;padding:13px 14px}input:focus{border-color:#2aadffbf;box-shadow:0 0 0 3px #2aadff1f}.app-shell{max-width:520px;min-height:100vh;margin:0 auto;padding:18px 14px 96px;position:relative;overflow:hidden}.bg-grid{opacity:.28;pointer-events:none;background-image:linear-gradient(#439fff14 1px,#0000 1px),linear-gradient(90deg,#439fff14 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 0,#000,#0000 72%);mask-image:radial-gradient(circle at 50% 0,#000,#0000 72%)}.glass{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#0c1928d1,#050c15c7);border:1px solid #78b9ff24;box-shadow:0 18px 60px #00000042,inset 0 1px #ffffff0a}.topbar{z-index:10;justify-content:space-between;align-items:center;padding:8px 2px 14px;display:flex;position:sticky;top:0}.brand{letter-spacing:.9px;font-size:22px;font-weight:900}.subbrand{color:#77a6c8;margin-top:2px;font-size:12px}.top-actions{align-items:center;gap:8px;display:flex}.role{color:#65d9ff;background:#031523b3;border:1px solid #65d9ff38;border-radius:999px;padding:7px 10px;font-size:12px}.icon-btn{color:#dff6ff;background:#04121fd9;border:1px solid #5fb1ff38;border-radius:14px;place-items:center;width:38px;height:38px;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page{gap:14px;display:grid}.hero{border-radius:26px;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(circle,#00ccff42,#0000 66%);width:190px;height:190px;position:absolute;top:-80px;right:-90px}.hero-kicker{text-transform:uppercase;letter-spacing:2px;color:#32c8ff;margin-bottom:8px;font-size:11px}.hero h1{margin:0;font-size:24px;line-height:1.08}.hero p{color:#9fb8cb;margin:10px 0 0;line-height:1.4}.dog-mark{z-index:1;color:#60d8ff;background:radial-gradient(circle at 30% 20%,#5de2ff33,#061320e6);border:1px solid #5de2ff2e;border-radius:24px;place-items:center;width:86px;height:86px;display:grid}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.metric{background:#07111cbd;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:12px;padding:14px;display:flex}.metric.green{box-shadow:inset 0 -2px #2eff8e47}.metric.blue{box-shadow:inset 0 -2px #40bdff47}.metric.orange{box-shadow:inset 0 -2px #ff7a4047}.metric.purple{box-shadow:inset 0 -2px #ae62ff47}.metric.red{box-shadow:inset 0 -2px #ff444459}.metric-icon{background:#ffffff0f;border-radius:14px;place-items:center;width:36px;height:36px;display:grid}.metric-label{color:#8aa8bd;font-size:12px}.metric-value{margin-top:2px;font-size:20px;font-weight:800}.card{border-radius:22px;padding:15px}.card-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-title{align-items:center;gap:8px;font-weight:750;display:flex}.pill{border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:12px;display:inline-flex}.pill.ok{color:#53ffa1;background:#10a65d1f}.pill.warn{color:#ffb45d;background:#ff911e1f}.output{color:#d6f4ff;white-space:pre-wrap;word-break:break-word;background:#00050a9e;border:1px solid #5baaff1f;border-radius:15px;width:100%;max-height:360px;margin:0;padding:12px;font-size:11.5px;line-height:1.48;overflow:auto}.output.muted{color:#6d8798}.form-grid{gap:10px;display:grid}.form-grid.two{grid-template-columns:1fr auto}.form-grid button,.segmented button{color:#eaf8ff;background:linear-gradient(#126db1f2,#083d6af2);border:1px solid #55bfff38;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 14px;font-weight:700;display:inline-flex}.form-grid button.danger{background:linear-gradient(#b13939f2,#651818f2);border-color:#ff767640}.segmented{background:#00000040;border-radius:15px;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:10px;padding:4px;display:grid}.segmented button{color:#87a6ba;background:0 0;min-height:38px}.segmented button.active{color:#eaf8ff;background:#1b81cb73}.error{color:#ffb8b8;white-space:pre-wrap;border-radius:18px;margin-bottom:14px;padding:12px}.tiny{color:#7fb3cf;font-size:12px}.muted-text{color:#94adc0;margin-top:0}.terminal-box{background:#02070b;border:1px solid #56afff21;border-radius:18px;margin-bottom:12px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.prompt{color:#d8f5ff;margin-bottom:7px}.prompt.green{color:#4dff94}.bottom-nav{z-index:20;border-radius:22px;grid-template-columns:repeat(5,1fr);gap:4px;width:min(492px,100vw - 24px);padding:7px;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.bottom-nav button{color:#7898ad;background:0 0;border-radius:16px;place-items:center;gap:3px;min-height:50px;font-size:11px;display:grid}.bottom-nav button.active{color:#5ed6ff;background:#299be729}@media (width<=390px){.metrics-grid,.form-grid.two{grid-template-columns:1fr}.brand{font-size:19px}.hero{align-items:flex-start}.dog-mark{width:64px;height:64px}}.checkbox-row{color:#ffcf9e;cursor:pointer;background:#ff911e0f;border:1px solid #ff911e2e;border-radius:14px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:12.5px;line-height:1.4;display:flex}.checkbox-row input[type=checkbox]{accent-color:#ff8a3d;flex:none;width:18px;height:18px;margin-top:1px}.hash-row{color:#8effc0;background:#10a65d1a;border:1px solid #53ffa138;border-radius:14px;padding:9px 12px;font-size:12.5px}.hash-row code{color:#d9ffe9;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tiny-btn{color:#9fd8ff;background:#1b81cb33;border:1px solid #55bfff38;border-radius:999px;padding:6px 11px;font-size:12px}.form-grid button:disabled{opacity:.45;cursor:not-allowed}.checkbox-row.safe{color:#b9f8d3;background:#10a65d14;border-color:#53ffa12e}.checkbox-row.safe input[type=checkbox]{accent-color:#24d27b}