:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:"Bricolage Grotesque", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", Menlo, Consolas, Monaco, monospace;--brand-lime:#bcfb89;--brand-green:#05c274;--brand-teal:#094542;--brand-sky:#85d5f6;--brand-indigo:#4750dd;--brand-navy:#212161;--gradient-brand:linear-gradient(135deg, #4750dd 0%, #2f3399 55%, #212161 100%);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--transition-fast:.16s var(--ease-out);--transition-normal:.26s var(--ease-out);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px;--sidebar-width:248px;--sidebar-collapsed-width:72px;--topbar-height:56px;--shell-gap:12px}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:#f3f4fa;--bg-sidebar:#fff;--bg-surface:#fff;--bg-surface-hover:#f4f5fc;--bg-surface-active:#e9ebfa;--bg-sunken:#eef0f8;--bg-input:#f7f8fc;--bg-input-focus:#fff;--bg-code:#f7f8fc;--bg-overlay:#17183d52;--bg-glass:#ffffffb8;--canvas-dot:#4750dd21;--canvas-glow-1:#85d5f673;--canvas-glow-2:#bcfb8959;--border-subtle:#e3e5f0;--border-hover:#c9cce0;--border-input:#8a8eae;--border-active:#4750dd;--border-glass:#ffffffe6;--text-primary:#17183d;--text-secondary:#4b4f6e;--text-muted:#5f6385;--text-inverse:#fff;--accent:#4750dd;--accent-hover:#3a41c2;--accent-solid:#4750dd;--accent-solid-hover:#3a41c2;--on-accent:#fff;--accent-subtle:#4750dd17;--accent-border:#4750dd47;--accent-glow:#4750dd73;--focus-ring:#4750dd40;--success:#067647;--success-subtle:#05c2741f;--warning:#a34e06;--warning-subtle:#f59e0b24;--danger:#c8242f;--danger-solid:#c8242f;--danger-subtle:#c8242f1a;--info:#0a6690;--info-subtle:#85d5f640;--cat-tool:#4750dd;--cat-snippet:#067647;--cat-project:#0a6690;--cat-link:#094542;--syn-key:#3a41c2;--syn-string:#067647;--syn-number:#a34e06;--syn-boolean:#b0247a;--diff-add-bg:#05c27424;--diff-add-text:#067647;--diff-rem-bg:#e11d481f;--diff-rem-text:#b01e29;--mark-bg:#bcfb89bf;--selection-bg:#bcfb89;--selection-text:#17183d;--kbd-bg:#eef0f8;--kbd-border:#d7daea;--kbd-text:#4b4f6e;--shadow-sm:0 1px 2px #17183d0d, 0 1px 3px #17183d0a;--shadow-md:0 10px 28px -10px #17183d2e, 0 2px 6px #17183d0d;--shadow-lg:0 28px 64px -16px #17183d4d, 0 4px 12px #17183d0f;--shadow-dropdown:0 32px 80px -20px #17183d61}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#0b0c1c;--bg-sidebar:#13142b;--bg-surface:#15162f;--bg-surface-hover:#1d1f3d;--bg-surface-active:#26284c;--bg-sunken:#0f1024;--bg-input:#0f1024;--bg-input-focus:#121330;--bg-code:#0e0f22;--bg-overlay:#050610a8;--bg-glass:#15162fb8;--canvas-dot:#a3a8ff17;--canvas-glow-1:#4750dd59;--canvas-glow-2:#05c27424;--border-subtle:#262845;--border-hover:#363961;--border-input:#5e6290;--border-active:#a3a8ff;--border-glass:#a3a8ff1f;--text-primary:#eef0ff;--text-secondary:#b0b4d6;--text-muted:#8b8fb5;--text-inverse:#0b0c1c;--accent:#a3a8ff;--accent-hover:#bcc0ff;--accent-solid:#4750dd;--accent-solid-hover:#5860ec;--on-accent:#fff;--accent-subtle:#8189ff24;--accent-border:#8189ff5c;--accent-glow:#5860ec8c;--focus-ring:#a3a8ff4d;--success:#3ddc97;--success-subtle:#05c27424;--warning:#f5b45b;--warning-subtle:#f5b45b21;--danger:#ff7a85;--danger-solid:#d6334a;--danger-subtle:#ff7a851f;--info:#85d5f6;--info-subtle:#85d5f61f;--cat-tool:#a3a8ff;--cat-snippet:#3ddc97;--cat-project:#85d5f6;--cat-link:#5ee0c0;--syn-key:#a3a8ff;--syn-string:#5ee0a6;--syn-number:#f5b45b;--syn-boolean:#f28ad1;--diff-add-bg:#05c27424;--diff-add-text:#5ee0a6;--diff-rem-bg:#e11d4824;--diff-rem-text:#ff8a94;--mark-bg:#bcfb8947;--selection-bg:#8189ff59;--selection-text:#eef0ff;--kbd-bg:#22244a;--kbd-border:#34375f;--kbd-text:#b0b4d6;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 12px 30px -10px #0000008c, 0 2px 6px #00000040;--shadow-lg:0 28px 64px -16px #000000b3;--shadow-dropdown:0 32px 80px -20px #000c}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--bg-app);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;accent-color:var(--accent-solid);font-size:14px;line-height:1.5}::selection{background:var(--selection-bg);color:var(--selection-text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-full);background-clip:padding-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}code,pre,kbd,.mono-font{font-family:var(--font-mono)}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);padding:7px 11px}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:hover,textarea:hover,select:hover{border-color:var(--accent-border)}input:focus,textarea:focus,select:focus{border-color:var(--accent);background-color:var(--bg-input-focus);box-shadow:0 0 0 3px var(--focus-ring);outline:none}input[type=checkbox]{appearance:none;border-radius:var(--radius-full);border:1px solid var(--border-input);background-color:var(--bg-sunken);cursor:pointer;width:38px;height:22px;transition:background-color var(--transition-normal), border-color var(--transition-normal);flex-shrink:0;padding:0;position:relative}input[type=checkbox]:before{content:"";background:var(--text-muted);width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform .32s var(--ease-spring), background-color var(--transition-normal);border-radius:50%;position:absolute;top:2px;left:2px}input[type=checkbox]:checked{background-color:var(--accent-solid);border-color:var(--accent-solid)}input[type=checkbox]:checked:before{background:#fff;transform:translate(16px)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast-item{pointer-events:auto;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);min-width:260px;max-width:380px;box-shadow:var(--shadow-lg);color:var(--text-primary);animation:toastIn .42s var(--ease-spring) backwards;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.toast-item.toast-success .toast-icon{color:var(--success);background-color:var(--success-subtle)}.toast-item.toast-error .toast-icon{color:var(--danger);background-color:var(--danger-subtle)}.toast-item.toast-info .toast-icon{color:var(--accent);background-color:var(--accent-subtle)}.toast-message{flex:1}.toast-close{color:var(--text-muted);border-radius:var(--radius-sm);padding:4px}.toast-close:hover{color:var(--text-primary);background-color:var(--bg-surface-hover)}@keyframes toastIn{0%{opacity:0;transform:translate(24px)scale(.96)}}.kbd-shortcut{min-width:20px;font-size:11px;font-family:var(--font-mono);background-color:var(--kbd-bg);border:1px solid var(--kbd-border);border-radius:var(--radius-sm);color:var(--kbd-text);border-bottom-width:2px;justify-content:center;align-items:center;padding:3px 6px;line-height:1;display:inline-flex}.modal-backdrop{background-color:var(--bg-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;animation:fadeIn .2s var(--ease-out);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-container{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:580px;max-height:85vh;animation:popIn .36s var(--ease-spring);flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{font-family:var(--font-display);letter-spacing:-.2px;color:var(--text-primary);font-size:17px;font-weight:700}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-subtle);background-color:var(--bg-sunken);justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px;display:flex}@keyframes fadeIn{0%{opacity:0}}@keyframes popIn{0%{opacity:0;transform:translateY(10px)scale(.96)}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){animation:themeReveal .62s var(--ease-out)}@keyframes themeReveal{0%{clip-path:circle(0 at var(--vt-x,100%) var(--vt-y,0%))}to{clip-path:circle(150vmax at var(--vt-x,100%) var(--vt-y,0%))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-new(root){animation:none!important}::view-transition-old(root){animation:none!important}}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em}.app-container{isolation:isolate;gap:var(--shell-gap);width:100vw;height:100vh;padding:var(--shell-gap);background-color:var(--bg-app);display:flex;position:relative;overflow:hidden}.app-container:before{content:"";z-index:-1;background-image:radial-gradient(var(--canvas-dot) 1px, transparent 1.6px);pointer-events:none;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 40% 0,#000 0%,#0000 80%);mask-image:radial-gradient(90% 70% at 40% 0,#000 0%,#0000 80%)}.app-container:after{content:"";z-index:-2;background:radial-gradient(38% 32% at 18% 8%, var(--canvas-glow-1), transparent 70%), radial-gradient(30% 28% at 88% 4%, var(--canvas-glow-2), transparent 70%);pointer-events:none;animation:26s ease-in-out infinite alternate canvasDrift;position:absolute;inset:-20%}@keyframes canvasDrift{to{transform:translate(3%,4%)scale(1.06)}}.app-column{gap:var(--shell-gap);flex-direction:column;flex:1;min-width:0;display:flex}.app-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background-color:var(--bg-sidebar);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;transition:width .34s var(--ease-out), min-width .34s var(--ease-out);z-index:40;flex-direction:column;display:flex;overflow:hidden}.sidebar-brand{justify-content:space-between;align-items:center;gap:8px;padding:14px 12px 12px;display:flex}.brand-toggle-btn{border-radius:var(--radius-md);font-family:var(--font-display);letter-spacing:-.4px;color:var(--text-primary);white-space:nowrap;align-items:center;gap:10px;padding:4px;font-size:18px;font-weight:700;display:flex}.brand-logo-icon{background:var(--gradient-brand);color:#fff;width:32px;height:32px;font-family:var(--font-display);box-shadow:inset 0 1px 0 #ffffff40, 0 8px 18px -8px var(--accent-glow);transition:transform .42s var(--ease-spring);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex;position:relative}.brand-logo-icon:after{content:"";background:var(--brand-lime);width:7px;height:7px;box-shadow:0 0 8px var(--brand-lime);border-radius:50%;animation:2.6s ease-in-out infinite pulseDot;position:absolute;top:5px;right:5px}.brand-toggle-btn:hover .brand-logo-icon{transform:rotate(-8deg)scale(1.06)}@keyframes pulseDot{50%{opacity:.55;transform:scale(.65)}}.sidebar-content{flex-direction:column;flex:1;gap:18px;padding:4px 10px 12px;display:flex;overflow:hidden auto}.sidebar-section{flex-direction:column;gap:2px;display:flex}.sidebar-section-title{text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);padding:4px 12px 6px;font-size:10.5px;font-weight:600}.sidebar-nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-nav-item:before{content:"";background:linear-gradient(180deg, var(--brand-sky), var(--brand-indigo));width:4px;height:20px;transition:transform .36s var(--ease-spring);border-radius:0 4px 4px 0;margin-top:-10px;position:absolute;top:50%;left:-10px;transform:scaleY(0)}.sidebar-nav-item svg{transition:transform .36s var(--ease-spring)}.sidebar-nav-item:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.sidebar-nav-item:hover .nav-item-left svg{transform:scale(1.12)rotate(-4deg)}.sidebar-nav-item.active{background-color:var(--accent-subtle);color:var(--accent);font-weight:600}.sidebar-nav-item.active:before{transform:scaleY(1)}.nav-item-left{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:11px;display:flex;overflow:hidden}.nav-item-badge{min-width:22px;font-size:11px;font-weight:600;font-family:var(--font-mono);background-color:var(--bg-sunken);border-radius:var(--radius-full);color:var(--text-muted);transition:background-color var(--transition-fast), color var(--transition-fast);padding:2px 7px}.sidebar-nav-item.active .nav-item-badge{background-color:var(--accent-solid);color:var(--on-accent)}.sidebar-footer{border-top:1px solid var(--border-subtle);flex-direction:column;gap:2px;padding:10px;display:flex}.app-sidebar.collapsed{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)}.app-sidebar.collapsed .sidebar-section-title,.app-sidebar.collapsed .nav-item-label,.app-sidebar.collapsed .nav-item-badge,.app-sidebar.collapsed .brand-name{display:none}.app-sidebar.collapsed .sidebar-brand{flex-direction:column;padding:14px 0 8px}.app-sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:10px 0}.top-bar{height:var(--topbar-height);min-height:var(--topbar-height);background-color:var(--bg-glass);-webkit-backdrop-filter:blur(18px)saturate(1.5);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);z-index:50;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;padding:0 10px 0 20px;display:flex}.top-bar-left{align-items:center;gap:10px;min-width:0;display:flex}.top-bar-back-btn{border-radius:var(--radius-md);background-color:var(--bg-surface);border:1px solid var(--border-subtle);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:0 1px 3px #0000000d}.top-bar-back-btn:hover{background-color:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary);transform:translate(-2px)}.top-bar-back-btn:active{transform:translate(0)}.top-bar-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.top-bar-center{flex:1;max-width:460px}.global-search-trigger{background-color:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-full);width:100%;color:var(--text-muted);cursor:pointer;justify-content:space-between;align-items:center;padding:7px 8px 7px 16px;font-size:13px;display:flex}.global-search-trigger:hover{border-color:var(--accent-border);color:var(--text-secondary);background-color:var(--bg-surface);box-shadow:0 0 0 4px var(--accent-subtle)}.search-placeholder-group{align-items:center;gap:10px;display:flex}.kbd-group{align-items:center;gap:3px;display:flex}.top-bar-right{align-items:center;gap:4px;display:flex}.top-bar-btn{border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-secondary)}.top-bar-btn svg{transition:transform .42s var(--ease-spring)}.top-bar-btn:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.top-bar-btn:hover svg{transform:rotate(-14deg)scale(1.1)}.user-avatar-badge{background:var(--gradient-brand);color:#fff;letter-spacing:.3px;width:34px;height:34px;box-shadow:0 0 0 2px var(--bg-surface), 0 0 0 3.5px var(--accent-border);border-radius:50%;margin-left:6px;font-size:11px;font-weight:700}.user-avatar-badge:hover{transform:scale(1.06)}.main-workspace{border-radius:var(--radius-xl);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.main-workspace>*{animation:viewIn .46s var(--ease-out) backwards}@keyframes viewIn{0%{opacity:0;transform:translateY(12px)}}.workspace-page{flex-direction:column;gap:22px;width:100%;max-width:1320px;margin:0 auto;padding:8px 8px 40px;display:flex}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:8px 4px 0;display:flex}.page-heading{flex-direction:column;gap:6px;display:flex}.page-title{letter-spacing:-.7px;color:var(--text-primary);font-size:28px;font-weight:700;line-height:1.15}.page-subtitle{color:var(--text-secondary);font-size:14px}.page-actions{align-items:center;gap:8px;display:flex}:is(.bento,.bento-stats,.quick-tools-grid,.projects-grid,.snippets-grid,.task-list-box,.tools-grid)>*{animation:riseIn .56s var(--ease-out) backwards}:is(.bento,.bento-stats,.quick-tools-grid,.projects-grid,.snippets-grid,.task-list-box,.tools-grid)>:nth-child(2){animation-delay:50ms}:is(.bento,.bento-stats,.quick-tools-grid,.projects-grid,.snippets-grid,.task-list-box,.tools-grid)>:nth-child(3){animation-delay:.1s}:is(.bento,.bento-stats,.quick-tools-grid,.projects-grid,.snippets-grid,.task-list-box,.tools-grid)>:nth-child(4){animation-delay:.15s}:is(.bento,.bento-stats,.quick-tools-grid,.projects-grid,.snippets-grid,.task-list-box,.tools-grid)>:nth-child(5){animation-delay:.2s}:is(.bento,.bento-stats,.quick-tools-grid,.projects-grid,.snippets-grid,.task-list-box,.tools-grid)>:nth-child(6){animation-delay:.25s}:is(.bento,.bento-stats,.quick-tools-grid,.projects-grid,.snippets-grid,.task-list-box,.tools-grid)>:nth-child(n+7){animation-delay:.3s}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)scale(.985)}}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;padding:8px 14px;font-size:13px;font-weight:600;line-height:1.2}.btn:active:not(:disabled){transform:scale(.97)}.btn-secondary{background-color:var(--bg-surface);border-color:var(--border-hover);color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-surface-hover);border-color:var(--accent-border);color:var(--accent)}.btn-subtle{color:var(--text-secondary);background:0 0}.btn-subtle:hover:not(:disabled){background-color:var(--bg-surface-hover);color:var(--text-primary)}.btn-primary{background-color:var(--accent-solid);color:var(--on-accent);box-shadow:inset 0 1px 0 #ffffff2e, 0 6px 16px -8px var(--accent-glow)}.btn-primary:hover:not(:disabled){background-color:var(--accent-solid-hover);color:var(--on-accent);box-shadow:inset 0 1px 0 #ffffff2e, 0 12px 24px -10px var(--accent-glow);transform:translateY(-1px)}.btn-danger{background-color:var(--danger-subtle);color:var(--danger)}.btn-danger:hover:not(:disabled){background-color:var(--danger-solid);color:#fff}.btn-sm{border-radius:8px;padding:6px 10px;font-size:12.5px}.btn-icon{min-width:30px;min-height:30px;color:var(--text-secondary);border-radius:8px;padding:6px}.btn-icon:hover:not(:disabled){background-color:var(--bg-surface-hover);color:var(--text-primary)}.tone-accent,.tone-tool{--tone:var(--cat-tool);--tone-subtle:var(--accent-subtle)}.tone-success,.tone-snippet{--tone:var(--cat-snippet);--tone-subtle:var(--success-subtle)}.tone-info,.tone-project{--tone:var(--cat-project);--tone-subtle:var(--info-subtle)}.tone-warning{--tone:var(--warning);--tone-subtle:var(--warning-subtle)}.bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.bento-hero,.bento-stats,.bento-half{grid-column:span 2}.bento-wide{grid-column:1/-1}.bento-quarter{grid-column:span 1}@media (width<=1180px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-hero,.bento-stats,.bento-half{grid-column:1/-1}}@media (width<=640px){.bento{grid-template-columns:minmax(0,1fr)}.bento-quarter{grid-column:1/-1}}.dashboard-hero{isolation:isolate;border-radius:var(--radius-xl);background:var(--gradient-brand);color:#fff;flex-direction:column;justify-content:space-between;gap:24px;min-height:248px;padding:28px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px -24px #212161a6}.dashboard-hero:before{content:"";z-index:-1;background:radial-gradient(22% 30% at 82% 30%,#85d5f680,#0000 70%),radial-gradient(18% 24% at 92% 78%,#bcfb896b,#0000 70%),radial-gradient(24% 26% at 66% 96%,#05c27452,#0000 70%);animation:14s ease-in-out infinite alternate aurora;position:absolute;inset:-30%}.dashboard-hero:after{content:"";z-index:-1;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#000 0%,#0000 65%);mask-image:linear-gradient(270deg,#000 0%,#0000 65%)}@keyframes aurora{to{transform:translate(-4%,3%)scale(1.12)}}.dashboard-hero :focus-visible{outline-color:#fff}.hero-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#e6e8ff;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.hero-dot{background:var(--brand-lime);border-radius:50%;width:8px;height:8px;animation:2.6s ease-in-out infinite pulseDot;box-shadow:0 0 0 4px #bcfb8933}.greeting-text{letter-spacing:-1.2px;color:#fff;font-size:36px;font-weight:700;line-height:1.1}.hero-wave{transform-origin:70% 70%;animation:2.2s ease-in-out .5s 2 wave;display:inline-block}@keyframes wave{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}.greeting-sub{color:#e6e8ff;margin-top:8px;font-size:15px}.hero-next{color:#fff;text-align:left;background:#17183d47;border:1px solid #ffffff29;border-radius:12px;align-items:center;gap:10px;max-width:min(100%,360px);margin-top:18px;padding:8px 12px 8px 8px;font-size:13px;display:flex}.hero-next:hover{background:#17183d6b}.hero-next svg{transition:transform var(--transition-normal);flex-shrink:0}.hero-next:hover svg{transform:translate(3px)}.hero-next-label{border-radius:var(--radius-sm);background:var(--brand-lime);color:var(--brand-teal);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:700}.hero-next-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.dashboard-hero{container-type:inline-size}.hero-art{pointer-events:none;width:120px;height:136px;display:none;position:absolute;top:26px;right:26px}@container (width>=480px){.hero-art{display:block}}.hero-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;width:46px;height:46px;animation:chipIn .7s var(--ease-spring) backwards, float 6s ease-in-out infinite;background:#17183d4d;border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 14px 28px -14px #0000008c}.hero-chip-1{color:var(--brand-lime);animation-delay:.2s,0s;top:0;right:12px;rotate:8deg}.hero-chip-2{animation-delay:.32s,-2s;top:46px;right:70px;rotate:-10deg}.hero-chip-3{color:var(--brand-sky);animation-delay:.44s,-4s;top:90px;right:0;rotate:4deg}@keyframes chipIn{0%{opacity:0;scale:.4}}@keyframes float{50%{translate:0 -8px}}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-btn{border-radius:var(--radius-full);padding:10px 16px;font-size:13.5px;font-weight:600}.hero-btn:active{transform:scale(.97)}.hero-btn-primary{color:var(--brand-navy);background:#fff;box-shadow:0 10px 24px -10px #00000073}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px #00000080}.hero-btn-ghost{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#17183d47;border:1px solid #ffffff38}.hero-btn-ghost:hover{background:#17183d6b;border-color:#fff6}.bento-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.stat-tile{isolation:isolate;text-align:left;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px;display:flex;position:relative;overflow:hidden}.stat-tile:after{content:"";z-index:-1;background:var(--tone-subtle);width:120px;height:120px;transition:transform .6s var(--ease-out);border-radius:50%;position:absolute;bottom:-46px;right:-46px}.stat-tile:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-tile:hover:after{transform:scale(1.7)}.stat-icon,.panel-icon,.recent-icon{color:var(--tone);background-color:var(--tone-subtle);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-icon{border-radius:12px;width:38px;height:38px}.stat-arrow{color:var(--tone);opacity:0;transition:opacity var(--transition-normal), transform var(--transition-normal);position:absolute;top:18px;right:18px;transform:translate(-6px,6px)}.stat-tile:hover .stat-arrow,.stat-tile:focus-visible .stat-arrow{opacity:1;transform:none}.stat-value{font-family:var(--font-display);letter-spacing:-1px;font-size:34px;font-weight:700;line-height:1;display:block}.stat-label{color:var(--text-secondary);margin-top:6px;font-size:13px;font-weight:500;display:block}.section-header-compact{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px;display:flex}.section-title-compact{font-family:var(--font-display);letter-spacing:-.2px;color:var(--text-primary);align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.section-title-compact svg{color:var(--accent)}.quick-tools-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.quick-tool-wrap{position:relative}.quick-tool-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;text-align:left;width:100%;color:var(--text-primary);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-fast), background-color var(--transition-fast);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.quick-tool-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-tool-wrap .quick-tool-card{padding-right:44px}.quick-tool-info{align-items:center;gap:12px;min-width:0;display:flex}.quick-tool-icon{background-color:var(--accent-subtle);width:38px;height:38px;color:var(--accent);transition:transform .44s var(--ease-spring), background-color var(--transition-fast), color var(--transition-fast);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-tool-card:hover .quick-tool-icon{background-color:var(--accent-solid);color:var(--on-accent);transform:rotate(-8deg)scale(1.06)}.quick-tool-text{flex-direction:column;min-width:0;display:flex}.quick-tool-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.quick-tool-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.pin-tool-btn{color:var(--text-muted);flex-shrink:0}.pin-tool-btn svg{transition:transform .42s var(--ease-spring)}.pin-tool-btn:hover:not(:disabled){color:var(--warning)}.pin-tool-btn:hover svg{transform:rotate(72deg)scale(1.15)}.pin-tool-btn.pinned{color:var(--warning)}.quick-tool-wrap .pin-tool-btn{opacity:0;margin-top:-15px;position:absolute;top:50%;right:8px}.quick-tool-wrap:hover .pin-tool-btn,.quick-tool-wrap:focus-within .pin-tool-btn,.quick-tool-wrap .pin-tool-btn.pinned{opacity:1}.dashboard-panel{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;height:340px;display:flex;overflow:hidden}.dashboard-panel-header{justify-content:space-between;align-items:center;gap:8px;padding:16px 16px 10px 18px;display:flex}.dashboard-panel-title{color:var(--text-primary);align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.panel-icon{border-radius:9px;width:30px;height:30px}.dashboard-panel-body{flex-direction:column;flex:1;gap:4px;min-height:0;padding:6px 12px 14px;display:flex;overflow-y:auto}.panel-empty{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.panel-progress{align-items:center;gap:10px;padding:0 18px 10px;display:flex}.progress-track{border-radius:var(--radius-full);background-color:var(--bg-sunken);flex:1;height:6px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--brand-green), var(--brand-sky), var(--brand-indigo));transform-origin:0;height:100%;transition:width .6s var(--ease-out);animation:growX 1s var(--ease-out) .2s backwards;display:block}@keyframes growX{0%{transform:scaleX(0)}}.progress-label{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:600}.dash-task-item{border-radius:var(--radius-md);transition:background-color var(--transition-fast);align-items:center;gap:12px;padding:9px 10px;display:flex}.dash-task-item:hover{background-color:var(--bg-surface-hover)}.task-checkbox-circle{border:1.5px solid var(--border-input);cursor:pointer;background-color:var(--bg-surface);width:20px;height:20px;color:var(--on-accent);transition:background-color var(--transition-fast), border-color var(--transition-fast), transform .3s var(--ease-spring);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.task-checkbox-circle:hover{border-color:var(--accent);transform:scale(1.08)}.task-checkbox-circle.checked{background-color:var(--accent-solid);border-color:var(--accent-solid);animation:checkPop .38s var(--ease-spring)}@keyframes checkPop{0%{transform:scale(.7)}60%{transform:scale(1.14)}}.dash-task-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13.5px;overflow:hidden}.dash-task-item.checked .dash-task-title{color:var(--text-muted);text-decoration:line-through}.scratchpad-preview-box{text-align:left;background-color:var(--bg-code);border:1px solid var(--border-subtle);width:100%;font-family:var(--font-mono);color:var(--text-secondary);white-space:pre-wrap;cursor:pointer;border-radius:12px;flex-direction:column;flex:1;justify-content:flex-start;padding:14px;font-size:12px;line-height:1.65;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.scratchpad-preview-box:hover{border-color:var(--accent-border);color:var(--text-primary)}.recent-mini-item{border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:background-color var(--transition-fast);justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.recent-mini-item:hover{background-color:var(--bg-surface-hover)}.recent-mini-left{align-items:center;gap:10px;display:flex;overflow:hidden}.recent-icon{border-radius:8px;width:28px;height:28px}.recent-mini-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.recent-mini-time{color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11.5px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.tool-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-fast);flex-direction:column;gap:12px;padding:18px;display:flex;position:relative}.tool-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-3px)}.tool-card:has(.tool-card-open:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.tool-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.tool-card-id{align-items:center;gap:12px;min-width:0;display:flex}.tool-card-title{color:var(--text-primary);font-size:15px;font-weight:700}.tool-card-open{font:inherit;color:inherit;text-align:left}.tool-card-open:after{content:"";border-radius:inherit;position:absolute;inset:0}.tool-card-open:focus-visible{outline:none}.tool-card .pin-tool-btn{z-index:1;position:relative}.tool-card-cat{color:var(--text-muted);font-size:11.5px}.tool-card-desc{color:var(--text-secondary);flex:1;font-size:13px;line-height:1.55}.tool-card-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;padding-top:10px;font-size:11.5px;display:flex}.tool-card-keywords{flex-wrap:wrap;gap:4px;display:flex}.tool-card-keywords span{background-color:var(--bg-sunken);border-radius:var(--radius-full);color:var(--text-muted);padding:2px 8px}.tool-card-launch{color:var(--accent);white-space:nowrap;align-items:center;gap:4px;font-weight:600;display:flex}.tool-card-launch svg{transition:transform var(--transition-normal)}.tool-card:hover .tool-card-launch svg{transform:translate(4px)}.tool-card:hover .quick-tool-icon{background-color:var(--accent-solid);color:var(--on-accent);transform:rotate(-8deg)scale(1.06)}.tools-empty{text-align:center;background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px dashed var(--border-hover);color:var(--text-muted);grid-column:1/-1;padding:48px 16px}.tool-workspace{flex-direction:column;gap:14px;width:100%;height:100%;padding:8px 8px 16px;display:flex;overflow-y:auto}.tool-header-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.tool-header-card:before{content:"";background:radial-gradient(420px 160px at 100% 0%, var(--accent-subtle), transparent 70%);pointer-events:none;position:absolute;inset:0}.tool-header-left{align-items:center;gap:12px;display:flex;position:relative}.tool-back-nav-btn{border-radius:var(--radius-md);background-color:var(--bg-sunken);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.tool-back-nav-btn:hover{background-color:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary);transform:translate(-2px)}.tool-header-icon{background:var(--gradient-brand);color:#fff;width:46px;height:46px;box-shadow:inset 0 1px 0 #ffffff40, 0 10px 22px -10px var(--accent-glow);animation:iconIn .6s var(--ease-spring) .12s backwards;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}@keyframes iconIn{0%{opacity:0;transform:scale(.6)rotate(-20deg)}}.tool-title-row{align-items:center;gap:6px;display:flex}.tool-title{letter-spacing:-.4px;color:var(--text-primary);font-size:22px;font-weight:700}.tool-description{color:var(--text-secondary);font-size:13.5px}.tool-header-right{align-items:center;gap:8px;display:flex;position:relative}.privacy-badge{border-radius:var(--radius-full);background-color:var(--success-subtle);color:var(--success);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.privacy-badge:hover{border-color:var(--success)}.tool-toolbar{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.toolbar-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-split-container{flex:1;grid-template-columns:1fr 1fr;gap:14px;min-height:480px;display:grid}@media (width<=860px){.tool-split-container{grid-template-columns:1fr}}.tool-panel{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.tool-panel:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.tool-panel-header{background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;font-weight:600;display:flex}.tool-panel-actions{align-items:center;gap:4px;display:flex}.tool-editor-area{background-color:var(--bg-code);width:100%;height:100%;min-height:380px;color:var(--text-primary);font-family:var(--font-mono);resize:none;tab-size:2;white-space:pre;border:none;border-radius:0;outline:none;flex:1;padding:12px 16px;font-size:13px;line-height:1.6;overflow:auto}.tool-editor-area:focus,.tool-editor-area:hover{background-color:var(--bg-code);box-shadow:none}.tool-panel-footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);background-color:var(--bg-surface);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;padding:7px 14px;font-size:11.5px;display:flex}.scratchpad-container{flex-direction:column;gap:14px;height:100%;padding:8px 8px 16px;display:flex}.scratchpad-toolbar{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.save-status-indicator{color:var(--text-muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.save-status-dot{background-color:var(--brand-green);width:8px;height:8px;box-shadow:0 0 0 3px var(--success-subtle);border-radius:50%}.save-status-dot.saving{background-color:var(--warning);box-shadow:0 0 0 3px var(--warning-subtle);animation:1s infinite pulse}@keyframes pulse{50%{opacity:.35}}.scratchpad-editor-wrap{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-height:480px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex:1;display:flex;overflow:hidden}.scratchpad-editor-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.scratchpad-split{grid-template-columns:1fr 1fr;width:100%;display:grid}.scratchpad-textarea{background-color:var(--bg-surface);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-mono);resize:none;border:none;border-radius:0;outline:none;padding:20px;font-size:13.5px;line-height:1.7}.scratchpad-textarea:focus,.scratchpad-textarea:hover{background-color:var(--bg-surface);box-shadow:none}.scratchpad-preview-pane{border-left:1px solid var(--border-subtle);background-color:var(--bg-code);padding:20px 24px;overflow-y:auto}.tasks-container{flex-direction:column;gap:18px;width:100%;max-width:1000px;margin:0 auto;padding:8px 8px 40px;display:flex}.tasks-tabs-row{background-color:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:14px;align-self:flex-start;align-items:center;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:500;display:flex}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background-color:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-md);font-weight:600}.tab-btn.active .kbd-shortcut{background-color:var(--accent-solid);border-color:var(--accent-solid);color:var(--on-accent)}.quick-add-task-bar{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px 10px 16px;display:flex}.quick-add-task-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.quick-add-input{min-width:200px;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:4px 0;font-size:14px}.quick-add-input:focus,.quick-add-input:hover{box-shadow:none;background:0 0}.task-list-box{flex-direction:column;gap:8px;display:flex}.task-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-fast);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 12px 16px;display:flex}.task-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-1px)}.task-card-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.task-info-group{flex-direction:column;gap:4px;min-width:0;display:flex}.task-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition-normal);font-size:14px;font-weight:500;overflow:hidden}.task-card.done .task-title{color:var(--text-muted);text-decoration:line-through}.task-meta-line{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.priority-tag{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.priority-tag:before{content:"";background-color:currentColor;border-radius:50%;width:6px;height:6px}.priority-high{background-color:var(--danger-subtle);color:var(--danger)}.priority-medium{background-color:var(--warning-subtle);color:var(--warning)}.priority-low{background-color:var(--info-subtle);color:var(--info)}.project-tag-pill{background-color:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;padding:1px 8px;font-size:11.5px;display:inline-flex}.snippets-container{flex-direction:column;gap:20px;width:100%;max-width:1240px;margin:0 auto;padding:8px 8px 40px;display:flex}.snippets-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.snippets-grid{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:16px;display:grid}.snippet-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.snippet-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-3px)}.snippet-card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:8px;padding:14px 16px;display:flex}.snippet-card-title{font-family:var(--font-display);color:var(--text-primary);font-size:15px;font-weight:700}.snippet-card-desc{color:var(--text-secondary);margin-top:2px;font-size:12.5px}.snippet-code-box{background-color:var(--bg-code);font-family:var(--font-mono);color:var(--text-primary);white-space:pre;border-bottom:1px solid var(--border-subtle);max-height:180px;padding:14px 16px;font-size:12.5px;line-height:1.6;overflow:auto}.snippet-card-footer{background-color:var(--bg-surface);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.snippet-tags-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.snippet-tag{background-color:var(--bg-sunken);border-radius:var(--radius-full);color:var(--text-muted);padding:2px 8px;font-size:11.5px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:16px;display:grid}.project-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-fast);flex-direction:column;gap:12px;padding:20px;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-3px)}.project-card-header{justify-content:space-between;align-items:center;display:flex}.project-color-badge{width:12px;height:12px;box-shadow:0 0 0 3px var(--bg-surface), 0 0 0 4px var(--border-hover);border-radius:50%}.project-card-title{font-family:var(--font-display);letter-spacing:-.2px;color:var(--text-primary);font-size:18px;font-weight:700}.project-card-desc{color:var(--text-secondary);font-size:13px;line-height:1.55}.project-counts-row{color:var(--text-muted);border-top:1px solid var(--border-subtle);align-items:center;gap:12px;padding-top:12px;font-size:12px;display:flex}.palette-backdrop{background-color:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;animation:fadeIn .18s var(--ease-out);justify-content:center;align-items:flex-start;padding:14vh 16px 16px;display:flex;position:fixed;inset:0}.palette-modal{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:640px;box-shadow:var(--shadow-dropdown);animation:popIn .38s var(--ease-spring);flex-direction:column;display:flex;overflow:hidden}.palette-search-box{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:16px 18px;display:flex}.palette-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:16px}.palette-input:focus,.palette-input:hover{box-shadow:none;background:0 0}.palette-results-list{max-height:400px;padding:8px;overflow-y:auto}.palette-group-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:8px 12px;font-size:10.5px;font-weight:600}.palette-item{border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;font-size:13.5px;transition:background-color .1s,box-shadow .1s;display:flex}.palette-item:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.palette-item.selected{background-color:var(--accent-subtle);color:var(--text-primary);box-shadow:inset 3px 0 0 var(--accent)}.palette-item.selected .palette-item-left svg{color:var(--accent)}.palette-item-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.palette-item-left svg{flex-shrink:0}.palette-item-title{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:60%;font-weight:500;overflow:hidden}.palette-item-subtitle{min-width:0;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-left:4px;font-size:12px;overflow:hidden}.palette-footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);background-color:var(--bg-sunken);justify-content:space-between;align-items:center;padding:10px 18px;font-size:12px;display:flex}.settings-container{flex-direction:column;gap:18px;width:100%;max-width:820px;margin:0 auto;padding:8px 8px 40px;display:flex}.settings-section-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:riseIn .56s var(--ease-out) backwards;flex-direction:column;gap:16px;padding:22px;display:flex}.settings-section-card:nth-of-type(3){animation-delay:60ms}.settings-section-card:nth-of-type(4){animation-delay:.12s}.settings-section-card:nth-of-type(n+5){animation-delay:.18s}.settings-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;display:flex}.settings-row:last-child{border-bottom:none;padding-bottom:0}.settings-label-group{flex-direction:column;gap:2px;display:flex}.settings-title{color:var(--text-primary);font-size:14px;font-weight:600}.settings-desc{color:var(--text-muted);font-size:12.5px}.markdown-rendered{color:var(--text-primary);font-size:14px;line-height:1.65}.markdown-rendered h1,.markdown-rendered h2,.markdown-rendered h3,.markdown-rendered h4{color:var(--text-primary);margin-top:16px;margin-bottom:8px;font-weight:700}.markdown-rendered h1{border-bottom:1px solid var(--border-subtle);padding-bottom:6px;font-size:22px}.markdown-rendered h2{font-size:17px}.markdown-rendered h3{font-size:15px}.markdown-rendered p{margin-bottom:10px}.markdown-rendered a{color:var(--accent)}.markdown-rendered ul,.markdown-rendered ol{margin-bottom:10px;padding-left:20px}.markdown-rendered li{margin-bottom:3px}.markdown-rendered pre{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);margin:10px 0;padding:12px 14px;font-size:12.5px;overflow-x:auto}.markdown-rendered code{font-family:var(--font-mono);background-color:var(--accent-subtle);color:var(--accent);border-radius:var(--radius-sm);padding:2px 6px;font-size:12.5px}.markdown-rendered pre code{color:inherit;background:0 0;padding:0}.markdown-rendered blockquote{border-left:3px solid var(--brand-green);background-color:var(--success-subtle);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);margin:10px 0;padding:8px 12px}.markdown-rendered table{border-collapse:collapse;width:100%;margin:10px 0;font-size:13px}.markdown-rendered th,.markdown-rendered td{border:1px solid var(--border-subtle);text-align:left;padding:7px 10px}.markdown-rendered th{background-color:var(--bg-sunken);font-weight:600}.diff-line{font-family:var(--font-mono);padding:1px 8px;font-size:12.5px;line-height:1.6;display:flex}.diff-line-number{width:36px;color:var(--text-muted);-webkit-user-select:none;user-select:none;text-align:right;padding-right:10px}.diff-line.added{background-color:var(--diff-add-bg);color:var(--diff-add-text)}.diff-line.removed{background-color:var(--diff-rem-bg);color:var(--diff-rem-text)}.diff-line.unchanged{color:var(--text-secondary)}.json-tree-container{font-family:var(--font-mono);padding:12px;font-size:12.5px;line-height:1.6;overflow:auto}.json-tree-item{margin-left:16px}.json-key{color:var(--syn-key)}.json-string{color:var(--syn-string)}.json-number{color:var(--syn-number)}.json-boolean{color:var(--syn-boolean)}.json-null{color:var(--text-muted)}.color-preview-large{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);height:88px;font-weight:600;font-family:var(--font-mono);box-shadow:var(--shadow-sm);transition:background-color var(--transition-normal);justify-content:center;align-items:center;display:flex}@media (width<=960px){.app-sidebar{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)}.app-sidebar .sidebar-section-title,.app-sidebar .nav-item-label,.app-sidebar .nav-item-badge,.app-sidebar .brand-name,.app-sidebar .sidebar-collapse-btn{display:none}.app-sidebar .sidebar-brand{flex-direction:column;padding:14px 0 8px}.app-sidebar .sidebar-nav-item{justify-content:center;padding:10px 0}}@media (width<=640px){:root{--shell-gap:8px}.search-placeholder-group span,.kbd-group,.top-bar-right [aria-label=Keyboard\ shortcuts],.top-bar-right [aria-label=Privacy\ information]{display:none}.top-bar-left{flex-shrink:0}.top-bar{gap:8px;padding-left:14px}.page-title{font-size:24px}.greeting-text{font-size:28px}}.api-split-layout{flex:1;grid-template-columns:1fr 1fr;gap:12px;min-height:0;display:grid}@media (width<=900px){.api-split-layout{grid-template-columns:1fr;overflow-y:auto;height:auto!important}}.api-tabs-bar::-webkit-scrollbar{height:4px}.api-tabs-bar::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.api-tab-pill:hover{background:var(--bg-surface-hover)!important}.autocomplete-item:hover,.json-path-item:hover{background:var(--bg-surface-hover)}.btn-subtab:hover{color:var(--text-primary)!important}