:root{--blue-50: #DEEBFF;--blue-100: #B3D4FF;--blue-200: #4C9AFF;--blue-300: #2684FF;--blue-400: #0065FF;--blue-500: #0052CC;--blue-600: #0747A6;--white: #FFFFFF;--bg: #FAFBFC;--surface: #FFFFFF;--border: #DFE1E6;--border-strong: #C1C7D0;--text: #172B4D;--text-muted: #5E6C84;--text-subtle: #7A869A;--error-fg: #DE350B;--error-bg: #FFEBE6;--success-fg: #006644;--success-bg: #E3FCEF;--success-dot: #36B37E;--warning-fg: #974F00;--warning-bg: #FFF7E6;--warning-dot: #FF8B00;--tk-comment: var(--text-subtle);--tk-string: #006644;--tk-keyword: var(--blue-500);--tk-type: #6554C0;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(9, 30, 66, .04);--shadow-md: 0 4px 8px -2px rgba(9, 30, 66, .06), 0 0 1px rgba(9, 30, 66, .08);--shadow-lg: 0 20px 32px -8px rgba(9, 30, 66, .1), 0 0 1px rgba(9, 30, 66, .08);--easing: cubic-bezier(.2, 0, 0, 1);--t-fast: .15s;--t-base: .18s;--t-slow: .22s;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: SFMono-Regular, Menlo, Monaco, Consolas, monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--container-narrow: 880px;--container-wide: 1080px}@supports (font-variation-settings: normal){:root{--font-sans: "Inter var", sans-serif}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{font-family:var(--font-sans);font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}a{color:var(--blue-500);text-decoration:none;transition:color var(--t-fast) var(--easing)}a:hover{color:var(--blue-400)}button{font-family:inherit}input,textarea,select{font-family:inherit;font-size:15px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.9);opacity:.55}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes attention-ring-light{0%,to{box-shadow:0 0 #ffffff73}50%{box-shadow:0 0 0 8px #fff0}}@keyframes attention-ring-blue{0%,to{box-shadow:0 0 #2684ff73}50%{box-shadow:0 0 0 10px #2684ff00}}@keyframes attention-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.hero-title{font-size:clamp(36px,4.5vw,64px);font-weight:600;letter-spacing:-.03em;line-height:1.05;margin:0}.page-title{font-size:clamp(28px,4vw,40px);font-weight:600;letter-spacing:-.025em;margin:0}.section-title{font-size:18px;font-weight:600;letter-spacing:-.015em;margin:0}.card-title{font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0}.body{font-size:15px;line-height:1.5}.caption{font-size:12.5px;color:var(--text-muted)}.eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-500)}.mono{font-family:var(--font-mono);font-size:13px;font-weight:500}.container{max-width:var(--container-wide);margin:0 auto;padding:0 32px}.container-narrow{max-width:var(--container-narrow);margin:0 auto;padding:0 32px}.page{min-height:100vh;background:var(--bg)}.page-with-nav{padding-top:24px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-2xl);animation:fadeUp .5s var(--easing) both}.page-header-text{display:flex;flex-direction:column;gap:6px}.page-subtitle{color:var(--text-muted);margin:0;max-width:60ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:var(--radius-md);font-size:14px;font-weight:600;letter-spacing:-.005em;border:1px solid transparent;cursor:pointer;transition:background var(--t-base) var(--easing),color var(--t-base) var(--easing),border-color var(--t-base) var(--easing),transform var(--t-fast) var(--easing);white-space:nowrap}.btn:active{transform:scale(.99)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--blue-500);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--blue-400)}.btn-ghost{background:transparent;color:var(--text);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong)}.btn-danger{background:var(--error-fg);color:var(--white)}.btn-danger:hover:not(:disabled){background:#c92e0a}.btn-sm{height:36px;padding:0 14px;font-size:13px}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--t-fast) var(--easing),color var(--t-fast) var(--easing)}.btn-icon:hover{background:var(--bg);color:var(--text)}.input,.textarea,.select{width:100%;height:44px;padding:0 12px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:14px;transition:border-color var(--t-fast) var(--easing),box-shadow var(--t-fast) var(--easing)}.textarea{height:auto;min-height:96px;padding:12px;line-height:1.55;resize:vertical}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--blue-300);box-shadow:0 0 0 3px #2684ff2e}.input::placeholder,.textarea::placeholder{color:var(--text-subtle)}.input-mono{font-family:var(--font-mono);letter-spacing:.03em}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:600;color:var(--text)}.field-hint{font-size:12.5px;color:var(--text-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:transform var(--t-fast) var(--easing),border-color var(--t-fast) var(--easing),box-shadow var(--t-fast) var(--easing)}.card-interactive:hover{transform:translateY(-1px);border-color:var(--blue-200);box-shadow:var(--shadow-md)}.card-nested{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600}.pill-success{background:var(--success-bg);color:var(--success-fg)}.pill-warning{background:var(--warning-bg);color:var(--warning-fg)}.pill-error{background:var(--error-bg);color:var(--error-fg)}.pill-neutral{background:var(--bg);color:var(--text-muted)}.dot{width:8px;height:8px;border-radius:50%}.dot-live{background:var(--success-dot);box-shadow:0 0 0 3px #36b37e2e;animation:pulse 2s var(--easing) infinite}.dot-paused{background:var(--warning-dot);box-shadow:0 0 0 3px #ff8b002e}.dot-error{background:var(--error-fg);box-shadow:0 0 0 3px #de350b2e}.stepper{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto}.step{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);white-space:nowrap;position:relative}.step-num{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:var(--surface);border:1.5px solid var(--border);color:var(--text-subtle)}.step-complete .step-num{background:var(--blue-500);color:var(--white);border-color:var(--blue-500)}.step-complete{color:var(--text)}.step-current .step-num{background:var(--white);color:var(--blue-500);border-color:var(--blue-500);box-shadow:0 0 0 3px #2684ff2e}.step-current{color:var(--text);font-weight:600}.step-divider{width:18px;height:1.5px;background:var(--border)}.stepper a:hover .step .step-num{border-color:var(--blue-300);color:var(--blue-500)}.stepper a:hover .step{color:var(--text)}.modal-backdrop{position:fixed;inset:0;background:#091e426b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:50;animation:fadeUp .18s var(--easing)}.modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);transform:translateY(0) scale(1);animation:modalIn .18s var(--easing);overflow:hidden}.modal-wide{max-width:720px}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-shrink:0}.modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1 1 auto;min-height:0}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--white);position:relative;overflow:hidden}.auth-shell:before,.auth-shell:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(80px);opacity:.45;pointer-events:none}.auth-shell:before{background:radial-gradient(circle,var(--blue-100),transparent 60%);top:-160px;left:-160px}.auth-shell:after{background:radial-gradient(circle,var(--blue-50),transparent 60%);bottom:-160px;right:-160px}.auth-card{position:relative;z-index:1;width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);animation:fadeUp .5s var(--easing)}.auth-card .field+.field{margin-top:14px}.auth-foot{margin-top:18px;color:var(--text-muted);font-size:13.5px}.nav{position:sticky;top:0;z-index:20;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.nav-inner{max-width:var(--container-wide);margin:0 auto;padding:12px 32px;display:flex;align-items:center;gap:16px}.nav-brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--text)}.nav-crumb{color:var(--text-muted);font-size:13.5px;display:inline-flex;align-items:center;gap:8px}.nav-spacer{flex:1}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-pill);background:var(--bg);border:1px solid var(--border);font-size:13px;color:var(--text)}.avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--blue-400),var(--blue-500));color:var(--white);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--blue-100);border-top-color:var(--blue-500);animation:spin .8s linear infinite}.loading-shell{min-height:60vh;display:flex;align-items:center;justify-content:center}.empty{text-align:center;padding:56px 24px;background:radial-gradient(circle at center,rgba(38,132,255,.08),transparent 60%),var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);animation:fadeUp .5s var(--easing)}.empty-title{font-size:28px;font-weight:600;margin:16px 0 6px;letter-spacing:-.02em}.empty-sub{color:var(--text-muted);max-width:460px;margin:0 auto 20px}.empty-pills{display:inline-flex;gap:8px;margin-bottom:20px}.alert{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);font-size:13.5px;animation:fadeUp .22s var(--easing)}.alert-error{background:var(--error-bg);color:var(--error-fg)}.alert-success{background:var(--success-bg);color:var(--success-fg)}.alert-icon{width:18px;height:18px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.alert-error .alert-icon{background:var(--error-fg);color:var(--white)}.alert-success .alert-icon{background:var(--success-fg);color:var(--white)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--text);color:var(--white);padding:10px 16px;border-radius:var(--radius-pill);font-size:13.5px;box-shadow:var(--shadow-lg);animation:fadeUp .22s var(--easing);z-index:100}.code-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg);border-bottom:1px solid var(--border);font-size:12px;color:var(--text-muted)}.code-block pre{margin:0;padding:14px 16px;font-family:var(--font-mono);font-size:13px;line-height:1.65}.tk-c{color:var(--tk-comment);font-style:italic}.tk-s{color:var(--tk-string)}.tk-k{color:var(--tk-keyword);font-weight:600}.tk-t{color:var(--tk-type)}.grid{display:grid;gap:16px}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.stack{display:flex;flex-direction:column;gap:16px}.stack-sm{display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:12px}.row-wrap{display:flex;flex-wrap:wrap;gap:12px}.spacer{flex:1}.section{margin:28px 0 40px}.section+.section{margin-top:40px}