:root{--font-body:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bg:#f6f8fb;--panel:#fff;--border:#e5e7eb;--text:#0f172a;--muted:#64748b;--primary:#4f46e5;--primary-100:#eef2ff;--mobile:480px;--tablet:768px;--laptop:1024px;--desktop:1280px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px}.theme-dark{--bg:#0b1220;--panel:#111827;--border:#1f2937;--text:#e5e7eb;--muted:#94a3b8;--primary:#818cf8;--primary-100:#1f243a}.contrast-high{--border:#334155;--muted:#334155}#__next,body,html{height:100%}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15.5px;line-height:1.6;letter-spacing:.2px}button{font:inherit}input,select,textarea{font:inherit;border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;background:#fff;color:var(--text);box-sizing:border-box}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(79,70,229,.15);border-color:#a5b4fc}textarea{width:100%}.card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;-webkit-backdrop-filter:saturate(150%) blur(4px);backdrop-filter:saturate(150%) blur(4px);overflow-wrap:anywhere}.card,.theme-dark .card{background:#fff;color:#0f172a;box-shadow:0 12px 24px rgba(2,6,23,.06)}.theme-dark .card{border-color:var(--border)}.btn{background:var(--primary);color:#fff;border:none;padding:10px 14px;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 6px 14px rgba(79,70,229,.18)}.btn:hover{filter:brightness(1.05)}.btn.secondary{background:#64748b}.grid-responsive,.stack{display:grid;grid-gap:var(--space-md);gap:var(--space-md)}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (min-width:480px){.grid-responsive.grid-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-responsive.grid-3{grid-template-columns:repeat(3,1fr)}.grid-responsive.grid-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.grid-responsive.grid-4{grid-template-columns:repeat(4,1fr)}}.p-responsive{padding:var(--space-md)}.p-responsive-sm{padding:var(--space-sm)}.p-responsive-lg{padding:var(--space-lg)}@media (min-width:768px){.p-responsive{padding:var(--space-lg)}.p-responsive-lg{padding:var(--space-xl)}}.text-responsive-sm{font-size:14px}.text-responsive-base{font-size:15.5px}.text-responsive-lg{font-size:18px}.text-responsive-xl{font-size:24px}.text-responsive-2xl{font-size:32px}@media (min-width:768px){.text-responsive-lg{font-size:20px}.text-responsive-xl{font-size:28px}.text-responsive-2xl{font-size:36px}}.flex-responsive{display:flex;flex-direction:column;gap:var(--space-md)}@media (min-width:768px){.flex-responsive{flex-direction:row;align-items:center}}.container-responsive{width:100%;max-width:100%;margin:0 auto;padding:0 var(--space-md)}@media (min-width:480px){.container-responsive{padding:0 var(--space-lg)}}@media (min-width:768px){.container-responsive{padding:0 var(--space-xl)}}@media (min-width:1024px){.container-responsive{max-width:1200px}}@media (min-width:1280px){.container-responsive{max-width:1400px}}.gradient-surface{background:radial-gradient(600px circle at 10% 10%,rgba(56,189,248,.25),transparent 60%),radial-gradient(800px circle at 80% 30%,rgba(99,102,241,.25),transparent 60%),radial-gradient(700px circle at 20% 80%,rgba(168,85,247,.25),transparent 60%),linear-gradient(135deg,#0ea5e9,#6366f1 50%,#a855f7);background-size:120% 120%,120% 120%,120% 120%,100% 100%;animation:gradientMotion 28s ease-in-out infinite alternate}.sidebar-pane{background:radial-gradient(180px circle at 25% 12%,rgba(99,102,241,.16),transparent 60%),radial-gradient(140px circle at 80% 28%,rgba(56,189,248,.14),transparent 60%),radial-gradient(200px circle at 30% 75%,rgba(168,85,247,.12),transparent 60%),linear-gradient(180deg,hsla(0,0%,100%,.92),rgba(248,250,252,.92));-webkit-backdrop-filter:saturate(160%) blur(6px);backdrop-filter:saturate(160%) blur(6px);animation:sidebarGlow 22s ease-in-out infinite alternate}.sidebar-pane,.sidebar-pane .nav .nav-item,.sidebar-pane .nav .nav-item a{color:#111827!important;opacity:1!important;text-shadow:none!important}.sidebar-pane .nav .nav-item{font-weight:700;letter-spacing:.1px}.sidebar-pane .nav .nav-item a,.sidebar-pane .nav .nav-item.active,.sidebar-pane .nav .nav-item.active a{color:#111827!important}.theme-dark .sidebar-pane .nav .nav-item,.theme-dark .sidebar-pane .nav .nav-item a,.theme-dark .sidebar-pane .nav .nav-item.active,.theme-dark .sidebar-pane .nav .nav-item.active a{color:#000!important}.theme-dark .sidebar-pane{background:radial-gradient(180px circle at 25% 12%,rgba(129,140,248,.18),transparent 60%),radial-gradient(140px circle at 80% 28%,rgba(56,189,248,.18),transparent 60%),radial-gradient(200px circle at 30% 75%,rgba(168,85,247,.16),transparent 60%),linear-gradient(180deg,rgba(17,24,39,.95),rgba(15,23,42,.95));border-right:1px solid var(--border)}.sidebar-compact .nav .nav-item{padding:8px 10px}.sidebar-compact{border-right-color:rgba(226,232,240,.7)}.header-bar{background:linear-gradient(180deg,hsla(0,0%,100%,.9),rgba(248,250,252,.9));-webkit-backdrop-filter:saturate(160%) blur(6px);backdrop-filter:saturate(160%) blur(6px);border-bottom:1px solid rgba(226,232,240,.9);box-shadow:0 6px 12px rgba(2,6,23,.04)}.nav .nav-item{position:relative;border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:6px;color:var(--text);font-weight:500}.nav .nav-item a{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none}.nav .nav-item:hover{background:rgba(99,102,241,.08)}.nav .nav-item.active{background:rgba(99,102,241,.12);color:#3730a3;font-weight:600}.theme-dark .nav .nav-item:hover{background:rgba(129,140,248,.18)}.theme-dark .nav .nav-item.active{background:rgba(129,140,248,.22);color:#c7d2fe}.theme-dark option,.theme-dark select,option,select{color:#0f172a!important;background-color:#fff}.header-bar [role=menu],.header-bar [role=menu] a,.header-bar [role=menu] button{color:#0f172a!important}.nav .nav-item:after{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:9999px;background:radial-gradient(8px 8px at 50% 50%,rgba(99,102,241,.35),transparent 70%);opacity:0;pointer-events:none}.nav .nav-item.active:after,.nav .nav-item:hover:after{opacity:1;animation:accentDrift 6s ease-in-out infinite alternate}@keyframes accentDrift{0%{transform:translateY(-50%) translateX(0)}to{transform:translateY(-50%) translateX(6px)}}@keyframes gradientMotion{0%{background-position:0 0,100% 50%,0 100%,0 0}to{background-position:12% 8%,85% 45%,28% 88%,100% 100%}}@keyframes sidebarGlow{0%{background-position:0 0,100% 50%,0 100%,0 0}to{background-position:6% 4%,95% 35%,20% 85%,0 100%}}@media (prefers-reduced-motion:reduce){.gradient-surface,.nav .nav-item:after,.sidebar-pane{animation:none}}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.prompt-tooltip,.tooltip-hint{position:absolute;z-index:10;margin-top:6px;background:var(--text);color:var(--bg);padding:8px 10px;border-radius:var(--radius-sm);box-shadow:0 8px 18px rgba(2,6,23,.2);max-width:320px}.sidebar-overlay{position:fixed;inset:0;background:rgba(15,23,42,.35);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000}.sidebar-drawer{position:fixed;top:0;left:0;bottom:0;width:85vw;max-width:320px;background:#fff;border-right:1px solid var(--border);padding:var(--space-md);box-shadow:0 12px 24px rgba(2,6,23,.2);z-index:1001;overflow-y:auto}.header-actions{display:flex;flex-direction:column;gap:var(--space-sm);align-items:stretch}@media (min-width:480px){.header-actions{flex-direction:row;align-items:center;gap:var(--space-sm)}}@media (min-width:768px){.header-actions{gap:var(--space-md)}}@media (min-width:1024px){.header-actions{gap:var(--space-lg)}}.project-selector{display:flex;flex-direction:column;gap:var(--space-xs);align-items:stretch}@media (min-width:480px){.project-selector{flex-direction:row;align-items:center;gap:var(--space-sm)}}.quick-prompt-container{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}@media (min-width:480px){.quick-prompt-container{flex-direction:row;width:auto}}.quick-prompt-input{width:100%;min-width:200px}@media (min-width:480px){.quick-prompt-input{width:260px}}.sidebar-responsive{display:none}@media (min-width:1024px){.sidebar-responsive{display:block}}.mobile-menu-btn{display:block}@media (min-width:1024px){.mobile-menu-btn{display:none}}.main-responsive{padding:var(--space-md)}@media (min-width:768px){.main-responsive{padding:var(--space-lg)}}@media (min-width:1024px){.main-responsive{padding:var(--space-xl)}}.grid-mobile-1{grid-template-columns:1fr}.grid-mobile-2{grid-template-columns:repeat(2,1fr)}@media (min-width:480px){.grid-mobile-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-mobile-1{grid-template-columns:repeat(2,1fr)}.grid-mobile-2{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid-mobile-1{grid-template-columns:repeat(3,1fr)}.grid-mobile-2{grid-template-columns:repeat(4,1fr)}}.card-responsive{padding:var(--space-md)}@media (min-width:768px){.card-responsive{padding:var(--space-lg)}}.btn-responsive{padding:var(--space-sm) var(--space-md);font-size:14px}@media (min-width:768px){.btn-responsive{padding:10px 14px;font-size:inherit}}.fab{position:fixed;right:20px;bottom:20px;z-index:1000;border-radius:9999px;padding:14px 18px;box-shadow:0 12px 24px rgba(2,6,23,.18)}.pulse{animation:pulseGlow 1.2s ease-in-out 4}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(79,70,229,.6)}70%{box-shadow:0 0 0 8px rgba(79,70,229,0)}to{box-shadow:0 0 0 0 rgba(79,70,229,0)}}.density-compact .card{padding:12px}.density-compact .stack{gap:10px}.density-compact input,.density-compact select,.density-compact textarea{padding:8px 10px}@media (max-width:768px){.btn,button{min-height:44px;min-width:44px}input,select,textarea{min-height:44px;font-size:16px}.nav .nav-item{min-height:48px;display:flex;align-items:center}.card{margin-bottom:var(--space-md)}}@media (max-width:768px) and (orientation:landscape){.header-bar{padding:var(--space-sm) var(--space-md)}.main-responsive{padding:var(--space-sm)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.card{border-width:.5px}}@media print{.fab,.header-bar,.mobile-menu-btn,.sidebar-pane{display:none!important}.main-responsive{padding:0;margin:0}.card{box-shadow:none;border:1px solid #ccc}}