@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";:root{--bg: #f0f2f5;--surface: #ffffff;--surface-hover: #f5f7fa;--surface-2: #eef0f4;--border: #e2e6ed;--border-strong: #cdd2db;--glass: rgba(255,255,255,.7);--glass-border: rgba(255,255,255,.5);--text: #0f1117;--text-secondary: #5a6170;--text-tertiary: #9aa0ad;--long: #00c896;--long-soft: #e0faf3;--short: #f04a59;--short-soft: #fdeaec;--amber: #f0952a;--amber-soft: #fef3e2;--accent: #3b7cf4;--accent-soft: #eaf0ff;--purple: #7c3aed;--purple-soft: #f3eeff;--sidebar-bg: #ffffff;--sidebar-border: #e2e6ed;--sidebar-active: #eaf0ff;--sidebar-active-text: #3b7cf4;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 1px 3px rgba(15,17,23,.06), 0 2px 12px rgba(15,17,23,.04);--shadow-lg: 0 8px 32px rgba(15,17,23,.12);--shadow-sidebar: 2px 0 12px rgba(15,17,23,.06)}[data-theme=dark]{--bg: #080b12;--surface: #0f1420;--surface-hover: #161d2e;--surface-2: #131929;--border: #1e2840;--border-strong: #263050;--glass: rgba(15,20,32,.8);--glass-border: rgba(255,255,255,.06);--text: #e8ecf4;--text-secondary: #8b95a8;--text-tertiary: #435070;--long: #00e5a8;--long-soft: #00e5a810;--short: #ff4f60;--short-soft: #ff4f6010;--amber: #ffb340;--amber-soft: #ffb34010;--accent: #4d8cf5;--accent-soft: #4d8cf510;--purple: #9d6ef8;--purple-soft: #9d6ef810;--sidebar-bg: #0a0e1a;--sidebar-border: #1a2035;--sidebar-active: #4d8cf515;--sidebar-active-text: #4d8cf5;--shadow-card: 0 1px 3px rgba(0,0,0,.4), 0 2px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-sidebar: 2px 0 24px rgba(0,0,0,.5)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease;cursor:auto}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}::-webkit-scrollbar-track{background:transparent}.glass{background:var(--glass)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{box-shadow:0 0 #00e5a866}70%{box-shadow:0 0 0 8px #00e5a800}to{box-shadow:0 0 #00e5a800}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.animate-in{animation:fadeIn .4s ease forwards}.animate-in-left{animation:fadeInLeft .3s ease forwards}.skeleton{background:linear-gradient(90deg,var(--surface-hover) 25%,var(--border) 50%,var(--surface-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}button{font-family:inherit;cursor:auto}a{color:inherit;text-decoration:none;cursor:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.hotkey-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--text-tertiary);font-family:var(--font-mono)}.hotkey-key{background:var(--surface-hover);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:10px}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}