:root{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--brand:#e5203c;--brand-strong:#ff2f4e;--brand-soft:#e5203c24;--cyan:#22d3ee;--cyan-soft:#22d3ee24;--green:#34d399;--green-soft:#34d39924;--amber:#fbbf24;--amber-soft:#fbbf2424;--purple:#a78bfa;--purple-soft:#a78bfa29;--red:#f87171;--red-soft:#f8717124;--radius-sm:8px;--radius:12px;--radius-lg:18px;--shadow:0 20px 60px -20px #0000008c;--ease:cubic-bezier(.2, .7, .2, 1);--sidebar-w:264px}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070b14;--bg-elev:#0b1220;--surface:#0f172a;--surface-2:#131c30;--surface-3:#1a2540;--line:#94a3b824;--line-strong:#94a3b847;--text:#e6edf7;--text-2:#b6c2d6;--muted:#7d8ba3;--code-bg:#060a12;--glow:radial-gradient(60% 50% at 50% 0%, #22d3ee1f, transparent 70%)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fb;--bg-elev:#fff;--surface:#fff;--surface-2:#f2f5fa;--surface-3:#e8edf6;--line:#0f172a1a;--line-strong:#0f172a33;--text:#0b1220;--text-2:#334155;--muted:#64748b;--code-bg:#0b1220;--shadow:0 20px 50px -24px #0f172a40;--brand-soft:#e5203c1a;--cyan:#0891b2;--cyan-soft:#0891b21a;--green:#059669;--green-soft:#0596691a;--amber:#b45309;--amber-soft:#b453091a;--purple:#6d28d9;--purple-soft:#6d28d91a;--red:#dc2626;--red-soft:#dc26261a;--glow:radial-gradient(60% 50% at 50% 0%, #0891b21a, transparent 70%)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02", "cv03", "cv04", "cv11";margin:0;font-size:14px;line-height:1.55}h1,h2,h3,h4{letter-spacing:-.01em;color:var(--text);margin:0;font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:30px}h2{font-size:22px}h3{font-size:16px}h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:13px;font-weight:600}p{margin:0}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}code,pre,.mono{font-family:var(--font-mono);font-size:12.5px}pre{white-space:pre-wrap;word-break:break-word;margin:0}button{font:inherit;color:inherit}img{max-width:100%;display:block}::selection{background:#22d3ee4d}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.eyebrow.brand{color:var(--brand)}.eyebrow.cyan{color:var(--cyan)}.muted{color:var(--muted)}.text-2{color:var(--text-2)}.small{font-size:12px}.lead{color:var(--text-2);font-size:16px;line-height:1.6}.ref{font-family:var(--font-mono);color:var(--text-2);letter-spacing:.02em;font-size:12px}.container{width:min(1200px,100% - 32px);margin-inline:auto}.stack{flex-direction:column;gap:16px;display:flex}.stack-sm{flex-direction:column;gap:8px;display:flex}.row{align-items:center;gap:12px;display:flex}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.grid{gap:16px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.sidebar{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start}.grow{flex:1;min-width:0}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}@media (width<=960px){.grid.three,.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.sidebar{grid-template-columns:1fr}}@media (width<=640px){.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-head h1{margin-top:6px}.page-head p{color:var(--text-2);max-width:720px;margin-top:6px}.page-head .actions{flex-wrap:wrap;gap:8px;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}.panel.tight{padding:14px 16px}.panel.accent{background:linear-gradient(160deg, var(--surface), color-mix(in srgb, var(--surface) 86%, var(--cyan) 14%))}.panel.brand{background:linear-gradient(160deg, var(--surface), color-mix(in srgb, var(--surface) 88%, var(--brand) 12%))}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.panel-head h3{margin-top:2px}.surface-2{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.btn{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);cursor:pointer;transition:transform .15s var(--ease), background .15s, border-color .15s, box-shadow .15s;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-3);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--brand);color:#fff;border-color:#0000;box-shadow:0 8px 24px -10px #e5203cb3}.btn.primary:hover{background:var(--brand-strong)}.btn.cyan{background:var(--cyan);color:#04141a;border-color:#0000}.btn.ghost{background:0 0}.btn.danger{background:var(--red-soft);color:var(--red);border-color:#0000}.btn.sm{border-radius:8px;padding:6px 10px;font-size:12px}.btn.lg{border-radius:12px;padding:12px 20px;font-size:14px}.btn.full{width:100%}.text-btn{color:var(--cyan);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.text-btn:hover{text-decoration:underline}.icon-btn{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;width:36px;height:36px;color:var(--text-2);border-radius:10px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.field{color:var(--text-2);flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;display:flex}.field>span.hint{color:var(--muted);font-size:12px;font-weight:400}.field input,.field select,.field textarea,.input{background:var(--bg-elev);border:1px solid var(--line-strong);width:100%;color:var(--text);font:inherit;border-radius:10px;padding:10px 12px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-soft);outline:none}.field textarea{resize:vertical;min-height:96px;line-height:1.5}.field input[readonly]{color:var(--muted)}.form-grid{gap:14px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=640px){.form-grid.two{grid-template-columns:1fr}}.check{color:var(--text-2);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;font-weight:500;display:flex}.check input{accent-color:var(--brand);flex:none;width:16px;height:16px;margin-top:3px}.switch{flex:none;width:40px;height:22px;position:relative}.switch input{opacity:0;width:0;height:0}.switch i{background:var(--surface-3);border:1px solid var(--line-strong);border-radius:999px;transition:all .2s;position:absolute;inset:0}.switch i:after{content:"";background:var(--muted);border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px}.switch input:checked+i{background:var(--green-soft);border-color:var(--green)}.switch input:checked+i:after{background:var(--green);transform:translate(18px)}.form-error{color:var(--red);font-size:12.5px;font-weight:500}.chip{border:1px solid var(--line);background:var(--surface-2);color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11.5px;font-weight:600;line-height:1.5;display:inline-flex}.chip:before{content:"";opacity:.9;background:currentColor;border-radius:50%;width:6px;height:6px}.chip.nodot:before{display:none}.chip.green{color:var(--green);background:var(--green-soft);border-color:#0000}.chip.cyan{color:var(--cyan);background:var(--cyan-soft);border-color:#0000}.chip.amber{color:var(--amber);background:var(--amber-soft);border-color:#0000}.chip.red{color:var(--red);background:var(--red-soft);border-color:#0000}.chip.brand{color:var(--brand-strong);background:var(--brand-soft);border-color:#0000}.chip.purple{color:var(--purple);background:var(--purple-soft);border-color:#0000}.chip.gray{color:var(--muted)}.sev{letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}.sev.critical{color:#ff4d6d}.sev.high{color:#fb923c}.sev.medium{color:var(--amber)}.sev.low{color:var(--cyan)}.sev.info,.sev.unknown{color:var(--muted)}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 10px;font-size:11px;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 10px}.table tr:last-child td{border-bottom:0}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:var(--surface-2)}.table-wrap{overflow-x:auto}.kv{grid-template-columns:150px 1fr;gap:6px 12px;font-size:13px;display:grid}.kv>span:nth-child(odd){color:var(--muted)}.kv>span:nth-child(2n){color:var(--text);word-break:break-word}.list-item{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.list-item:last-child{border-bottom:0}.list-item strong{font-size:13.5px;display:block}.list-item small{color:var(--muted);font-size:12px}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius);padding:32px;font-size:13px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 20px;position:relative;overflow:hidden}.stat:after{content:"";background:linear-gradient(90deg, var(--cyan), transparent);opacity:.6;height:2px;position:absolute;inset:auto 0 0}.stat.brand:after{background:linear-gradient(90deg, var(--brand), transparent)}.stat.green:after{background:linear-gradient(90deg, var(--green), transparent)}.stat.amber:after{background:linear-gradient(90deg, var(--amber), transparent)}.stat .label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11.5px;font-weight:600}.stat .value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:30px;font-weight:800}.stat .sub{color:var(--muted);margin-top:4px;font-size:12px}.timeline{flex-direction:column;display:flex}.tl{grid-template-columns:22px 1fr;gap:12px;padding-bottom:18px;display:grid;position:relative}.tl:before{content:"";background:var(--line-strong);width:1px;position:absolute;top:16px;bottom:-2px;left:7px}.tl:last-child:before{display:none}.tl .dot{border:2px solid var(--line-strong);background:var(--surface);border-radius:50%;width:15px;height:15px;margin-top:3px}.tl.done .dot{background:var(--green);border-color:var(--green)}.tl.auth .dot{background:var(--cyan);border-color:var(--cyan)}.tl.warn .dot{background:var(--amber);border-color:var(--amber)}.tl.internal .dot{background:var(--purple);border-color:var(--purple)}.tl .title{font-size:13px;font-weight:600}.tl .meta{color:var(--muted);font-size:11.5px;font-family:var(--font-mono);margin-top:2px}.tl .desc{color:var(--text-2);margin-top:4px;font-size:12.5px}.notice{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);color:var(--text-2);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;display:flex}.notice.warn{border-color:color-mix(in srgb, var(--amber) 40%, transparent);background:var(--amber-soft);color:var(--text)}.notice.danger{border-color:color-mix(in srgb, var(--red) 40%, transparent);background:var(--red-soft);color:var(--text)}.notice.ok{border-color:color-mix(in srgb, var(--green) 40%, transparent);background:var(--green-soft);color:var(--text)}.notice.info{border-color:color-mix(in srgb, var(--cyan) 40%, transparent);background:var(--cyan-soft);color:var(--text)}.notice strong{margin-bottom:2px;display:block}.code-out{background:var(--code-bg);color:#d9e8ff;border-radius:var(--radius);min-height:240px;font-family:var(--font-mono);white-space:pre-wrap;border:1px solid var(--line);padding:16px;font-size:12.5px;line-height:1.65;overflow:auto}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none}.tab:hover{color:var(--text);text-decoration:none}.tab.active,.tab.router-link-active{color:var(--text);border-bottom-color:var(--brand)}.steps{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.step{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.step i{background:var(--surface-3);width:24px;height:24px;color:var(--text-2);border-radius:50%;place-items:center;font-size:12px;font-style:normal;display:grid}.step.active{color:var(--text);border-color:var(--brand)}.step.active i{background:var(--brand);color:#fff}.step.done{color:var(--green)}.step.done i{background:var(--green-soft);color:var(--green)}.toast-host{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--surface-3);color:var(--text);border:1px solid var(--line-strong);box-shadow:var(--shadow);max-width:360px;animation:toast-in .25s var(--ease);border-radius:12px;padding:12px 16px;font-size:13px;font-weight:500}.toast.error{border-color:color-mix(in srgb, var(--red) 50%, transparent)}.toast.success{border-color:color-mix(in srgb, var(--green) 50%, transparent)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:150;background:#02060eb3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:min(560px,100%);max-height:90vh;box-shadow:var(--shadow);animation:toast-in .2s var(--ease);padding:22px;overflow:auto}.modal.wide{width:min(820px,100%)}.modal-foot{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.skeleton{background:linear-gradient(90deg, var(--surface-2), var(--surface-3), var(--surface-2));background-size:200% 100%;border-radius:8px;min-height:14px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.spinner{border:2px solid var(--line-strong);border-top-color:var(--cyan);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width<=720px){.check-grid{grid-template-columns:1fr}}.check-item{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 14px;display:grid}.check-item .name{font-size:13px;font-weight:600}.check-item .val{font-family:var(--font-mono);color:var(--text-2);word-break:break-all;grid-column:1/-1;font-size:11.5px}.check-item .hint{color:var(--muted);grid-column:1/-1;font-size:12px}.score{border:3px solid var(--line-strong);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:64px;height:64px;font-size:20px;font-weight:800;display:inline-grid}.score.good{border-color:var(--green);color:var(--green)}.score.mid{border-color:var(--amber);color:var(--amber)}.score.bad{border-color:var(--red);color:var(--red)}.divider{background:var(--line);height:1px;margin:16px 0}.pill-nav{flex-wrap:wrap;gap:8px;display:flex}.pill-nav a,.pill-nav button{border:1px solid var(--line);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:12.5px;font-weight:600}.pill-nav a:hover,.pill-nav button:hover{border-color:var(--line-strong);color:var(--text);text-decoration:none}.pill-nav .active{border-color:var(--brand);color:var(--text)}.avatar{background:linear-gradient(135deg, var(--brand), #7c1d2b);color:#fff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.avatar.cyan{background:linear-gradient(135deg, var(--cyan), #0e7490);color:#04141a}.avatar.purple{background:linear-gradient(135deg, var(--purple), #4c1d95)}.dropzone{border:1px dashed var(--line-strong);border-radius:var(--radius);text-align:center;color:var(--muted);cursor:pointer;padding:22px;font-size:13px;transition:all .15s}.dropzone:hover,.dropzone.over{border-color:var(--cyan);background:var(--cyan-soft);color:var(--text)}.msg{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr;gap:12px;padding:12px 0;display:grid}.msg:last-child{border-bottom:0}.msg .who{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.msg .when{color:var(--muted);font-size:11.5px;font-family:var(--font-mono)}.msg .body{color:var(--text-2);white-space:pre-wrap;margin-top:4px;font-size:13.5px}.msg.internal .body{border-left:2px solid var(--purple);padding-left:10px}.fade-enter-active,.fade-leave-active{transition:opacity .15s}.fade-enter-from,.fade-leave-to{opacity:0}