:root{--bg: #f2f2f7;--bg-rgb: 242 242 247;--panel: rgba(255, 255, 255, .72);--panel-solid: #ffffff;--card: #ffffff;--card-2: #f2f2f7;--line: rgba(60, 60, 67, .29);--line-strong: rgba(60, 60, 67, .45);--text: #000000;--text-rgb: 0 0 0;--act: #007aff;--act-rgb: 0 122 255;--act-ink: #ffffff;--ok: #34c759;--ok-rgb: 52 199 89;--warn: #ff9500;--warn-rgb: 255 149 0;--danger: #ff3b30;--danger-rgb: 255 59 48;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, monospace;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 6px 16px -10px rgba(0, 0, 0, .12);--shadow-card-hover: 0 2px 6px rgba(0, 0, 0, .06), 0 14px 30px -14px rgba(0, 0, 0, .16);--shadow-lift: 0 12px 28px -14px rgb(var(--act-rgb) / .28);--blur: blur(20px) saturate(180%);color-scheme:light}:root[data-theme=dark]{--bg: #000000;--bg-rgb: 0 0 0;--panel: rgba(28, 28, 30, .72);--panel-solid: #1c1c1e;--card: #1c1c1e;--card-2: #2c2c2e;--line: rgba(84, 84, 88, .65);--line-strong: rgba(84, 84, 88, .85);--text: #ffffff;--text-rgb: 255 255 255;--act: #0a84ff;--act-rgb: 10 132 255;--act-ink: #ffffff;--ok: #30d158;--ok-rgb: 48 209 88;--warn: #ff9f0a;--warn-rgb: 255 159 10;--danger: #ff453a;--danger-rgb: 255 69 58;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 22px -14px rgba(0, 0, 0, .7);--shadow-card-hover: 0 3px 8px rgba(0, 0, 0, .45), 0 18px 38px -16px rgba(0, 0, 0, .8);--shadow-lift: 0 16px 34px -14px rgb(var(--act-rgb) / .35);color-scheme:dark}:root{--soft: rgb(var(--text-rgb) / .6);--ok-bg: rgb(var(--ok-rgb) / .15);--warn-bg: rgb(var(--warn-rgb) / .15);--danger-bg: rgb(var(--danger-rgb) / .15)}@media (prefers-reduced-transparency: reduce){:root,:root[data-theme=dark]{--panel: var(--panel-solid);--blur: none}}*{box-sizing:border-box}body{margin:0;color:var(--text);font:400 15px/1.47 var(--font-body);-webkit-font-smoothing:antialiased;background:radial-gradient(1000px 480px at 10% -10%,rgb(var(--act-rgb) / .08),transparent 60%),radial-gradient(800px 420px at 100% 0%,rgb(var(--act-rgb) / .05),transparent 55%),var(--bg);background-attachment:fixed;transition:background-color .25s ease,color .25s ease}h1,.stat strong{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}h1 span,.sidebar-brand span{color:var(--act)}input,select{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:11px 13px;font:inherit;color:var(--text);width:100%;transition:border-color .15s ease,box-shadow .15s ease}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%238e8e93' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:34px;cursor:pointer}input:focus,select:focus,button:focus-visible{outline:none;border-color:var(--act);box-shadow:0 0 0 3.5px rgb(var(--act-rgb) / .25)}button{font:inherit;cursor:pointer}a{color:var(--act);text-decoration:none;font-weight:500}a:hover{text-decoration:underline}main{animation:fade-in .2s cubic-bezier(.2,.7,.3,1)}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){main{animation:none}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--soft)}.mono,code,.desc{font-family:var(--font-mono);font-size:.9em;letter-spacing:0}.desc{color:var(--soft);font-style:normal}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:10px;width:38px;height:38px;font-size:16px;color:var(--soft);flex-shrink:0;transition:border-color .15s ease,color .15s ease,transform .1s ease-out}.theme-toggle:hover{border-color:var(--act);color:var(--act)}.theme-toggle:active{transform:scale(.92)}.skel-page{display:flex;flex-direction:column;gap:14px}.skel-row{display:flex;gap:14px}.skel{border-radius:10px;background:linear-gradient(100deg,var(--card) 30%,var(--line) 50%,var(--card) 70%);background-size:240% 100%;animation:skel-shimmer 1.4s ease-in-out infinite}.skel-title{width:220px;height:26px;border-radius:7px}.skel-card{flex:1;height:84px}.skel-line{height:52px}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-40% 0}}@media (prefers-reduced-motion: reduce){.skel{animation:none;background:var(--card)}}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-content:center;justify-items:center;background:var(--bg);animation:splash-out .4s ease 1.05s forwards}.splash-word{font-family:var(--font-display);font-size:clamp(36px,8vw,52px);font-weight:700;letter-spacing:-.02em;display:flex;color:var(--text)}.splash-word span{display:inline-block;opacity:0;transform:translateY(18px);animation:letter-in .5s cubic-bezier(.22,.85,.32,1) forwards}.splash-bar{width:56px;height:3px;background:var(--act);margin-top:14px;border-radius:999px;transform:scaleX(0);transform-origin:left;animation:bar-in .45s ease .5s forwards}@keyframes letter-in{to{opacity:1;transform:none}}@keyframes bar-in{to{transform:scaleX(1)}}@keyframes splash-out{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion: reduce){.splash{animation:none;display:none}}.login-split{min-height:100dvh;display:flex;align-items:stretch;position:relative}.login-hero{flex:1.1;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:48px clamp(28px,6vw,88px);background:radial-gradient(680px 400px at 85% -10%,rgb(var(--act-rgb) / .18),transparent 60%),linear-gradient(200deg,var(--card),var(--bg) 70%);color:var(--text)}.login-hero-brand{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;font-size:clamp(40px,5.5vw,60px);color:var(--text)}.login-hero-brand span{color:var(--act)}.login-hero-brand:after{content:"";display:block;width:64px;height:4px;margin-top:14px;border-radius:999px;background:var(--act)}.login-hero-tag{margin:0;font-size:clamp(16px,1.8vw,20px);color:var(--soft);max-width:440px;letter-spacing:-.005em}.login-form-side{flex:1;display:grid;place-content:center;padding:40px 24px}.login-card{width:min(360px,88vw);display:grid;gap:12px;background:var(--panel);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid rgb(var(--text-rgb) / .08);border-radius:20px;padding:30px 28px;box-shadow:var(--shadow-card-hover)}.login-card h1{margin:0;font-size:24px;letter-spacing:-.02em}.login-card .quiet{margin:-6px 0 6px;font-size:14px}.login-theme-toggle{position:absolute;top:20px;right:20px}.forgot-box{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:2px}@media (max-width: 780px){.login-split{flex-direction:column}.login-hero{flex:none;padding:36px 24px 30px;gap:12px}.login-form-side{padding:28px 16px 48px}}.err{color:var(--danger)}.okmsg{color:var(--ok);background:var(--ok-bg);border-radius:10px;padding:9px 12px}.primary{background:var(--act);color:var(--act-ink);border:none;border-radius:10px;padding:11px 18px;font-weight:600;letter-spacing:-.005em;transition:opacity .15s ease,transform .1s ease-out}.primary:active{transform:scale(.97);opacity:.88}.ghost{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 14px;color:var(--text);transition:border-color .15s ease,color .15s ease,transform .1s ease-out}.ghost:active{transform:scale(.97)}.linklike{background:none;border:none;color:var(--act);font:inherit;font-weight:500;cursor:pointer;padding:0}.panel-sidebar{display:flex;align-items:stretch;min-height:100dvh}.sidebar{width:258px;flex-shrink:0;display:flex;flex-direction:column;padding:22px 14px;gap:22px;background:var(--panel);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-right:1px solid var(--line);position:sticky;top:0;height:100dvh;overflow-y:auto;z-index:6}.sidebar-brand{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--text);padding:2px 12px}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar nav button{display:flex;align-items:center;gap:12px;text-align:left;background:none;border:none;border-radius:10px;padding:9px 12px;color:var(--soft);font-weight:500;font-size:14px;cursor:pointer;transition:background .15s ease,color .15s ease,transform .1s ease-out}.sidebar nav button:hover{background:rgb(var(--text-rgb) / .06);color:var(--text)}.sidebar nav button:active{transform:scale(.98)}.sidebar nav button.on{background:rgb(var(--act-rgb) / .15);color:var(--act);font-weight:600}.nav-icon{width:18px;height:18px;flex-shrink:0;opacity:.92}.sidebar-foot{border-top:1px solid var(--line);padding-top:14px;display:flex;gap:8px}.sidebar-foot .ghost{flex:1;background:rgb(var(--text-rgb) / .04);border-color:var(--line);color:rgb(var(--text-rgb) / .85)}.sidebar-foot .ghost:hover{border-color:var(--act);color:var(--act)}.panel-main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{padding:24px 36px 18px;position:sticky;top:0;z-index:4;background:var(--panel);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--line)}.topbar h2{margin:0 0 3px;font-size:24px;font-family:var(--font-display);letter-spacing:-.02em}.topbar p{margin:0;color:var(--soft);font-size:14px;max-width:640px}main{max-width:1180px;margin:0 auto;padding:24px 36px 56px;width:100%}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:18px}.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:6px;min-width:0}.stat span{color:var(--soft);font-size:12px;font-weight:590;text-transform:uppercase;letter-spacing:.03em}.stat strong{font-size:25px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.stat.big{background:linear-gradient(155deg,var(--card),var(--card-2));box-shadow:var(--shadow-lift)}.stat.big span{color:var(--soft)}.stat.big strong{font-size:32px;color:var(--act)}.stat.warn{border-color:rgb(var(--warn-rgb) / .5)}.stat.warn strong{color:var(--warn)}.stat.live span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ok);margin-right:7px;vertical-align:middle;box-shadow:0 0 0 3px var(--ok-bg);animation:led-pulse 1.8s ease-in-out infinite}.stat.live.warn span:before{background:var(--warn);box-shadow:0 0 0 3px var(--warn-bg)}@keyframes led-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.stat.live span:before{animation:none}}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:9px;animation:card-in .35s cubic-bezier(.2,.9,.25,1) backwards}@keyframes card-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.card{animation:none}}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:12px}.cards>.card:nth-child(1){animation-delay:0ms}.cards>.card:nth-child(2){animation-delay:35ms}.cards>.card:nth-child(3){animation-delay:70ms}.cards>.card:nth-child(4){animation-delay:105ms}.cards>.card:nth-child(5){animation-delay:.14s}.cards>.card:nth-child(6){animation-delay:175ms}.cards>.card:nth-child(n+7){animation-delay:.21s}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:16px;font-weight:600;letter-spacing:-.01em}.method-line{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.method-line:last-child{border-bottom:none}.row{display:flex;align-items:center}.pill{border:1px solid transparent;border-radius:999px;padding:5px 11px 5px 9px;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;background:var(--card-2);color:var(--soft);transition:transform .1s ease-out,filter .15s ease}.pill:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px}.pill.ok{background:var(--ok-bg);border-color:rgb(var(--ok-rgb) / .3);color:var(--ok)}.pill.warn{background:var(--warn-bg);border-color:rgb(var(--warn-rgb) / .3);color:var(--warn)}.quiet{color:var(--soft)}.field{display:grid;gap:5px;font-weight:590;font-size:12.5px;color:var(--soft)}.feature-picker{display:flex;flex-direction:column;gap:1px;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:2px}.feature-picker-label{padding:8px 12px;font-size:11.5px;font-weight:590;text-transform:uppercase;letter-spacing:.04em;color:var(--soft);background:var(--card-2)}.feature-row{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:400;background:var(--card);color:var(--text);cursor:pointer;transition:background .12s ease}.feature-row:hover{background:rgb(var(--act-rgb) / .07)}.feature-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--act);flex-shrink:0;cursor:pointer}.card,.stat{box-shadow:var(--shadow-card);transition:box-shadow .2s ease,transform .2s cubic-bezier(.2,.9,.25,1),border-color .2s ease,background-color .25s ease}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px);border-color:var(--line-strong)}button.pill:hover{filter:brightness(1.08)}button.pill:active{transform:scale(.95)}@media (max-width: 720px){.panel-sidebar{flex-direction:column;min-height:0}.sidebar{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px 14px;gap:8px 12px;border-right:none;border-bottom:1px solid var(--line)}.sidebar-brand{padding:0;font-size:17px}.sidebar nav{flex-direction:row;flex-wrap:wrap;flex-basis:100%;gap:4px}.sidebar nav button{padding:7px 11px;font-size:13.5px}.sidebar-foot{flex-basis:100%;border-top:none;padding-top:0}.topbar{padding:18px 16px 14px}.topbar h2{font-size:20px}main{padding:16px 16px 40px}.stats{grid-template-columns:repeat(2,1fr)}}