@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#0d1117;--surface:#161b22;--surface-elevated:#1c2128;--surface-hover:#21262d;--border:#30363d;--border-muted:#21262d;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#484f58;--accent:#388bfd;--accent-hover:#58a6ff;--accent-subtle:rgba(56,139,253,.12);--accent-glow:rgba(56,139,253,.25);--green:#3fb950;--green-subtle:rgba(63,185,80,.1);--amber:#d29922;--amber-subtle:rgba(210,153,34,.1);--red:#f85149;--red-subtle:rgba(248,81,73,.1);--purple:#d2a8ff;--purple-subtle:rgba(210,168,255,.1);--orange:#ffa657;--orange-subtle:rgba(255,166,87,.1);--todo-color:var(--text-secondary);--todo-bg:hsla(212,9%,58%,.08);--progress-color:var(--accent);--progress-bg:var(--accent-subtle);--blocked-color:var(--red);--blocked-bg:var(--red-subtle);--done-color:var(--green);--done-bg:var(--green-subtle);--shadow-sm:0 1px 3px rgba(0,0,0,.4);--shadow-md:0 4px 16px rgba(0,0,0,.5);--shadow-lg:0 8px 32px rgba(0,0,0,.6)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-display{font-family:Space Grotesk,system-ui,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@keyframes slideInRight{0%{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleFadeIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fillBar{0%{width:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-slide-in-right{animation:slideInRight .2s ease-out}.animate-slide-down{animation:slideDown .15s ease-out}.animate-fade-in{animation:fadeIn .2s ease-out}.animate-scale-fade-in{animation:scaleFadeIn .15s ease-out}.workload-bar-fill{animation:fillBar .8s cubic-bezier(.4,0,.2,1) both;animation-delay:calc(var(--delay, 0) * 1ms)}.truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.palette-overlay{background:rgba(0,0,0,.6);align-items:flex-start;padding-top:15vh;animation:fadeIn .1s ease-out}.modal-overlay,.palette-overlay{position:fixed;inset:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;justify-content:center}.modal-overlay{background:rgba(0,0,0,.7);align-items:center;animation:fadeIn .15s ease-out}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80;display:flex;align-items:flex-end;animation:fadeIn .15s ease-out}.mobile-sheet{width:100%;max-height:92svh;background:var(--surface);border-radius:18px 18px 0 0;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .28s cubic-bezier(.32,.72,0,1)}@media (max-width:768px){button{touch-action:manipulation}*{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:2px;height:2px}}