@charset "UTF-8";:root{--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", "Fira Code", monospace;--brand: #2563eb;--brand-strong: #1d4ed8;--brand-tint: #eff6ff;--brand-contrast: #ffffff;--surface-0: #ffffff;--surface-50: #f8fafc;--surface-100: #f1f5f9;--surface-200: #e2e8f0;--surface-300: #cbd5e1;--line: #e2e8f0;--line-2: #cbd5e1;--ink: #0f172a;--ink-2: #334155;--ink-3: #64748b;--ink-4: #94a3b8;--success: #16a34a;--success-tint: #f0fdf4;--warning: #d97706;--warning-tint: #fffbeb;--danger: #dc2626;--danger-tint: #fef2f2;--info: #0284c7;--info-tint: #f0f9ff;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--leading-tight: 1.25;--leading-normal: 1.5;--tracking-tight: -.02em;--radius-sm: 6px;--radius: 8px;--radius-m: 10px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-pill: 999px;--shadow-card: 0 1px 2px 0 rgb(15 23 42 / .04), 0 1px 3px 0 rgb(15 23 42 / .03);--shadow-hover: 0 4px 12px -2px rgb(15 23 42 / .08), 0 2px 6px -2px rgb(15 23 42 / .05);--shadow-lg: 0 12px 32px -8px rgb(15 23 42 / .14), 0 4px 12px -4px rgb(15 23 42 / .08);--ring: 0 0 0 3px rgb(37 99 235 / .18);--ease-hover: .12s ease-out;--ease-drawer: .2s ease-out;--ease-tab: .18s ease-out;--ease-spring: .26s cubic-bezier(.22, 1, .36, 1)}:root.dark{--surface-0: #0f172a;--surface-50: #1e293b;--surface-100: #1e293b;--surface-200: #334155;--surface-300: #475569;--line: #334155;--line-2: #475569;--ink: #f1f5f9;--ink-2: #cbd5e1;--ink-3: #94a3b8;--ink-4: #64748b;--brand: #60a5fa;--brand-strong: #93c5fd;--brand-tint: rgba(37, 99, 235, .15);--brand-contrast: #0b1220;--success: #4ade80;--success-tint: rgba(22, 163, 74, .15);--warning: #fbbf24;--warning-tint: rgba(217, 119, 6, .15);--danger: #f87171;--danger-tint: rgba(220, 38, 38, .15);--info: #38bdf8;--info-tint: rgba(2, 132, 199, .15);--shadow-card: 0 1px 2px 0 rgb(0 0 0 / .4);--shadow-hover: 0 4px 12px -2px rgb(0 0 0 / .5), 0 2px 6px -2px rgb(0 0 0 / .4);--shadow-lg: 0 12px 32px -8px rgb(0 0 0 / .6), 0 4px 12px -4px rgb(0 0 0 / .5);--ring: 0 0 0 3px rgb(96 165 250 / .25)}*,*:before,*:after{box-sizing:border-box}html{height:100%;font-size:14px;line-height:1.5}body{font-family:var(--font-sans);color:var(--ink);background-color:var(--surface-50);margin:0;padding:0;min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:40px;padding:0 var(--sp-4);font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;line-height:1;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--ease-hover),border-color var(--ease-hover),box-shadow var(--ease-hover),transform var(--ease-hover)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-block{width:100%}.btn-sm{height:32px;padding:0 var(--sp-3);font-size:var(--text-sm)}.btn-lg{height:46px;padding:0 var(--sp-6);font-size:var(--text-md)}.btn-primary{background:var(--brand);color:var(--brand-contrast)}.btn-primary:hover:not(:disabled){background:var(--brand-strong);box-shadow:var(--shadow-hover)}.btn-secondary{background:var(--surface-0);color:var(--ink);border-color:var(--line-2)}.btn-secondary:hover:not(:disabled){background:var(--surface-50);border-color:var(--ink-4)}.btn-ghost{background:transparent;color:var(--brand)}.btn-ghost:hover:not(:disabled){background:var(--brand-tint)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.95)}.btn-danger-outline{background:transparent;color:var(--danger);border-color:var(--danger)}.btn-danger-outline:hover:not(:disabled){background:var(--danger-tint)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px var(--sp-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-pill)}.badge-brand{background:var(--brand-tint);color:var(--brand)}.badge-success{background:var(--success-tint);color:var(--success)}.badge-warning{background:var(--warning-tint);color:var(--warning)}.badge-danger{background:var(--danger-tint);color:var(--danger)}.badge-neutral{background:var(--surface-100);color:var(--ink-3)}.chip{display:inline-flex;align-items:center;padding:3px var(--sp-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3);background:var(--surface-100);border-radius:var(--radius-sm)}.card{background:var(--surface-0);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.card-pad{padding:var(--sp-5)}.card-interactive{cursor:pointer;transition:transform var(--ease-hover),box-shadow var(--ease-hover),border-color var(--ease-hover)}.card-interactive:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover);border-color:var(--line-2)}.card-interactive:active{transform:translateY(0)}.input{width:100%;height:42px;padding:0 var(--sp-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--ink);background:var(--surface-0);border:1px solid var(--line-2);border-radius:var(--radius);transition:border-color var(--ease-hover),box-shadow var(--ease-hover)}.input::placeholder{color:var(--ink-4)}.input:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring)}.track{height:6px;background:var(--surface-200);border-radius:var(--radius-pill);overflow:hidden}.track-fill{height:100%;background:var(--brand);border-radius:var(--radius-pill);transition:width var(--ease-spring)}.skeleton{position:relative;overflow:hidden;background:var(--surface-100);border-radius:var(--radius)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:skeleton-shimmer 1.4s ease-in-out infinite}:root.dark .skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}.skeleton-text{height:.7em;border-radius:var(--radius-sm)}.skeleton-title{height:1.1em;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.spinner{width:20px;height:20px;border:2px solid var(--surface-200);border-top-color:var(--brand);border-radius:50%;animation:spinner-rotate .7s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}