:root{--primary-50:#f4f7fd;--primary-100:#e8effa;--primary-200:#cddcf4;--primary-300:#a3bdea;--primary-400:#6e94dc;--primary-500:#4673cf;--primary-600:#2a59c1;--primary-700:#1e4ba8;--primary-800:#1a3e8a;--primary-900:#16336e;--primary:var(--primary-600);--primary-hover:var(--primary-700);--success-solid:#15803d;--success-fg:#166534;--success-bg:#f0fdf4;--success-border:#bbf7d0;--warning-solid:#f59e0b;--warning-fg:#92400e;--warning-bg:#fffbeb;--warning-border:#fde68a;--danger-solid:#dc2626;--danger-fg:#991b1b;--danger-bg:#fef2f2;--danger-border:#fecaca;--info-solid:#0284c7;--info-fg:#075985;--info-bg:#f0f9ff;--info-border:#bae6fd;--surface:#f7f9fb;--surface-raised:#fff;--surface-sunken:#f1f5f9;--surface-hover:#f8fafc;--border:#e2e8f0;--border-strong:#cbd5e1;--border-soft:#eef2f7;--ink:#0f172a;--ink-secondary:#334155;--muted:#475569;--faint:#94a3b8;--ring:var(--primary-500);--ring-soft:0 0 0 3px var(--primary-100);--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--sidebar-bg:#0f172a;--sidebar-bg-subtle:#1e293b;--sidebar-active-bg:#94a3b824;--sidebar-border:#1e293b;--sidebar-fg:#e2e8f0;--sidebar-fg-muted:#94a3b8;--sidebar-fg-faint:#64748b;--sidebar-accent:#6e94dc;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 12px 32px #0f172a1f;--shadow-overlay:0 25px 50px -12px #0f172a40;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--topbar-h:56px;--tabbar-h:56px;--z-base:0;--z-raised:10;--z-sticky:20;--z-tabbar:30;--z-topbar:40;--z-docked:50;--z-savebar:60;--z-overlay:1000;--z-menu:1050;--z-alert:1100;--z-toast:1200;--z-tooltip:1300}html{-webkit-text-size-adjust:100%;font-size:100%}body{color:var(--ink);background:var(--surface);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13.5px;line-height:1.5;overflow-x:clip}*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--border)}:where(img,svg,video,canvas,iframe,object,embed){max-width:100%}:where(img,video){height:auto}