:root,:host{--sp-font: "Inter", "Segoe UI", Roboto, system-ui, sans-serif;--sp-font-yt: Roboto, "Segoe UI", system-ui, sans-serif;--sp-font-mono: "Cascadia Code", Consolas, monospace;--sp-fs-xs: 11px;--sp-fs-sm: 12.5px;--sp-fs-md: 14px;--sp-fs-lg: 16px;--sp-fs-xl: 22px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-r-sm: 6px;--sp-r-md: 10px;--sp-r-lg: 14px;--sp-r-pill: 999px;--sp-accent: #06B6D4;--sp-accent-strong: #0891B2;--sp-flow: linear-gradient(90deg, #22D3EE 0%, #06B6D4 55%, #0EA5E9 100%);--sp-ok: #10B981;--sp-warn: #F59E0B;--sp-err: #EF4444;--sp-shadow: 0 4px 24px rgba(0,0,0,.28);--sp-ease: cubic-bezier(.2,.8,.2,1);--sp-t-fast: .12s;--sp-t-med: .24s;--sp-bg: #0F1418;--sp-surface: #161C22;--sp-surface-2: #1D242C;--sp-border: rgba(255,255,255,.08);--sp-text: #E8EDF2;--sp-text-dim: #94A3B8;--sp-accent-fg: #0A0F12;--sp-chip: rgba(34,211,238,.12)}[data-theme=dark],:host([data-theme="dark"]){--sp-bg: #0F1418;--sp-surface: #161C22;--sp-surface-2: #1D242C;--sp-border: rgba(255,255,255,.08);--sp-text: #E8EDF2;--sp-text-dim: #94A3B8;--sp-accent-fg: #0A0F12;--sp-chip: rgba(34,211,238,.12)}[data-theme=light],:host([data-theme="light"]){--sp-bg: #F7FAFC;--sp-surface: #FFFFFF;--sp-surface-2: #EEF3F7;--sp-border: rgba(15,23,42,.1);--sp-text: #0F172A;--sp-text-dim: #64748B;--sp-accent-fg: #FFFFFF;--sp-chip: rgba(8,145,178,.1)}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:inherit;font-size:var(--sp-fs-md);font-weight:600;padding:10px var(--sp-4);border:0;border-radius:var(--sp-r-md);cursor:pointer;text-decoration:none;white-space:nowrap;transition:filter var(--sp-t-fast) var(--sp-ease),transform var(--sp-t-fast) var(--sp-ease),background var(--sp-t-fast) var(--sp-ease)}.sp-btn:active{transform:scale(.98)}.sp-btn:focus-visible{outline:2px solid var(--sp-accent);outline-offset:2px}.sp-btn:disabled{opacity:.5;cursor:default;pointer-events:none}.sp-btn-primary{background:var(--sp-flow);color:var(--sp-accent-fg)}.sp-btn-primary:hover{filter:brightness(1.08)}.sp-btn-secondary{background:var(--sp-surface-2);color:var(--sp-text);border:1px solid var(--sp-border)}.sp-btn-secondary:hover{filter:brightness(1.06)}.sp-smart{flex-direction:column;align-items:flex-start;gap:2px;flex:1 1 0;min-width:0;padding:var(--sp-3) var(--sp-4);text-align:left}.sp-smart small{font-size:var(--sp-fs-xs);font-weight:400;opacity:.8;font-family:var(--sp-font-mono);max-width:100%;overflow:hidden;text-overflow:ellipsis}.sp-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--sp-r-sm);font-size:var(--sp-fs-sm);color:var(--sp-text);transition:background var(--sp-t-fast) var(--sp-ease)}.sp-row:hover{background:var(--sp-surface-2)}.sp-row-main{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-row-size{color:var(--sp-text-dim);font-family:var(--sp-font-mono);font-size:var(--sp-fs-xs)}.sp-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 auto;border:0;border-radius:var(--sp-r-sm);cursor:pointer;background:var(--sp-chip);color:var(--sp-accent);transition:filter var(--sp-t-fast) var(--sp-ease),transform var(--sp-t-fast) var(--sp-ease)}.sp-icon-btn:hover{filter:brightness(1.15)}.sp-icon-btn:active{transform:scale(.94)}.sp-icon-btn:focus-visible{outline:2px solid var(--sp-accent);outline-offset:2px}.sp-icon-btn svg{width:15px;height:15px}.sp-badge{display:inline-flex;align-items:center;font-family:var(--sp-font-mono);font-size:var(--sp-fs-xs);padding:2px var(--sp-2);border-radius:var(--sp-r-sm);background:var(--sp-chip);color:var(--sp-accent-strong);flex:0 0 auto}[data-theme=dark] .sp-badge,:host([data-theme="dark"]) .sp-badge{color:#22d3ee}.sp-badge-warn{background:#f59e0b24;color:var(--sp-warn)}.sp-format-switch{display:flex;flex-wrap:wrap;gap:2px;padding:2px;margin-bottom:var(--sp-2);background:var(--sp-surface-2);border-radius:var(--sp-r-pill);align-self:flex-start}.sp-format-btn{border:0;background:none;cursor:pointer;font-family:inherit;font-size:var(--sp-fs-xs);font-weight:600;color:var(--sp-text-dim);padding:var(--sp-1) var(--sp-3);border-radius:var(--sp-r-pill);transition:background var(--sp-t-fast) var(--sp-ease),color var(--sp-t-fast) var(--sp-ease)}.sp-format-btn.active{background:var(--sp-surface);color:var(--sp-text);box-shadow:var(--sp-shadow)}.sp-format-btn:focus-visible{outline:2px solid var(--sp-accent);outline-offset:2px}.sp-progress{height:6px;border-radius:var(--sp-r-pill);background:var(--sp-surface-2);overflow:hidden}.sp-progress-fill{height:100%;width:0;border-radius:var(--sp-r-pill);background:var(--sp-flow);background-size:200% 100%;animation:sp-flow 2.4s linear infinite;transition:width var(--sp-t-med) var(--sp-ease)}.sp-progress.indeterminate .sp-progress-fill{width:100%;animation:sp-flow 2.4s linear infinite,sp-pulse 1.2s ease-in-out infinite alternate}@keyframes sp-flow{0%{background-position:200% 0}to{background-position:0% 0}}@keyframes sp-pulse{0%{opacity:.35}to{opacity:.9}}.sp-skeleton{border-radius:var(--sp-r-sm);background:linear-gradient(90deg,var(--sp-surface-2) 25%,var(--sp-border) 50%,var(--sp-surface-2) 75%);background-size:200% 100%;animation:sp-shimmer 1.4s linear infinite}@keyframes sp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sp-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--sp-t-med) var(--sp-ease)}.sp-collapse>*{overflow:hidden;min-height:0}.sp-collapse.open{grid-template-rows:1fr}.sp-section-head{display:flex;align-items:center;gap:var(--sp-2);width:100%;background:none;border:0;cursor:pointer;padding:var(--sp-2) var(--sp-3);font-family:inherit;font-size:var(--sp-fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sp-text-dim)}.sp-section-head:focus-visible{outline:2px solid var(--sp-accent);outline-offset:2px;border-radius:var(--sp-r-sm)}.sp-section-head:after{content:"";width:7px;height:7px;margin-left:auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform var(--sp-t-med) var(--sp-ease)}.sp-section-head.open:after{transform:rotate(225deg)}.sp-variants{display:flex;flex-direction:column;gap:var(--sp-3)}.sp-probe-head{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.sp-thumb{width:84px;height:48px;flex:0 0 auto;object-fit:cover;border-radius:var(--sp-r-sm);background:var(--sp-surface-2)}.sp-probe-meta{min-width:0}.sp-probe-title{font-size:var(--sp-fs-md);font-weight:600;color:var(--sp-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-probe-sub{font-size:var(--sp-fs-sm);color:var(--sp-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-smart-row{display:flex;gap:var(--sp-3);flex-wrap:wrap}.sp-section-body{display:flex;flex-direction:column;gap:2px;padding:0 0 var(--sp-1)}.sp-error-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--sp-r-md);background:#ef444414;border:1px solid rgba(239,68,68,.25);color:var(--sp-text);font-size:var(--sp-fs-md)}.sp-error-card strong{color:var(--sp-err)}.sp-warn-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--sp-r-md);background:#f59e0b14;border:1px solid rgba(245,158,11,.25);color:var(--sp-text);font-size:var(--sp-fs-md)}.sp-warn-card strong{color:var(--sp-warn)}.sp-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;justify-content:center}.sp-flow-progress{display:flex;flex-direction:column;gap:var(--sp-3)}.sp-flow-meta{display:flex;justify-content:space-between;gap:var(--sp-3);font-size:var(--sp-fs-sm);color:var(--sp-text-dim)}.sp-flow-meta span:last-child{font-family:var(--sp-font-mono);font-size:var(--sp-fs-xs)}.sp-flow-file{font-family:var(--sp-font-mono);font-size:var(--sp-fs-xs);color:var(--sp-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.sp-done{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center}.sp-check{width:52px;height:52px}.sp-check circle{fill:none;stroke:var(--sp-ok);stroke-width:2;stroke-dasharray:151;stroke-dashoffset:151;animation:sp-draw .5s var(--sp-ease) forwards}.sp-check path{fill:none;stroke:var(--sp-ok);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:36;stroke-dashoffset:36;animation:sp-draw .35s var(--sp-ease) .3s forwards}@keyframes sp-draw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.sp-progress-fill,.sp-skeleton,.sp-check circle,.sp-check path{animation:none}.sp-check circle,.sp-check path{stroke-dashoffset:0}.sp-btn,.sp-row,.sp-collapse,.sp-icon-btn,.sp-section-head:after{transition:none}}.panel{margin-bottom:var(--sp-5);padding:var(--sp-5);background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-r-lg)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-3)}.panel-head h2{margin:0;font-size:var(--sp-fs-lg);font-weight:700}.panel-hint{margin:0 0 var(--sp-4);font-size:var(--sp-fs-sm);color:var(--sp-text-dim);line-height:1.6}.sp-input{font-family:inherit;font-size:var(--sp-fs-md);color:var(--sp-text);padding:10px var(--sp-3);border-radius:var(--sp-r-md);width:100%;background:var(--sp-bg);border:1px solid var(--sp-border);transition:border-color var(--sp-t-fast) var(--sp-ease)}.sp-input:focus{outline:none;border-color:var(--sp-accent)}.sp-input::placeholder{color:var(--sp-text-dim)}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:var(--sp-font);font-size:var(--sp-fs-md);background:var(--sp-bg);color:var(--sp-text);transition:background var(--sp-t-med) var(--sp-ease),color var(--sp-t-med) var(--sp-ease)}sp-root{display:flex;flex-direction:column;flex:1}.hidden{display:none}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);background:color-mix(in srgb,var(--sp-bg) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--sp-border)}.brand{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--sp-fs-lg);font-weight:700;letter-spacing:-.01em;color:var(--sp-text);text-decoration:none}.site-nav{display:flex;align-items:center;gap:var(--sp-1);margin-right:auto}.site-nav a,.site-nav button{font-family:inherit;font-size:var(--sp-fs-sm);font-weight:600;color:var(--sp-text-dim);text-decoration:none;padding:var(--sp-1) var(--sp-3);border:0;border-radius:var(--sp-r-pill);background:none;cursor:pointer;transition:background var(--sp-t-fast) var(--sp-ease),color var(--sp-t-fast) var(--sp-ease)}.site-nav a:hover,.site-nav a.active,.site-nav button:hover{color:var(--sp-text);background:var(--sp-surface-2)}.site-nav a:focus-visible,.site-nav button:focus-visible{outline:2px solid var(--sp-accent);outline-offset:2px}.header-actions{display:flex;align-items:center;gap:var(--sp-3)}.header-sep{width:1px;height:20px;background:var(--sp-border)}.btn-signin,.btn-signup{font-size:var(--sp-fs-sm);font-weight:600;text-decoration:none;padding:var(--sp-2) var(--sp-4);border-radius:var(--sp-r-pill);transition:background var(--sp-t-fast) var(--sp-ease),color var(--sp-t-fast) var(--sp-ease)}.btn-signin{color:var(--sp-text-dim)}.btn-signin:hover{color:var(--sp-text);background:var(--sp-surface-2)}.btn-signup{color:var(--sp-accent-fg);background:var(--sp-accent)}.btn-signup:hover{filter:brightness(1.08)}.btn-signin:focus-visible,.btn-signup:focus-visible{outline:2px solid var(--sp-accent);outline-offset:2px}.account{position:relative}.account-btn{display:inline-flex;align-items:center;gap:var(--sp-1);padding:3px var(--sp-2) 3px 3px;border:1px solid var(--sp-border);border-radius:var(--sp-r-pill);background:var(--sp-surface);color:var(--sp-text-dim);cursor:pointer}.account-btn:hover{color:var(--sp-text)}.account-btn:focus-visible{outline:2px solid var(--sp-accent);outline-offset:2px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--sp-r-pill);background:var(--sp-accent);color:var(--sp-accent-fg);font-size:var(--sp-fs-xs);font-weight:700}.account-menu{display:none;position:absolute;top:calc(100% + var(--sp-2));right:0;z-index:40;min-width:200px;flex-direction:column;gap:2px;padding:var(--sp-2);background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-r-md);box-shadow:var(--sp-shadow)}.account.open .account-menu{display:flex}.account-email{padding:var(--sp-1) var(--sp-3) var(--sp-2);font-size:var(--sp-fs-xs);color:var(--sp-text-dim);border-bottom:1px solid var(--sp-border);margin-bottom:var(--sp-1);overflow:hidden;text-overflow:ellipsis}.account-menu a,.account-menu button{font-family:inherit;font-size:var(--sp-fs-sm);font-weight:600;text-align:left;color:var(--sp-text-dim);text-decoration:none;cursor:pointer;padding:var(--sp-2) var(--sp-3);border:0;border-radius:var(--sp-r-sm);background:none;transition:background var(--sp-t-fast) var(--sp-ease),color var(--sp-t-fast) var(--sp-ease)}.account-menu a:hover,.account-menu a.active,.account-menu button:hover{color:var(--sp-text);background:var(--sp-surface-2)}.lang-switch{display:flex;gap:2px;padding:2px;background:var(--sp-surface-2);border-radius:var(--sp-r-pill)}.lang-btn{border:0;background:none;cursor:pointer;font-family:inherit;font-size:var(--sp-fs-xs);font-weight:600;color:var(--sp-text-dim);padding:var(--sp-1) var(--sp-2);border-radius:var(--sp-r-pill);transition:background var(--sp-t-fast) var(--sp-ease),color var(--sp-t-fast) var(--sp-ease)}.lang-btn.active{background:var(--sp-surface);color:var(--sp-text);box-shadow:var(--sp-shadow)}.lang-btn:focus-visible,.theme-toggle:focus-visible,.nav-toggle:focus-visible{outline:2px solid var(--sp-accent);outline-offset:2px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--sp-border);border-radius:var(--sp-r-pill);background:var(--sp-surface);color:var(--sp-text);cursor:pointer}html[data-theme=dark] .icon-moon,html[data-theme=light] .icon-sun{display:none}.nav-toggle{display:none;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--sp-border);border-radius:var(--sp-r-pill);background:var(--sp-surface);color:var(--sp-text);cursor:pointer}main{flex:1;width:100%;margin:0 auto;padding:var(--sp-8) var(--sp-4) var(--sp-6)}.site-footer{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-4);font-size:var(--sp-fs-xs);color:var(--sp-text-dim)}.health-dot{width:8px;height:8px;border-radius:var(--sp-r-pill);background:var(--sp-text-dim)}.health-dot.ok{background:var(--sp-ok)}.health-dot.err{background:var(--sp-err)}@media(max-width:640px){.nav-toggle{display:inline-flex}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;flex-direction:column;align-items:stretch;gap:2px;padding:var(--sp-2) var(--sp-3);background:var(--sp-surface);border-bottom:1px solid var(--sp-border);box-shadow:var(--sp-shadow)}.site-nav.open{display:flex}.site-nav a{padding:var(--sp-2) var(--sp-3)}.btn-signup,.header-sep{display:none}}@media(max-width:480px){.site-header{padding:var(--sp-3)}main{padding:var(--sp-6) var(--sp-3)}.sp-smart-row{flex-direction:column}}