:root{--color-primary:oklch(65% 0.22 245);--color-primary-hover:oklch(70% 0.24 245);--color-secondary:oklch(75% 0.18 180);--color-accent:oklch(68% 0.26 160);--color-bg:oklch(12% 0.05 245);--color-surface:oklch(18% 0.08 245);--color-surface-hover:oklch(22% 0.1 245);--color-surface-2:oklch(24% 0.12 245);--color-text:oklch(92% 0.03 245);--color-text-secondary:oklch(75% 0.04 245);--color-text-muted:oklch(60% 0.03 245);--color-border:oklch(30% 0.08 245/0.2);--color-border-hover:oklch(40% 0.12 245/0.3);--color-divider:oklch(25% 0.06 245/0.15);--shadow-sm:0 1px 2px #0000001a,0 1px 1px #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--neon-glow-cyan:0 0 12px oklch(75% 0.2 180/0.3);--neon-glow-primary:0 0 16px oklch(65% 0.22 245/0.4);--glass-blur:20px;--glass-saturate:140%;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--space-1:0.25rem;--space-2:0.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:4rem;--font-h1-size:2.5rem;--font-h2-size:2rem;--font-h3-size:1.5rem;--font-h4-size:1.25rem;--font-h5-size:1.125rem;--font-h6-size:1rem;--font-body:1rem;--font-caption:0.875rem;--lh-tight:1.2;--lh-normal:1.5;--lh-relaxed:1.625;--lh-loose:2;--tracking-tight:-0.02em;--tracking-normal:0em;--tracking-wide:0.02em;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--ease-standard:cubic-bezier(0.4,0,0.2,1);--ease-emil-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}[data-theme=dark]{--color-bg:oklch(12% 0.05 245);--color-surface:oklch(18% 0.08 245);--color-text:oklch(92% 0.03 245)}[data-theme=light]{--color-bg:oklch(98% 0.01 245);--color-surface:oklch(100% 0 245);--color-text:oklch(15% 0.03 245)}@media (max-width:560px){:root{--font-h1-size:2rem;--font-h2-size:1.5rem;--space-5:1.5rem;--space-6:2rem;--glass-blur:8px}}@media (max-width:820px){:root{--glass-blur:15px}}:root,[data-theme=light],body.light-mode{--bg:#f5f3ec;--bg-subtle:#ece8dc;--surface:#fff;--surface-hover:#fef08a;--surface-active:#e5e0d0;--surface-2:#faf8f2;--surface-3:#efece2;--text:#09090b;--text-secondary:#27272a;--text-muted:#52525b;--border:#09090b;--border-strong:#09090b;--border-brutal:#09090b;--divider:#09090b26;--accent:#2563eb;--accent-foreground:#fff;--accent-fill:#2563eb;--accent-fill-hover:#1d4ed8;--focus-ring:#2563eb73;--neo-yellow:#facc15;--neo-lime:#10b981;--neo-pink:#ec4899;--neo-violet:#7c3aed;--neo-cyan:#06b6d4;--neo-orange:#f97316;--neo-blue:#2563eb;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#2563eb;--font-sans:"Geist Sans","Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-display:var(--font-sans);--font-artistic:var(--font-sans);--font-mono:"Geist Mono","JetBrains Mono","SF Mono",ui-monospace,"Cascadia Mono",Menlo,Monaco,monospace;--font-display-size:clamp(40px,6vw,68px);--font-h1-size:28px;--font-h2-size:18px;--font-h3-size:16px;--font-h4-size:15px;--font-h5-size:13px;--font-h6-size:12px;--font-body:15px;--font-body-sm:13px;--font-label:13px;--font-caption:12px;--font-meta:12px;--font-code:13px;--lh-display:1.05;--lh-tight:1.2;--lh-section:1.3;--lh-body:1.6;--lh-label:1.4;--lh-code:1.5;--tracking-display:-0.035em;--tracking-tight:-0.025em;--tracking-section:-0.015em;--tracking-normal:-0.011em;--tracking-label:-0.006em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-sm:var(--space-2);--space-md:var(--space-4);--space-lg:var(--space-6);--space-xl:var(--space-8);--sidebar-width:248px;--topbar-height:52px;--content-max-width:1120px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-pill:999px;--radius-round:999px;--brutal-shadow-color:#09090b;--shadow-brutal-xs:2px 2px 0px var(--brutal-shadow-color);--shadow-brutal-sm:3px 3px 0px var(--brutal-shadow-color);--shadow-brutal:4px 4px 0px var(--brutal-shadow-color);--shadow-brutal-lg:6px 6px 0px var(--brutal-shadow-color);--shadow-brutal-xl:8px 8px 0px var(--brutal-shadow-color);--shadow-popover:var(--shadow-brutal-lg);--shadow-sm:var(--shadow-brutal-sm);--shadow-md:var(--shadow-brutal);--shadow-lg:var(--shadow-brutal-lg);--shadow-xl:var(--shadow-brutal-xl);--shadow-focus:0 0 0 2px var(--focus-ring);--duration-150:150ms;--duration-200:180ms;--duration-300:200ms;--duration-500:200ms;--ease-standard:cubic-bezier(0.2,0,0,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-decelerate:cubic-bezier(0,0,0,1);--ease-spring:cubic-bezier(0.16,1,0.3,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--ease-out-quint:cubic-bezier(0.22,1,0.36,1);--ease-emil-out:cubic-bezier(0.23,1,0.32,1);--ease-emil-in-out:cubic-bezier(0.77,0,0.175,1);--ease-apple-spring:cubic-bezier(0.16,1,0.3,1);--transition-normal:var(--duration-150) var(--ease-standard);--z-header:100;--z-sidebar:200;--z-modal:20000;--z-overlay:19900;--z-toast:30000;--z-tooltip:31000;--primary:var(--accent-fill);--primary-hover:var(--accent-fill-hover);--primary-contrast:var(--accent-foreground);--blue-600:var(--accent-fill);--blue-700:var(--accent-fill-hover);--code-bg:var(--surface-2);--glass-bg:var(--surface);--glass-border:var(--border);--glass-blur:0px;--system-blue:var(--accent);--system-green:var(--success);--system-indigo:var(--neo-violet);--system-orange:var(--warning);--system-pink:var(--neo-pink);--system-purple:var(--neo-violet);--system-red:var(--danger);--system-teal:var(--neo-cyan);--system-yellow:var(--neo-yellow);--system-gray:var(--text-muted);--system-gray-2:var(--text-muted);--system-gray-3:var(--border-strong);--system-gray-4:var(--border);--system-gray-5:var(--surface-3);--system-gray-6:var(--surface-2);--danger-500:var(--danger);--danger-600:var(--danger);--success-500:var(--success);--neutral-50:var(--surface);--neutral-100:var(--surface-2);--neutral-200:var(--surface-3);--neutral-700:var(--surface-3);--neutral-900:var(--text);--text-primary:var(--text);--background-primary:var(--bg);--background-secondary:var(--surface-2);--color-bg:var(--bg);--color-surface:var(--surface);--color-surface-hover:var(--surface-hover);--color-text:var(--text);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-primary:var(--accent);--color-border:var(--border);color-scheme:light}[data-theme=dark],body.dark-mode{--bg:#0c0c12;--bg-subtle:#12121c;--surface:#181824;--surface-hover:#232334;--surface-active:#2a2a3e;--surface-2:#1e1e2c;--surface-3:#262638;--text:#f4f4f6;--text-secondary:#d4d4dc;--text-muted:#9494a8;--border:#3f3f52;--border-strong:#71718a;--border-brutal:#f4f4f6;--divider:#ffffff1f;--accent:#60a5fa;--accent-foreground:#fff;--accent-fill:#2563eb;--accent-fill-hover:#3b82f6;--focus-ring:#60a5fa73;--neo-yellow:#facc15;--neo-lime:#10b981;--neo-pink:#f43f5e;--neo-violet:#8b5cf6;--neo-cyan:#06b6d4;--neo-orange:#f97316;--neo-blue:#3b82f6;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--info:var(--accent);--brutal-shadow-color:#000;--shadow-brutal-xs:2px 2px 0px #000;--shadow-brutal-sm:3px 3px 0px #000;--shadow-brutal:4px 4px 0px #000;--shadow-brutal-lg:6px 6px 0px #000;--shadow-brutal-xl:8px 8px 0px #000;--shadow-popover:var(--shadow-brutal-lg);--shadow-sm:var(--shadow-brutal-sm);--shadow-md:var(--shadow-brutal);--shadow-lg:var(--shadow-brutal-lg);--shadow-xl:var(--shadow-brutal-xl);--shadow-focus:0 0 0 2px var(--focus-ring);--aurora-bg:none;--glass-bg:var(--surface);--glass-border:var(--border);--glass-blur:0px;--code-bg:var(--surface-2);--z-modal:20050;--neon-glow-cyan:none;--neon-glow-purple:none;--neon-glow-pink:none;color-scheme:dark}body.light-mode{background-image:radial-gradient(#09090b14 1.2px,#0000 0)}body.dark-mode,body.light-mode{background-color:#f5f3ec;background-color:var(--bg);background-size:24px 24px}body.dark-mode{background-image:radial-gradient(#f4f4f612 1.2px,#0000 0)}:root,body.dark-mode,body.light-mode{--background-color:var(--bg);--text-color:var(--text);--card-background:var(--surface);--border-color:var(--border);--border-color-light:var(--divider);--hover-background:var(--surface-hover);--active-background:var(--surface-active);--primary-color:var(--primary);--primary-color-dark:var(--blue-600);--secondary-color:var(--accent);--secondary-color-dark:var(--blue-700);--success-color:var(--success);--warning-color:var(--warning);--error-color:var(--danger);--info-color:var(--info);--code-background:var(--code-bg);--pre-background:var(--surface-2)}body.high-contrast-mode,html[data-theme=high-contrast]{--bg:#000;--bg-subtle:#000;--surface:#000;--surface-2:#000;--surface-3:#121212;--text:#fff;--text-secondary:#fff;--text-muted:#e0e0e0;--border:#fff;--border-strong:#fff;--divider:#fff;--glass-bg:#000;--glass-border:#fff;--glass-blur:0px;--primary:#0f0;--primary-hover:#3f3;--accent:#ff0;--accent-fill:#0f0;--accent-foreground:#000;--focus-ring:#0f0;--blue-600:#0f0;--blue-700:#ff0;--info:#0ff;--success:#0f0;--warning:#ff0;--danger:red;--surface-hover:#fff3;--surface-active:#ffffff4d;--code-bg:#121212;--shadow-focus:0 0 0 2px #0f0;--shadow-popover:none;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none;color-scheme:dark}:where(a,button,input,textarea,select,summary,[role=button],[tabindex]:not([tabindex="-1"])):focus-visible{box-shadow:none;outline:2px solid #2563eb73;outline:2px solid var(--focus-ring);outline-offset:2px}.focus-ring:focus-visible{box-shadow:none;outline:2px solid #2563eb73;outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.u-card{box-shadow:none}.u-card,.u-surface{background:#fff;background:var(--surface);border:1px solid #09090b;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md)}.u-container{margin-inline:auto;width:min(1120px,calc(100% - 2rem))}.u-prose{max-inline-size:72ch}@supports (animation-timeline:scroll()){.scroll-progress-bar{animation-timeline:scroll(root);animation-range:0 100%;animation:scrollProgress linear both;background:var(--accent);height:2px;left:0;opacity:.85;pointer-events:none;position:fixed;right:0;top:0;transform:scaleX(0);transform-origin:left center;z-index:calc(var(--z-header) + 10)}@keyframes scrollProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}.scroll-progress-bar{display:none}@supports (animation-timeline:scroll()){.scroll-progress-bar{display:block}}@supports (animation:range(0,100px)){.drawer-panel,.modal-panel,.toast-notification{@starting-style{opacity:0;transform:translateY(4px)}transition:opacity .15s var(--ease-out-expo),transform .15s var(--ease-out-expo);transition:opacity var(--duration-150,.15s) var(--ease-out-expo),transform var(--duration-150,.15s) var(--ease-out-expo)}}.main-container,body.dark-mode .main-container,html[data-theme=dark] .main-container{background-color:var(--bg);background-image:none}@keyframes sectionReveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.content-wrapper.fade-in-up{animation:sectionReveal .16s var(--ease-out-expo) both}h1,h2,h3,h4{text-wrap:balance}li,p{text-wrap:pretty}body.dark-mode ::-webkit-scrollbar-thumb,html[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:2px solid #0000;border-radius:var(--radius-pill)}body.dark-mode ::-webkit-scrollbar-thumb:hover,html[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:content-box}:where(a,button,input,textarea,select,[tabindex]:not([tabindex="-1"])):focus-visible{box-shadow:none;outline:2px solid var(--focus-ring);outline-offset:2px}.skip-link{background:var(--accent-fill);border-radius:0 0 var(--radius-sm) var(--radius-sm);color:var(--accent-foreground);font-size:13px;font-size:var(--font-label,13px);font-weight:600;left:1rem;padding:.5rem 1rem;position:fixed;top:-100%;transition:top .15s var(--ease-out-expo);transition:top var(--duration-150,.15s) var(--ease-out-expo);z-index:99999}.skip-link:focus-visible{top:0}@media (prefers-reduced-motion:reduce){.tab.active{animation:none}.content-wrapper.fade-in-up{animation:none;opacity:1;transform:none}.main-container{background-image:none}@supports (animation-timeline:scroll()){.scroll-progress-bar{display:none}}.tab-content-container:after,.tab-content-container:before{display:none!important}}.tab-content-container{position:relative}.description .content-wrapper,.leftbrain-container,.rightbrain-container,.tools-container{margin-inline:auto;max-width:100%!important;width:100%!important}.section,.tool-section{margin-bottom:var(--space-5)}.section-header,.tool-header{border-bottom:1px solid var(--border);margin-bottom:var(--space-3);padding-bottom:var(--space-2)}.section h2,.section-header h2,.section-title,.tool-title,.tools-container h2{color:var(--text);font-weight:600;letter-spacing:-.015em;letter-spacing:var(--tracking-section,-.015em)}.app-card,.card,.content-card,.github-repo-card,.info-card,.leftbrain-card,.metric-card,.playlist-card,.rightbrain-card,.stat-card,.tech-card,.terminal-card,.tip-card,.tool-container,.yt-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none;overflow:hidden;position:relative;transition:border-color var(--duration-150) var(--ease-standard),background-color var(--duration-150) var(--ease-standard)}.app-card:hover,.card:hover,.content-card:hover,.github-repo-card:hover,.info-card:hover,.leftbrain-card:hover,.metric-card:hover,.playlist-card:hover,.rightbrain-card:hover,.stat-card:hover,.tech-card:hover,.terminal-card:hover,.tip-card:hover,.tool-container:hover,.yt-card:hover{border-color:var(--border-strong)}.action-btn,.copy-btn,.download-btn,.leftbrain-container .btn,.leftbrain-container button,.link-btn,.rightbrain-container .btn,.rightbrain-container button,.tool-button,.tools-container .btn,.tools-container button{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:none;color:var(--text);cursor:pointer;font-size:13px;font-size:var(--font-label,13px);font-weight:500;min-height:32px;padding:.4rem .875rem;transition:background-color var(--duration-150) var(--ease-standard),border-color var(--duration-150) var(--ease-standard),color var(--duration-150) var(--ease-standard)}.action-btn:hover,.copy-btn:hover,.download-btn:hover,.leftbrain-container .btn:hover,.leftbrain-container button:hover,.link-btn:hover,.rightbrain-container .btn:hover,.rightbrain-container button:hover,.tool-button:hover,.tools-container .btn:hover,.tools-container button:hover{background:var(--surface-hover);border-color:var(--border-strong)}.action-btn:active,.copy-btn:active,.download-btn:active,.leftbrain-container .btn:active,.leftbrain-container button:active,.link-btn:active,.rightbrain-container .btn:active,.rightbrain-container button:active,.tool-button:active,.tools-container .btn:active,.tools-container button:active{background:var(--surface-active)}.leftbrain-container input,.leftbrain-container select,.leftbrain-container textarea,.rightbrain-container input,.rightbrain-container select,.rightbrain-container textarea,.tools-container input,.tools-container select,.tools-container textarea{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);padding:.45rem .75rem;transition:border-color var(--duration-150) var(--ease-standard)}[data-theme=light] .leftbrain-container input,[data-theme=light] .leftbrain-container select,[data-theme=light] .leftbrain-container textarea,[data-theme=light] .rightbrain-container input,[data-theme=light] .rightbrain-container select,[data-theme=light] .rightbrain-container textarea,[data-theme=light] .tools-container input,[data-theme=light] .tools-container select,[data-theme=light] .tools-container textarea{background:var(--surface)}.leftbrain-container input:focus-visible,.leftbrain-container select:focus-visible,.leftbrain-container textarea:focus-visible,.rightbrain-container input:focus-visible,.rightbrain-container select:focus-visible,.rightbrain-container textarea:focus-visible,.tools-container input:focus-visible,.tools-container select:focus-visible,.tools-container textarea:focus-visible{border-color:var(--accent);outline:2px solid var(--focus-ring);outline-offset:2px}.section-divider{background:var(--divider);border:0;height:1px;margin:var(--space-6) 0}.subtle-text{color:var(--text-muted);font-size:var(--font-body-sm)}@media (max-width:720px){.section,.tool-section{margin-bottom:var(--space-4)}}.main-region .app-container,.main-region .tool-container,.main-region [class*=-tool]{padding:var(--space-2)}.main-region .control-panel,.main-region .input-section,.main-region .output-section,.main-region .settings-grid{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-3);padding:var(--space-3)}.main-region h2,.main-region h3{font-weight:600;letter-spacing:-.015em;letter-spacing:var(--tracking-section,-.015em)}.main-region input[type=text],.main-region textarea{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:13px;font-size:var(--font-code,13px);padding:.5rem .75rem;transition:border-color var(--duration-150) var(--ease-standard);width:100%}[data-theme=light] .main-region input[type=text],[data-theme=light] .main-region textarea{background:var(--surface)}.main-region input[type=text]:focus-visible,.main-region textarea:focus-visible{border-color:var(--accent);outline:2px solid var(--focus-ring);outline-offset:2px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:2px solid #0000;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:content-box;border:2px solid #0000}.author-content-wrapper,.developer-tools-content-wrapper,.general-tools-content-wrapper,.learning-content-wrapper,.leftbrain-content-wrapper,.qa-tools-content-wrapper,.rightbrain-content-wrapper{--section-accent:var(--accent);font-family:var(--font-sans)!important}.leftbrain-content-wrapper h1,.leftbrain-content-wrapper h2,.leftbrain-content-wrapper h3,.rightbrain-content-wrapper h1,.rightbrain-content-wrapper h2,.rightbrain-content-wrapper h3{font-family:var(--font-sans)!important;font-weight:600;letter-spacing:var(--tracking-tight)}.author-content-wrapper .section-header,.developer-tools-content-wrapper .section-header,.general-tools-content-wrapper .section-header,.learning-content-wrapper .section-header,.leftbrain-content-wrapper .section-header,.qa-tools-content-wrapper .section-header,.rightbrain-content-wrapper .section-header{border-bottom:1px solid var(--border)}.author-content-wrapper .card:hover,.developer-tools-content-wrapper .card:hover,.general-tools-content-wrapper .card:hover,.leftbrain-content-wrapper .card:hover,.leftbrain-content-wrapper .leftbrain-card:hover,.qa-tools-content-wrapper .card:hover,.rightbrain-content-wrapper .card:hover,.rightbrain-content-wrapper .playlist-card:hover,.rightbrain-content-wrapper .rightbrain-card:hover,.rightbrain-content-wrapper .yt-card:hover{border-color:var(--border-strong)}.reveal-on-scroll{opacity:0;transform:translateY(8px);transition:opacity var(--duration-200) var(--ease-out-expo),transform var(--duration-200) var(--ease-out-expo)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}@keyframes contentEnter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.content-enter{animation:contentEnter var(--duration-200) var(--ease-out-expo) both}@media (prefers-reduced-motion:reduce){.content-enter,.reveal-on-scroll,.reveal-on-scroll.is-visible,.section-header,.stagger-children>*{animation:none!important;-webkit-clip-path:none!important;clip-path:none!important;opacity:1!important;transform:none!important;transition:none!important}}.content-wrapper>*,.content-wrapper>div,.content-wrapper>section{max-width:100%!important;width:100%!important}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--font-body);letter-spacing:var(--tracking-normal);line-height:var(--lh-body);margin:0;text-rendering:optimizelegibility;transition:background-color var(--duration-200) var(--ease-standard),color var(--duration-200) var(--ease-standard)}#root,.App,body{background-color:var(--bg);color:var(--text)}#root,.App{min-height:100%}a{color:inherit}canvas,img,svg,video{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{text-wrap:balance;color:var(--text);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);margin:0 0 var(--space-2) 0}h1{font-size:var(--font-h1-size);font-weight:600}h2{font-size:var(--font-h2-size)}h2,h3{font-weight:600;letter-spacing:var(--tracking-section);line-height:var(--lh-section)}h3{font-size:var(--font-h3-size)}h4{font-size:var(--font-h4-size)}h4,h5{font-weight:500}h5{font-size:var(--font-h5-size)}h6{font-size:var(--font-h6-size);font-weight:500}dd,li,p{text-wrap:pretty;color:var(--text-secondary);margin:0 0 var(--space-2) 0}.caption,small{color:var(--text-muted);font-size:var(--font-caption)}code,kbd,pre,samp{font-family:var(--font-mono)}code{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--font-code);padding:.1rem .35rem}code,pre{background:var(--code-bg)}pre{border:1px solid var(--border);border-radius:var(--radius-md);margin:0;overflow:auto}button,input,select,textarea{color:inherit;font:inherit}button,input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}@media (max-width:768px){button,input,select,textarea{font-size:16px;min-height:44px}}a,body,button,div:not(pre *,code *,.monospace *,.font-mono *,.terminal-window *,.code-editor *,.syntax-highlighter *,.json-tree *,.json-tree-node *,[class*=code] *,[class*=json] *,[class*=diff] *),html,input,label,li,option,p,select,span:not(pre *,code *,.monospace *,.font-mono *,.terminal-window *,.code-editor *,.syntax-highlighter *,.json-tree *,.json-tree-node *,[class*=code] *,[class*=json] *,[class*=diff] *),textarea{font-family:var(--font-sans)!important}.display-font,.h1,.h2,.h3,.h4,.h5,.h6,.section-title,.title-font,.tool-title,h1,h2,h3,h4,h5,h6{font-family:var(--font-display)!important}.diff-code,.diff-code *,.diff-row,.diff-row *,.font-mono,.font-mono *,.json-tree,.json-tree *,.json-tree-node,.json-tree-node *,.mono-text,.mono-text *,.monospace,.monospace *,.terminal-body,.terminal-command,.terminal-input-line,.terminal-input-line input,.terminal-line,.terminal-scripts-container pre,.terminal-window,code,code *,input[class*=code],input[class*=hash],input[class*=key],input[class*=mono],input[class*=regex],input[class*=uuid],kbd,pre,pre *,samp,textarea.diff-textarea,textarea.full-width-input,textarea.json-textarea,textarea[class*=code],textarea[class*=crypto],textarea[class*=diff],textarea[class*=hash],textarea[class*=json],textarea[class*=mono],textarea[class*=regex],textarea[class*=terminal],textarea[class*=uuid],textarea[class*=xml],textarea[class*=yaml]{font-family:var(--font-mono)!important}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1.25rem;justify-content:center;padding:2.5rem}.loading-spinner--fullscreen{background:var(--bg);min-height:100vh;min-height:100dvh;overflow:hidden;position:relative;width:100%}.loading-spinner--inline{align-items:center;display:inline-flex;flex-direction:row;gap:.625rem;padding:.25rem .5rem}.loading-spinner--small{padding:1rem}.loading-spinner--medium{padding:2rem}.loading-spinner--large{padding:3rem}.neo-orb-card{background:var(--surface);border:2px solid #09090b;border:2px solid var(--border-brutal,#09090b);border-radius:10px;border-radius:var(--radius-md,10px);box-shadow:4px 4px 0 #09090b;box-shadow:var(--shadow-brutal,4px 4px 0 var(--brutal-shadow-color,#09090b));flex-direction:column;gap:14px;padding:20px 28px;transition:transform .14s ease,box-shadow .14s ease}.neo-orb-card,.neo-orb-stage{align-items:center;display:flex}.neo-orb-stage{justify-content:center;min-height:64px;min-width:64px}.neo-orb-inline{align-items:center;display:inline-flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.neo-orb-info{align-items:center;display:flex;gap:10px}.loading-text{color:var(--text);font-size:13px;font-weight:700;letter-spacing:-.01em;line-height:1.3}.loading-state-badge{background:#facc15;background:var(--neo-yellow,#facc15);border:1.5px solid #09090b;border:1.5px solid var(--border-brutal,#09090b);border-radius:4px;border-radius:var(--radius-xs,4px);box-shadow:2px 2px 0 #09090b;box-shadow:2px 2px 0 var(--brutal-shadow-color,#09090b);color:#09090b;font-family:monospace;font-family:var(--font-mono,monospace);font-size:10px;font-weight:800;letter-spacing:.04em;padding:2px 8px}.loading-overlay{position:relative;width:100%}.loading-overlay-backdrop{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:color-mix(in srgb,var(--bg) 75%,#0000);display:flex;inset:0;justify-content:center;position:absolute;z-index:100}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-page-stage{display:flex;flex-direction:column;gap:28px;min-height:60vh;padding:32px 24px}.skeleton-orb-hero{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:28px 0 12px}.skeleton-stage-grid{display:flex;flex-direction:column;gap:16px;opacity:.7}.skeleton-box{animation:skeleton-loading 1.4s ease-in-out infinite;background:linear-gradient(90deg,var(--surface) 20%,color-mix(in oklch,var(--accent) 12%,var(--surface-hover)) 50%,var(--surface) 80%);background-size:240px 100%;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm,6px);display:inline-block;overflow:hidden;position:relative;transform:translateZ(0);will-change:background-position}.skeleton-text{display:flex;flex-direction:column;gap:8px}.skeleton-text-line{margin-bottom:8px}.skeleton-text-line:last-child{margin-bottom:0}.skeleton-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md,10px);padding:16px}.skeleton-card-image{border-radius:6px;border-radius:var(--radius-sm,6px);margin-bottom:12px}.skeleton-card-content{display:flex;flex-direction:column;gap:8px}.skeleton-card-title{margin-bottom:8px}.skeleton-list{display:flex;flex-direction:column;gap:12px}.skeleton-list-item{align-items:center;display:flex;gap:12px;padding:8px 0}.skeleton-list-icon{border-radius:50%;flex-shrink:0}.skeleton-list-content{display:flex;flex:1 1;flex-direction:column;gap:6px}.skeleton-navigation{display:flex;flex-direction:column;gap:16px;padding:16px}.skeleton-nav-header{border-bottom:1px solid var(--border);padding-bottom:12px}.skeleton-nav-items{display:flex;flex-direction:column;gap:12px}.skeleton-nav-item{align-items:center;border-radius:6px;border-radius:var(--radius-sm,6px);display:flex;gap:12px;padding:8px 12px}.skeleton-nav-icon{border-radius:4px;flex-shrink:0}.skeleton-code-block{background:var(--surface);border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md,10px);overflow:hidden}.skeleton-code-header{align-items:center;background:var(--surface-hover);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px}.skeleton-code-controls{display:flex;gap:8px}.skeleton-code-content{display:flex;flex-direction:column;gap:4px;padding:16px}.skeleton-code-line{font-family:monospace;font-family:var(--font-mono,monospace)}.skeleton-dsa{display:flex;flex-direction:column;gap:24px;padding:20px}.skeleton-dsa-header,.skeleton-dsa-topics{display:flex;flex-direction:column;gap:12px}.skeleton-topic-buttons{display:flex;flex-wrap:wrap;gap:12px}.skeleton-dsa-content{display:flex;flex-direction:column;gap:24px}.skeleton-dsa-stats{border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md,10px);padding:16px}.skeleton-dsa-problems{display:flex;flex-direction:column;gap:16px}.skeleton-problem-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.skeleton-tool{display:flex;flex-direction:column;gap:20px;padding:20px}.skeleton-tool-header{display:flex;flex-direction:column;gap:8px}.skeleton-tool-controls{display:flex;flex-wrap:wrap;gap:12px}.skeleton-tool-content{display:flex;flex-direction:column;gap:16px}@media (max-width:768px){.skeleton-problem-grid{grid-template-columns:1fr}.skeleton-tool-controls,.skeleton-topic-buttons{flex-direction:column}}@media (prefers-reduced-motion:reduce){.skeleton-box{animation:none;background:var(--surface-hover)}}.error-boundary{align-items:center;background:#fff;background:var(--background-color,#fff);color:#333;color:var(--text-color,#333);display:flex;justify-content:center;min-height:100vh;padding:2rem}.error-boundary-content{background:#fff;background:var(--card-background,#fff);border:1px solid #e1e5e9;border:1px solid var(--border-color,#e1e5e9);border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:600px;padding:3rem 2rem;text-align:center}.error-icon{animation:pulse 2s ease-in-out infinite;font-size:4rem;margin-bottom:1.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.error-title{color:#dc3545;color:var(--error-color,#dc3545);font-size:1.8rem;font-weight:600;margin-bottom:1rem}.error-message{color:#666;color:var(--text-color-secondary,#666);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.error-button{border:2px solid #0000;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.error-button-primary{background:#007bff;background:var(--primary-color,#007bff);border-color:#007bff;border-color:var(--primary-color,#007bff);color:var(--text);color:var(--tool-text-primary,var(--text))}.error-button-primary:hover{background:#0056b3;background:var(--primary-color-dark,#0056b3);border-color:#0056b3;border-color:var(--primary-color-dark,#0056b3);transform:translateY(-1px)}.error-button-secondary{background:#6c757d;background:var(--secondary-color,#6c757d);border-color:#6c757d;border-color:var(--secondary-color,#6c757d);color:var(--text);color:var(--tool-text-primary,var(--text))}.error-button-secondary:hover{background:#545b62;background:var(--secondary-color-dark,#545b62);border-color:#545b62;border-color:var(--secondary-color-dark,#545b62);transform:translateY(-1px)}.error-button-outline{background:#0000;border-color:#e1e5e9;border-color:var(--border-color,#e1e5e9);color:#333;color:var(--text-color,#333)}.error-button-outline:hover{background:#f8f9fa;background:var(--hover-background,#f8f9fa);border-color:#007bff;border-color:var(--primary-color,#007bff);color:#007bff;color:var(--primary-color,#007bff)}.error-details{background:#f8f9fa;background:var(--code-background,#f8f9fa);border:1px solid #e1e5e9;border:1px solid var(--border-color,#e1e5e9);border-radius:8px;margin-top:2rem;text-align:left}.error-details summary{background:#f1f3f4;background:var(--hover-background,#f1f3f4);border-bottom:1px solid #e1e5e9;border-bottom:1px solid var(--border-color,#e1e5e9);border-radius:8px 8px 0 0;cursor:pointer;font-weight:500;padding:1rem}.error-details summary:hover{background:#e9ecef;background:var(--active-background,#e9ecef)}.error-stack{padding:1rem}.error-stack h4{color:#dc3545;color:var(--error-color,#dc3545);font-size:1rem;margin:1rem 0 .5rem}.error-stack h4:first-child{margin-top:0}.error-stack pre{background:#f1f3f4;background:var(--pre-background,#f1f3f4);line-height:1.4;overflow-x:auto;padding:1rem;white-space:pre-wrap;word-break:break-word}.error-id,.error-stack pre{border:1px solid #e9ecef;border:1px solid var(--border-color-light,#e9ecef);border-radius:4px;font-size:.85rem}.error-id{background:#f8f9fa;background:var(--code-background,#f8f9fa);color:#999;color:var(--text-color-muted,#999);font-family:Courier New,monospace;margin-top:1rem;padding:.5rem}body.dark-mode .error-boundary{background:#1a1a1a;background:var(--dark-background,#1a1a1a);color:#fff;color:var(--dark-text,#fff)}body.dark-mode .error-boundary-content{background:#2d2d2d;background:var(--dark-card-background,#2d2d2d);border-color:#404040;border-color:var(--dark-border,#404040);box-shadow:0 4px 20px #0000004d}body.dark-mode .error-details{background:#1e1e1e;background:var(--dark-code-background,#1e1e1e);border-color:#404040;border-color:var(--dark-border,#404040)}body.dark-mode .error-details summary{background:#3a3a3a;background:var(--dark-hover-background,#3a3a3a);border-color:#404040;border-color:var(--dark-border,#404040)}body.dark-mode .error-stack pre{background:#1a1a1a;background:var(--dark-pre-background,#1a1a1a)}body.dark-mode .error-id,body.dark-mode .error-stack pre{border-color:#333;border-color:var(--dark-border-light,#333)}body.dark-mode .error-id{background:#1e1e1e;background:var(--dark-code-background,#1e1e1e);color:#ccc;color:var(--dark-text-muted,#ccc)}@media (max-width:768px){.error-boundary{padding:1rem}.error-boundary-content{padding:2rem 1.5rem}.error-actions{align-items:center;flex-direction:column}.error-button{max-width:200px;width:100%}.error-title{font-size:1.5rem}.error-message{font-size:1rem}}.auth-overlay{background:color-mix(in srgb,var(--bg) 65%,#0000);z-index:20000;z-index:var(--z-modal,20000)}.fade-swap{animation:fade-swap-enter .32s cubic-bezier(.22,1,.36,1) both;will-change:opacity,transform}@keyframes fade-swap-enter{0%{filter:blur(4px);opacity:0;transform:translateY(15px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.fade-swap{animation:none;will-change:auto}}.auth-overlay{align-items:center;animation:authFadeIn .2s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:oklch(0 0 0/.6);display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-modal)}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{animation:authSlideUp .25s cubic-bezier(.16,1,.3,1);background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;box-shadow:0 24px 64px oklch(0 0 0/.5),inset 0 1px 0 oklch(100% 0 0/.08);color:var(--text);max-width:400px;padding:36px 32px;position:relative;width:100%}@keyframes authSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-close{align-items:center;background:var(--surface-hover);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;position:absolute;right:14px;top:14px;transition:background-color .15s ease,color .15s ease,border-color .15s ease;width:30px}.auth-close:hover{background:var(--surface-active);border-color:var(--border-strong);color:var(--text)}.auth-header{margin-bottom:24px;text-align:center}.auth-logo{align-items:center;background:var(--accent-fill);border-radius:12px;box-shadow:inset 0 1px 0 oklch(100% 0 0/.25),0 8px 24px oklch(55% .21 258/.35);color:var(--accent-foreground);display:flex;font-size:20px;font-weight:700;height:48px;justify-content:center;margin:0 auto 14px;width:48px}.auth-header h2{color:var(--text);font-size:1.35rem;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}.auth-header p{color:var(--text-secondary);font-size:.875rem;margin:0}.auth-oauth{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.oauth-btn{align-items:center;background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:10px;justify-content:center;padding:10px 16px;transition:background-color .15s ease,border-color .15s ease,transform .15s ease;width:100%}.oauth-btn:hover{background:var(--surface-hover);border-color:var(--accent);transform:translateY(-1px)}.auth-divider{align-items:center;display:flex;gap:12px;margin-bottom:20px}.auth-divider:after,.auth-divider:before{background:var(--border);content:"";flex:1 1;height:1px}.auth-divider span{color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.auth-form{gap:14px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px}.auth-field label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.auth-field input{background:var(--bg);border:1px solid var(--border-strong);border-radius:6px;border-radius:var(--radius-sm,6px);box-sizing:border-box;color:var(--text);font-size:.875rem;outline:none;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--focus-ring)}.auth-field input::placeholder{color:var(--text-muted)}.auth-error{background:color-mix(in oklch,var(--danger) 14%,#0000);border:1px solid color-mix(in oklch,var(--danger) 35%,#0000);border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--danger);font-size:.8125rem;padding:10px 12px}.auth-submit{background:var(--accent-fill);border:1px solid oklch(100% 0 0/.16);border-radius:6px;border-radius:var(--radius-sm,6px);box-shadow:inset 0 1px 0 oklch(100% 0 0/.22),0 4px 14px oklch(55% .21 258/.35);color:var(--accent-foreground);cursor:pointer;font-size:.875rem;font-weight:600;margin-top:4px;padding:10px 16px;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease;width:100%}.auth-submit:hover:not(:disabled){background:var(--accent-fill);background:var(--accent-fill-hover,var(--accent-fill));box-shadow:inset 0 1px 0 oklch(100% 0 0/.28),0 6px 20px oklch(55% .21 258/.45);transform:translateY(-1px)}.auth-submit:disabled{cursor:not-allowed;opacity:.5}.auth-switch{color:var(--text-secondary);font-size:.8125rem;margin:18px 0 0;text-align:center}.auth-switch button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.8125rem;font-weight:600;padding:0}.auth-switch button:hover{text-decoration:underline}.auth-user-btn{align-items:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;border-radius:var(--radius-pill,999px);color:var(--text);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:8px;height:32px;padding:3px 12px 3px 4px;position:relative;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.auth-user-btn:hover{background:var(--surface-hover);border-color:var(--accent)}.auth-avatar{align-items:center;background:var(--accent-fill);border-radius:50%;color:var(--accent-foreground);display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:24px;justify-content:center;overflow:hidden;width:24px}.auth-avatar img{height:100%;object-fit:cover;width:100%}.auth-dropdown{animation:authFadeIn .15s ease;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;border-radius:var(--radius-md,10px);box-shadow:0 12px 32px oklch(0 0 0/.35);min-width:200px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:99999}.auth-dropdown-email{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.75rem;margin-bottom:4px;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;white-space:nowrap}.auth-dropdown button{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8125rem;gap:8px;padding:8px 10px;text-align:left;transition:background-color .15s ease,color .15s ease;width:100%}.auth-dropdown button:hover{background:var(--surface-hover);color:var(--text)}.auth-dropdown .logout-btn{color:var(--danger)}.auth-dropdown .logout-btn:hover{background:color-mix(in oklch,var(--danger) 12%,#0000)}.auth-sign-in-btn{align-items:center;background:var(--text);border:1px solid #0000;border-radius:999px;border-radius:var(--radius-pill,999px);box-shadow:0 1px 2px oklch(0 0 0/.2);color:var(--bg);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:13px;font-weight:600;height:32px;justify-content:center;letter-spacing:-.01em;padding:0 14px;transition:transform .15s cubic-bezier(.16,1,.3,1),opacity .15s ease,box-shadow .15s ease;white-space:nowrap}.auth-sign-in-btn:hover{box-shadow:0 4px 12px oklch(0 0 0/.25);opacity:.92;transform:translateY(-1px)}.auth-sign-in-btn:active{transform:translateY(0) scale(.98)}.profile-modal-overlay{align-items:flex-start;background:#fff;background:var(--bg-primary,#fff);display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100vw;z-index:10000}[data-theme=dark] .profile-modal-overlay{background:#121212}.profile-modal-content{background:#0000;border:none;box-shadow:none;color:#333;color:var(--text-primary,#333);max-width:800px;padding:60px 30px;position:relative;width:100%}[data-theme=dark] .profile-modal-content{background:#0000;border:none;color:#f0f0f0}.profile-close-btn{background:none;border:none;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:24px;position:absolute;right:20px;top:15px;transition:color .2s}.profile-close-btn:hover{color:#ff4757}.profile-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 10px #0000001a;color:var(--text);color:var(--tool-text-primary,var(--text));display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;overflow:hidden;width:80px}.profile-avatar-large img{height:100%;object-fit:cover;width:100%}.profile-info h2{font-size:24px;margin:0 0 5px}.profile-info p{color:#666;color:var(--text-secondary,#666);font-size:14px;margin:0 0 10px}.profile-provider-badge{background:#667eea1a;border-radius:20px;color:#667eea;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.profile-data-preview,.profile-storage-section{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #eee;border:1px solid var(--border-color,#eee);border-radius:10px;margin-bottom:25px;padding:20px}[data-theme=dark] .profile-data-preview,[data-theme=dark] .profile-storage-section{background:#252525;border-color:var(--tool-text-primary,var(--text))}.profile-data-preview h3,.profile-storage-section h3{font-size:16px;font-weight:600;margin:0 0 15px}.storage-bar-bg{background:#eee;background:var(--border-color,#eee);border-radius:5px;height:10px;margin-bottom:10px;overflow:hidden;width:100%}[data-theme=dark] .storage-bar-bg{background:var(--surface-2);background:var(--tool-background-secondary,var(--surface-2))}.storage-bar-fill{background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:5px;height:100%;transition:width .5s ease-out}.storage-bar-fill.critical{background:linear-gradient(90deg,#ff6b6b,#ff4757)}.storage-labels{display:flex;font-size:12px;justify-content:space-between;margin-bottom:15px}.storage-desc,.storage-labels{color:#666;color:var(--text-secondary,#666)}.storage-desc{font-size:13px;line-height:1.5;margin:0}.data-badges{display:flex;flex-wrap:wrap;gap:8px}.data-badge{background:#eee;background:var(--border-color,#eee);border-radius:6px;color:#333;color:var(--text-primary,#333);font-size:13px;padding:6px 12px;text-transform:capitalize}[data-theme=dark] .data-badge{background:var(--surface-2);background:var(--tool-background-secondary,var(--surface-2));color:#ddd}.no-data-msg{color:#666;color:var(--text-secondary,#666);font-size:13px;font-style:italic;margin:0}.profile-actions{display:flex;justify-content:flex-end;margin-top:20px}.sign-out-btn{background:#ff4757;border:none;border-radius:6px;color:var(--text);color:var(--tool-text-primary,var(--text));cursor:pointer;font-weight:600;padding:10px 20px;transition:background .2s}.sign-out-btn:hover{background:#ff6b6b}.neo-icon-wrapper{flex-shrink:0;line-height:1}.neo-icon-inline,.neo-icon-wrapper{align-items:center;display:inline-flex;justify-content:center}.neo-icon-inline{color:currentcolor}.neo-icon-badge{align-items:center;background:var(--surface);background:var(--neo-badge-bg,var(--surface));border:1.5px solid #09090b;border:1.5px solid var(--border-brutal,#09090b);border-radius:4px;border-radius:var(--radius-xs,4px);box-shadow:2px 2px 0 #09090b;box-shadow:2px 2px 0 var(--brutal-shadow-color,#09090b);color:var(--text);color:var(--neo-badge-fg,var(--text));display:inline-flex;height:26px;justify-content:center;transition:transform .12s ease,box-shadow .12s ease;width:26px}.neo-icon-badge--sm{height:22px;width:22px}.neo-icon-badge--lg{border-radius:6px;border-radius:var(--radius-sm,6px);height:34px;width:34px}.neo-icon-badge--lg,.neo-icon-badge:hover{box-shadow:3px 3px 0 #09090b;box-shadow:3px 3px 0 var(--brutal-shadow-color,#09090b)}.neo-icon-badge:hover{transform:translate(-1px,-1px)}.dark-mode .neo-icon-badge,[data-theme=dark] .neo-icon-badge{border-color:#f4f4f6;border-color:var(--border-brutal,#f4f4f6);box-shadow:2px 2px 0 #000}.shell-root{background:var(--bg);color:var(--text);flex-direction:column;height:100vh;height:100dvh;min-height:100vh;overflow:hidden;width:100%}.shell-root,.shell-topbar{display:flex;position:relative}.shell-topbar{align-items:center;background:var(--surface);background:var(--bg-subtle,var(--surface));border-bottom:2px solid #09090b;border-bottom:2px solid var(--border-brutal,#09090b);flex-shrink:0;gap:12px;gap:var(--space-3,12px);height:54px;justify-content:space-between;min-height:54px;padding:0 16px;padding:0 var(--space-4,16px);z-index:100;z-index:var(--z-header,100)}.shell-topbar-left{flex:1 1;min-width:0}.shell-topbar-left,.shell-topbar-right{align-items:center;display:flex;gap:8px;gap:var(--space-2,8px)}.shell-topbar-right{flex-shrink:0}.shell-mobile-menu-btn{align-items:center;background:var(--surface);border:2px solid #09090b;border:2px solid var(--border-brutal,#09090b);border-radius:6px;border-radius:var(--radius-sm,6px);box-shadow:2px 2px 0 var(--brutal-shadow-color);box-shadow:var(--shadow-brutal-xs,2px 2px 0 var(--brutal-shadow-color));color:var(--text);cursor:pointer;display:none;height:34px;justify-content:center;min-height:34px;min-width:34px;padding:0;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease;width:34px}.shell-mobile-menu-btn:hover{background:#facc15;background:var(--neo-yellow,#facc15);box-shadow:3px 3px 0 var(--brutal-shadow-color);box-shadow:var(--shadow-brutal-sm,3px 3px 0 var(--brutal-shadow-color));color:#09090b;transform:translate(-1px,-1px)}.shell-mobile-menu-btn:active{box-shadow:0 0 0 #0000;transform:translate(1px,1px)}.shell-wordmark{align-items:center;background:var(--surface);border:2px solid #09090b;border:2px solid var(--border-brutal,#09090b);border-radius:6px;border-radius:var(--radius-sm,6px);box-shadow:2px 2px 0 var(--brutal-shadow-color);box-shadow:var(--shadow-brutal-xs,2px 2px 0 var(--brutal-shadow-color));color:var(--text);display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:800;gap:8px;letter-spacing:-.02em;min-height:34px;padding:2px 10px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease;white-space:nowrap}.shell-wordmark:hover{background:var(--surface-hover);box-shadow:3px 3px 0 var(--brutal-shadow-color);box-shadow:var(--shadow-brutal-sm,3px 3px 0 var(--brutal-shadow-color));color:var(--text);transform:translate(-1px,-1px)}.shell-wordmark:active{box-shadow:0 0 0 #0000;transform:translate(1px,1px)}.shell-wordmark-badge{align-items:center;background:#facc15;background:var(--neo-yellow,#facc15);border:1.5px solid #09090b;border:1.5px solid var(--border-brutal,#09090b);border-radius:4px;border-radius:var(--radius-xs,4px);color:#09090b;display:inline-flex;flex-shrink:0;font-family:monospace;font-family:var(--font-mono,monospace);font-size:11px;font-weight:900;height:22px;justify-content:center;letter-spacing:-.02em;width:22px}.shell-wordmark-text{display:inline-block}.shell-breadcrumb{align-items:center;display:inline-flex;font-size:.8125rem;gap:8px;gap:var(--space-2,8px);line-height:1.4;min-width:0;overflow:hidden}.shell-breadcrumb-sep{color:var(--text-muted);flex-shrink:0;-webkit-user-select:none;user-select:none}.shell-breadcrumb-section{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .15s ease;white-space:nowrap}a.shell-breadcrumb-section:hover{color:var(--text)}.shell-breadcrumb-item{color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-theme-menu{display:inline-flex;position:relative}.shell-theme-trigger{align-items:center;background:var(--surface);border:2px solid #09090b;border:2px solid var(--border-brutal,#09090b);border-radius:6px;border-radius:var(--radius-sm,6px);box-shadow:2px 2px 0 var(--brutal-shadow-color);box-shadow:var(--shadow-brutal-xs,2px 2px 0 var(--brutal-shadow-color));color:var(--text);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:700;gap:6px;height:34px;justify-content:center;line-height:1.4;min-height:34px;padding:0 12px;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease;white-space:nowrap}.shell-theme-trigger:hover{background:#facc15;background:var(--neo-yellow,#facc15);box-shadow:3px 3px 0 var(--brutal-shadow-color);box-shadow:var(--shadow-brutal-sm,3px 3px 0 var(--brutal-shadow-color));color:#09090b;transform:translate(-1px,-1px)}.shell-theme-trigger:active{box-shadow:0 0 0 #0000;transform:translate(1px,1px)}.shell-theme-popover{background:var(--surface);border:2px solid #09090b;border:2px solid var(--border-brutal,#09090b);border-radius:10px;border-radius:var(--radius-md,10px);box-shadow:6px 6px 0 var(--brutal-shadow-color);box-shadow:var(--shadow-brutal-lg,6px 6px 0 var(--brutal-shadow-color));min-width:156px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:20000;z-index:var(--z-modal,20000)}.shell-theme-option{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text);cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:8px;height:34px;padding:0 10px;text-align:left;transition:background-color .12s ease,color .12s ease;width:100%}.shell-theme-option.selected,.shell-theme-option:hover{background:#facc15;background:var(--neo-yellow,#facc15);border-color:#09090b;color:#09090b}.shell-theme-option-label{flex:1 1}.shell-theme-option-check{color:var(--accent);flex-shrink:0}.shell-body{display:grid;flex:1 1;grid-template-columns:248px minmax(0,1fr);min-height:0;overflow:hidden;position:relative}.shell-sidebar{background:var(--surface);background:var(--bg-subtle,var(--surface));border-right:2px solid #09090b;border-right:2px solid var(--border-brutal,#09090b);overflow:hidden;width:248px}.shell-sidebar,.shell-sidebar-inner{display:flex;flex-direction:column;min-height:0}.shell-sidebar-inner{height:100%}.shell-sections{display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:10px 8px 6px}.shell-section-link{align-items:center;background:#0000;border:1.5px solid #0000;border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text);display:flex;font-size:.8125rem;font-weight:600;gap:10px;letter-spacing:-.006em;line-height:1.4;min-height:34px;padding:6px 10px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease}.shell-section-link:hover{background:var(--surface-hover);border-color:#09090b;border-color:var(--border-brutal,#09090b);transform:translate(-1px,-1px)}.shell-section-link.active,.shell-section-link:hover{box-shadow:2px 2px 0 var(--brutal-shadow-color);box-shadow:var(--shadow-brutal-xs,2px 2px 0 var(--brutal-shadow-color));color:var(--text)}.shell-section-link.active{background:var(--surface);border:2px solid #09090b;border:2px solid var(--border-brutal,#09090b);font-weight:800}.shell-section-icon{color:currentcolor;flex-shrink:0}.shell-section-link.active .shell-section-icon{color:var(--accent);color:var(--accent-fill,var(--accent))}.shell-section-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-sidebar-divider{background:var(--border);flex-shrink:0;height:1px;margin:4px 12px}.shell-item-list{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.shell-filter-wrap{align-items:center;background:var(--bg);border:1px solid var(--border-strong,var(--border));border-radius:6px;border-radius:var(--radius-sm,6px);display:flex;flex-shrink:0;gap:6px;height:32px;margin:8px 10px 6px;min-height:32px;padding:0 8px;transition:border-color .15s ease}.shell-filter-wrap:focus-within{border-color:var(--accent);outline:2px solid var(--accent);outline:2px solid var(--focus-ring,var(--accent));outline-offset:1px}.nav-filter-icon{color:var(--text-muted);flex-shrink:0}.shell-filter-input{background:#0000;border:0;color:var(--text);flex:1 1;font-size:.8125rem;line-height:1.4;min-width:0;outline:none}.nav-filter-count,.shell-filter-input::placeholder{color:var(--text-muted)}.nav-filter-count{background:var(--surface-hover);border-radius:999px;border-radius:var(--radius-pill,999px);flex-shrink:0;font-size:.6875rem;font-weight:500;padding:1px 6px}.nav-filter-clear{align-items:center;background:#0000;border:0;border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text-muted);cursor:pointer;display:inline-flex;height:22px;justify-content:center;padding:0;transition:background-color .15s ease,color .15s ease;width:22px}.nav-filter-clear:hover{background:var(--surface-hover);color:var(--text)}.shell-item-scroll{display:flex;flex:1 1;flex-direction:column;gap:2px;min-height:0;overflow:hidden auto;padding:4px 8px 16px}.shell-nav-item{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text);display:flex;font-size:.8125rem;font-weight:500;letter-spacing:-.006em;line-height:1.4;min-height:32px;padding:6px 10px 6px 12px;position:relative;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.shell-nav-item:hover{background:var(--surface-hover);border-color:#09090b;border-color:var(--border-brutal,#09090b);box-shadow:2px 2px 0 var(--brutal-shadow-color);box-shadow:var(--shadow-brutal-xs,2px 2px 0 var(--brutal-shadow-color));color:var(--text);transform:translate(-1px,-1px)}.shell-nav-item.selected{background:#facc15;background:var(--neo-yellow,#facc15);border:1.5px solid #09090b;box-shadow:2px 2px 0 #09090b;color:#09090b;font-weight:700}.dark-mode .shell-nav-item.selected,[data-theme=dark] .shell-nav-item.selected{background:#2563eb;background:var(--accent-fill,#2563eb);border:1.5px solid #f4f4f6;border:1.5px solid var(--border-brutal,#f4f4f6);box-shadow:2px 2px 0 #000;color:#fff}.shell-nav-item.selected:before{display:none}.shell-nav-item-icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;margin-right:8px}.nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-empty-filter{color:var(--text-muted);font-size:.8125rem;padding:20px 12px;text-align:center}.shell-main{background:var(--bg);min-width:0;overflow:hidden}.shell-main,.tab-content{display:flex;flex-direction:column;min-height:0}.tab-content{height:100%}.description{flex:1 1;min-height:0;overflow:hidden auto;padding:24px;transition:opacity .15s ease,transform .15s ease}.description.content-hidden{opacity:0}.description.content-visible{opacity:1}.content-wrapper{box-sizing:border-box;margin:0 auto;min-height:100%;width:100%}.shell-reading .content-wrapper{max-width:1120px}.shell-tools .content-wrapper{max-width:100%}.placeholder-content{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md,10px);display:flex;flex-direction:column;gap:12px;gap:var(--space-3,12px);justify-content:center;min-height:220px;padding:32px;text-align:center}.placeholder-content h2{font-size:1.125rem;font-weight:600;margin:0}.placeholder-content p{color:var(--text-secondary);margin:0}.placeholder-instruction{color:var(--text-muted)}.nav-filter-clear:focus-visible,.shell-breadcrumb-section:focus-visible,.shell-mobile-menu-btn:focus-visible,.shell-nav-item:focus-visible,.shell-section-link:focus-visible,.shell-theme-option:focus-visible,.shell-theme-trigger:focus-visible,.shell-wordmark:focus-visible{outline:2px solid var(--accent);outline:2px solid var(--focus-ring,var(--accent));outline-offset:2px}@media (max-width:959px){.shell-mobile-menu-btn{display:inline-flex}.shell-body{grid-template-columns:minmax(0,1fr)}.shell-scrim{background:color-mix(in srgb,var(--text) 40%,#0000);border:0;cursor:pointer;inset:52px 0 0;padding:0;position:fixed;z-index:199;z-index:calc(var(--z-sidebar, 200) - 1)}.shell-sidebar{bottom:0;left:0;position:fixed;top:52px;transform:translateX(-100%);transition:transform .18s cubic-bezier(.16,1,.3,1),visibility .18s;visibility:hidden;width:min(264px,calc(100vw - 48px));z-index:200;z-index:var(--z-sidebar,200)}.shell-sidebar.is-open{transform:translateX(0);visibility:visible}}@media (max-width:720px){.shell-topbar{padding:0 12px;padding:0 var(--space-3,12px)}.description{padding:16px}}@media (max-width:560px){.shell-theme-trigger-label{display:none}.shell-theme-trigger{padding:0;width:32px}.shell-breadcrumb-item,.shell-breadcrumb-sep:nth-of-type(2){display:none}}@media (prefers-reduced-motion:reduce){.description,.shell-breadcrumb-section,.shell-mobile-menu-btn,.shell-nav-item,.shell-section-link,.shell-sidebar,.shell-theme-option,.shell-theme-trigger,.shell-wordmark{transition:none}}.btn{--btn-bg:var(--accent-fill);--btn-fg:var(--accent-foreground);--btn-border:var(--border-brutal,#09090b);align-items:center;background-color:var(--btn-bg);border:2px solid var(--btn-border);border-radius:6px;border-radius:var(--radius-sm,6px);box-shadow:3px 3px 0 #09090b;box-shadow:var(--shadow-brutal-sm,3px 3px 0 var(--brutal-shadow-color,#09090b));color:var(--btn-fg);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:8px;height:38px;justify-content:center;letter-spacing:-.01em;line-height:1.3;padding:0 16px;text-decoration:none;transition:transform .12s cubic-bezier(.2,0,0,1),box-shadow .12s cubic-bezier(.2,0,0,1),background-color .12s ease,color .12s ease,border-color .12s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover:not(:disabled):not([aria-disabled=true]){box-shadow:5px 5px 0 #09090b;box-shadow:var(--shadow-brutal,5px 5px 0 var(--brutal-shadow-color,#09090b));transform:translate(-2px,-2px)}.btn:active:not(:disabled):not([aria-disabled=true]){box-shadow:0 0 0 #09090b;box-shadow:0 0 0 var(--brutal-shadow-color,#09090b);transform:translate(2px,2px)}.btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{box-shadow:none;cursor:not-allowed;opacity:.5;pointer-events:none;transform:none}.btn--primary,.btn--solid{--btn-bg:var(--accent-fill);--btn-fg:#fff;--btn-border:var(--border-brutal,#09090b);background-color:var(--accent-fill);color:#fff}.btn--primary:hover:not(:disabled):not([aria-disabled=true]){background-color:#1d4ed8;background-color:var(--accent-fill-hover,#1d4ed8);color:#fff}.btn--outline,.btn--secondary{--btn-bg:var(--surface);--btn-fg:var(--text);--btn-border:var(--border-brutal,#09090b)}.btn--outline:hover:not(:disabled):not([aria-disabled=true]),.btn--secondary:hover:not(:disabled):not([aria-disabled=true]){background-color:#facc15;background-color:var(--neo-yellow,#facc15);border-color:#09090b;color:#09090b}.btn--ghost{--btn-bg:#0000;--btn-fg:var(--text);--btn-border:#0000;box-shadow:none}.btn--ghost:hover:not(:disabled):not([aria-disabled=true]){--btn-bg:var(--surface-hover);--btn-border:var(--border-strong);box-shadow:2px 2px 0 var(--brutal-shadow-color);box-shadow:var(--shadow-brutal-xs,2px 2px 0 var(--brutal-shadow-color));transform:translate(-1px,-1px)}.btn--ghost:active:not(:disabled):not([aria-disabled=true]){box-shadow:0 0 0 #0000;transform:translate(1px,1px)}.btn--danger{--btn-bg:var(--danger,#ef4444);--btn-fg:#fff;--btn-border:var(--border-brutal,#09090b);background-color:#ef4444;background-color:var(--danger,#ef4444);color:#fff}.btn--danger:hover:not(:disabled):not([aria-disabled=true]){background-color:#dc2626;color:#fff}.btn--link{--btn-bg:#0000;--btn-fg:var(--accent);--btn-border:#0000;box-shadow:none;height:auto;padding:0}.btn--link:hover:not(:disabled):not([aria-disabled=true]){box-shadow:none;text-decoration:underline;transform:none}.btn--sm{box-shadow:2px 2px 0 var(--brutal-shadow-color);box-shadow:var(--shadow-brutal-xs,2px 2px 0 var(--brutal-shadow-color));font-size:12px;height:32px;padding:0 12px}.btn--sm:hover:not(:disabled):not([aria-disabled=true]){box-shadow:3px 3px 0 var(--brutal-shadow-color);box-shadow:var(--shadow-brutal-sm,3px 3px 0 var(--brutal-shadow-color));transform:translate(-1px,-1px)}.btn--sm:active:not(:disabled):not([aria-disabled=true]){box-shadow:0 0 0 #0000;transform:translate(1px,1px)}.btn--md{font-size:13px;height:38px;padding:0 16px}.btn--lg{box-shadow:4px 4px 0 var(--brutal-shadow-color);box-shadow:var(--shadow-brutal,4px 4px 0 var(--brutal-shadow-color));font-size:14px;height:44px;padding:0 20px}.btn--lg:hover:not(:disabled):not([aria-disabled=true]){box-shadow:6px 6px 0 var(--brutal-shadow-color);box-shadow:var(--shadow-brutal-lg,6px 6px 0 var(--brutal-shadow-color));transform:translate(-2px,-2px)}.btn--lg:active:not(:disabled):not([aria-disabled=true]){box-shadow:0 0 0 #0000;transform:translate(2px,2px)}.btn--full{width:100%}.btn__icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.btn--loading{position:relative}.btn--loading:after{animation:btn-spin .5s linear infinite;border:2px solid #0000;border-radius:50%;border-right-color:initial;border-top-color:initial;content:"";height:1em;margin-left:6px;width:1em}@keyframes btn-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.btn{transform:none!important;transition:none!important}}.input{border:2px solid #09090b;border:2px solid var(--border-strong,#09090b);border-radius:6px;border-radius:var(--radius-sm,6px);box-shadow:2px 2px 0 #09090b;box-shadow:var(--shadow-brutal-xs,2px 2px 0 var(--brutal-shadow-color,#09090b));color:var(--text);font-family:inherit;font-size:14px;height:36px;line-height:1.4;padding:0 12px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;width:100%}.dark-mode .input,.input,[data-theme=dark] .input{background-color:var(--surface)}.input::placeholder{color:var(--text-muted)}.input:hover:not(:disabled){border-color:var(--border-brutal)}.input:focus,.input:focus-visible{border-color:var(--accent-fill);box-shadow:3px 3px 0 var(--accent-fill);outline:none;transform:translate(-1px,-1px)}.input--error,.input[aria-invalid=true]{border-color:var(--danger)}.input--error:focus,.input--error:focus-visible,.input[aria-invalid=true]:focus,.input[aria-invalid=true]:focus-visible{border-color:var(--danger);outline:2px solid var(--focus-ring);outline-offset:0}.input--success{border-color:var(--success)}.dark-mode .input:disabled,.input:disabled,[data-theme=dark] .input:disabled{background-color:var(--surface-hover);cursor:not-allowed;opacity:.5}.input--sm{font-size:13px;height:32px;padding:0 10px}.input--md,.input--sm{border-radius:6px;border-radius:var(--radius-sm,6px)}.input--md{font-size:14px;height:36px;padding:0 12px}.input--lg{border-radius:6px;border-radius:var(--radius-sm,6px);font-size:15px;height:40px;padding:0 14px}@media (prefers-reduced-motion:reduce){.input{transition:none}}.card{background:var(--surface);border:2px solid #09090b;border:2px solid var(--border-brutal,#09090b);border-radius:10px;border-radius:var(--radius-md,10px);box-shadow:4px 4px 0 #09090b;box-shadow:var(--shadow-brutal,4px 4px 0 var(--brutal-shadow-color,#09090b));color:var(--text);transition:transform .14s ease,box-shadow .14s ease}.card--elevated,.card--interactive:hover{box-shadow:6px 6px 0 #09090b;box-shadow:var(--shadow-brutal-lg,6px 6px 0 var(--brutal-shadow-color,#09090b));transform:translate(-2px,-2px)}.card--interactive:active{box-shadow:1px 1px 0 #09090b;box-shadow:1px 1px 0 var(--brutal-shadow-color,#09090b);transform:translate(2px,2px)}.card__header{border-bottom:2px solid #09090b;border-bottom:2px solid var(--border-brutal,#09090b);color:var(--text);font-size:15px;font-weight:700;letter-spacing:-.015em;line-height:1.3;padding:16px 20px 12px}.card__content{grid-gap:12px;color:var(--text);display:grid;gap:12px;padding:18px 20px}.card__footer{align-items:center;border-top:2px solid #09090b;border-top:2px solid var(--border-brutal,#09090b);display:flex;gap:8px;justify-content:flex-end;padding:12px 20px 16px}@media (prefers-reduced-motion:reduce){.card{transform:none!important;transition:none!important}}.select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,#0000 50%,var(--text) 50%),linear-gradient(135deg,var(--text) 50%,#0000 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:2px solid #09090b;border:2px solid var(--border-strong,#09090b);border-radius:6px;border-radius:var(--radius-sm,6px);box-shadow:2px 2px 0 #09090b;box-shadow:var(--shadow-brutal-xs,2px 2px 0 var(--brutal-shadow-color,#09090b));color:var(--text);cursor:pointer;font-family:inherit;font-size:14px;height:36px;line-height:1.4;padding:0 32px 0 12px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;width:100%}.dark-mode .select,.select,[data-theme=dark] .select{background-color:var(--surface)}.select:hover:not(:disabled){border-color:var(--border-brutal)}.select:focus,.select:focus-visible{border-color:var(--accent-fill);box-shadow:3px 3px 0 var(--accent-fill);outline:none;transform:translate(-1px,-1px)}.select--error,.select[aria-invalid=true]{border-color:var(--danger)}.select--error:focus,.select--error:focus-visible,.select[aria-invalid=true]:focus,.select[aria-invalid=true]:focus-visible{border-color:var(--danger);outline:2px solid var(--focus-ring);outline-offset:0}.dark-mode .select:disabled,.select:disabled,[data-theme=dark] .select:disabled{background-color:var(--surface-hover);cursor:not-allowed;opacity:.5}.select--sm{font-size:13px;height:32px;padding:0 28px 0 10px}.select--md,.select--sm{border-radius:6px;border-radius:var(--radius-sm,6px)}.select--md{font-size:14px;height:36px;padding:0 32px 0 12px}.select--lg{border-radius:6px;border-radius:var(--radius-sm,6px);font-size:15px;height:40px;padding:0 36px 0 14px}@media (prefers-reduced-motion:reduce){.select{transition:none}}.textarea{border:2px solid #09090b;border:2px solid var(--border-strong,#09090b);border-radius:6px;border-radius:var(--radius-sm,6px);box-shadow:2px 2px 0 #09090b;box-shadow:var(--shadow-brutal-xs,2px 2px 0 var(--brutal-shadow-color,#09090b));color:var(--text);font-family:monospace;font-family:var(--font-mono,monospace);font-size:13px;line-height:1.5;min-height:80px;padding:8px 12px;resize:vertical;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;width:100%}.dark-mode .textarea,.textarea,[data-theme=dark] .textarea{background-color:var(--surface)}.textarea::placeholder{color:var(--text-muted)}.textarea:hover:not(:disabled){border-color:var(--border-brutal)}.textarea:focus,.textarea:focus-visible{border-color:var(--accent-fill);box-shadow:3px 3px 0 var(--accent-fill);outline:none;transform:translate(-1px,-1px)}.textarea--error,.textarea[aria-invalid=true]{border-color:var(--danger)}.textarea--error:focus,.textarea--error:focus-visible,.textarea[aria-invalid=true]:focus,.textarea[aria-invalid=true]:focus-visible{border-color:var(--danger);outline:2px solid var(--focus-ring);outline-offset:0}.dark-mode .textarea:disabled,.textarea:disabled,[data-theme=dark] .textarea:disabled{background-color:var(--surface-hover);cursor:not-allowed;opacity:.5}.textarea--sm{font-size:12px;padding:6px 10px}.textarea--md,.textarea--sm{border-radius:6px;border-radius:var(--radius-sm,6px)}.textarea--md{font-size:13px;padding:8px 12px}.textarea--lg{border-radius:6px;border-radius:var(--radius-sm,6px);font-size:14px;padding:10px 14px}.field{grid-gap:6px;display:grid;gap:6px}.field__label{color:var(--text);font-size:13px;font-weight:500;letter-spacing:-.006em;line-height:1.4}.field__required{color:var(--danger);margin-left:4px}.field__hint{color:var(--text-muted)}.field__error,.field__hint{font-size:12px;line-height:1.4}.field__error{color:var(--danger)}@media (prefers-reduced-motion:reduce){.textarea{transition:none}}.ui-tag{align-items:center;background:var(--surface);border:1.5px solid #09090b;border:1.5px solid var(--border-brutal,#09090b);border-radius:6px;border-radius:var(--radius-sm,6px);box-shadow:2px 2px 0 #09090b;box-shadow:2px 2px 0 var(--brutal-shadow-color,#09090b);color:var(--text);display:inline-flex;font-size:12px;font-weight:700;gap:6px;line-height:1.3;padding:3px 10px}.ui-tag--sm{font-size:11px;padding:1px 6px}.ui-tag--md{font-size:12px;padding:2px 8px}.ui-tag--lg{font-size:13px;padding:4px 10px}.ui-tag--neutral{background:var(--surface-hover);border-color:var(--border);color:var(--text-secondary)}.ui-tag--success{background:var(--surface);border-color:var(--success);color:var(--success)}.ui-tag--warning{background:var(--surface);border-color:var(--warning);color:var(--warning)}.ui-tag--danger{background:var(--surface);border-color:var(--danger);color:var(--danger)}.ui-tag--info{background:var(--surface);border-color:var(--info,var(--accent));color:var(--accent);color:var(--info,var(--accent))}.ui-tag--brand{background:var(--surface);border-color:var(--accent);color:var(--accent)}.ui-checkbox{grid-gap:6px;color:var(--text);display:grid;gap:6px}.ui-checkbox.is-disabled{cursor:not-allowed;opacity:.5}.ui-checkbox__label{align-items:center;cursor:pointer;display:inline-flex;gap:8px;-webkit-user-select:none;user-select:none}.ui-checkbox.is-disabled .ui-checkbox__label{cursor:not-allowed}.ui-checkbox__required{color:var(--danger);margin-left:4px}.ui-checkbox__input{opacity:0;pointer-events:none;position:absolute}.ui-checkbox__box{--size:16px;align-items:center;background-color:var(--surface);border:1px solid var(--border-strong);border-radius:4px;box-shadow:none;display:inline-flex;flex-shrink:0;height:var(--size);justify-content:center;transition:border-color .15s ease,background-color .15s ease,color .15s ease;width:var(--size)}.dark-mode .ui-checkbox__box,[data-theme=dark] .ui-checkbox__box{background-color:var(--bg)}.ui-checkbox__label:hover .ui-checkbox__box{border-color:var(--text-muted)}.ui-checkbox__text{color:var(--text);font-size:13px;line-height:1.4}.ui-checkbox__hint{color:var(--text-muted);font-size:12px;line-height:1.4}.ui-checkbox__error{color:var(--danger);font-size:12px;line-height:1.4}.ui-checkbox__input:checked+.ui-checkbox__label .ui-checkbox__box{background-color:var(--accent-fill);border-color:var(--accent-fill);color:var(--accent-foreground)}.ui-checkbox__input:checked+.ui-checkbox__label .ui-checkbox__box:after{background-color:var(--accent-foreground);-webkit-clip-path:polygon(14% 44%,0 59%,43% 100%,100% 24%,85% 10%,43% 64%);clip-path:polygon(14% 44%,0 59%,43% 100%,100% 24%,85% 10%,43% 64%);content:"";height:9px;width:9px}.ui-checkbox__input:focus-visible+.ui-checkbox__label .ui-checkbox__box{border-color:var(--accent);outline:2px solid var(--focus-ring);outline-offset:2px}.ui-checkbox.is-error .ui-checkbox__box{border-color:var(--danger)}.ui-checkbox.is-error .ui-checkbox__input:checked+.ui-checkbox__label .ui-checkbox__box{background-color:var(--danger);border-color:var(--danger)}@media (prefers-reduced-motion:reduce){.ui-checkbox__box{transition:none}}.ui-radio{grid-gap:6px;color:var(--text);display:grid;gap:6px}.ui-radio.is-disabled{cursor:not-allowed;opacity:.5}.ui-radio__label{align-items:center;cursor:pointer;display:inline-flex;gap:8px;-webkit-user-select:none;user-select:none}.ui-radio.is-disabled .ui-radio__label{cursor:not-allowed}.ui-radio__required{color:var(--danger);margin-left:4px}.ui-radio__input{opacity:0;pointer-events:none;position:absolute}.ui-radio__dot{--size:16px;align-items:center;background-color:var(--surface);border:1px solid var(--border-strong);border-radius:50%;display:inline-flex;flex-shrink:0;height:var(--size);justify-content:center;transition:border-color .15s ease,background-color .15s ease;width:var(--size)}.dark-mode .ui-radio__dot,[data-theme=dark] .ui-radio__dot{background-color:var(--bg)}.ui-radio__label:hover .ui-radio__dot{border-color:var(--text-muted)}.ui-radio__text{color:var(--text);font-size:13px;line-height:1.4}.ui-radio__hint{color:var(--text-muted);font-size:12px;line-height:1.4}.ui-radio__error{color:var(--danger);font-size:12px;line-height:1.4}.ui-radio__input:checked+.ui-radio__label .ui-radio__dot{border-color:var(--accent-fill)}.ui-radio__input:checked+.ui-radio__label .ui-radio__dot:after{background-color:var(--accent-fill);border-radius:50%;content:"";height:8px;width:8px}.ui-radio__input:focus-visible+.ui-radio__label .ui-radio__dot{border-color:var(--accent);outline:2px solid var(--focus-ring);outline-offset:2px}.ui-radio.is-error .ui-radio__dot{border-color:var(--danger)}.ui-radio.is-error .ui-radio__input:checked+.ui-radio__label .ui-radio__dot:after{background-color:var(--danger)}@media (prefers-reduced-motion:reduce){.ui-radio__dot{transition:none}}.ui-switch{grid-gap:6px;color:var(--text);display:grid;gap:6px}.ui-switch.is-disabled{cursor:not-allowed;opacity:.5}.ui-switch__label{align-items:center;cursor:pointer;display:inline-flex;gap:8px;-webkit-user-select:none;user-select:none}.ui-switch.is-disabled .ui-switch__label{cursor:not-allowed}.ui-switch__required{color:var(--danger);margin-left:4px}.ui-switch__input{opacity:0;pointer-events:none;position:absolute}.ui-switch__track{--w:36px;--h:20px;align-items:center;background-color:var(--surface-hover);border:1px solid var(--border-strong);display:inline-flex;flex-shrink:0;height:var(--h);padding:2px;transition:background-color .15s ease,border-color .15s ease;width:var(--w)}.ui-switch__thumb,.ui-switch__track{border-radius:999px;border-radius:var(--radius-pill,999px)}.ui-switch__thumb{--size:14px;background-color:var(--text-secondary);box-shadow:none;height:var(--size);transform:translateX(0);transition:transform .15s ease,background-color .15s ease;width:var(--size)}.ui-switch__input:checked+.ui-switch__label .ui-switch__track{background-color:var(--accent-fill);border-color:var(--accent-fill)}.ui-switch__input:checked+.ui-switch__label .ui-switch__thumb{background-color:var(--accent-foreground);transform:translateX(16px)}.ui-switch__input:focus-visible+.ui-switch__label .ui-switch__track{outline:2px solid var(--focus-ring);outline-offset:2px}.ui-switch.is-error .ui-switch__track{border-color:var(--danger)}.ui-switch__hint{color:var(--text-muted);font-size:12px;line-height:1.4}.ui-switch__error{color:var(--danger);font-size:12px;line-height:1.4}.ui-switch__text{color:var(--text);font-size:13px;line-height:1.4}@media (prefers-reduced-motion:reduce){.ui-switch__thumb,.ui-switch__track{transition:none}}.ui-alert{grid-gap:10px;align-items:start;background:var(--surface);border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md,10px);box-shadow:none;color:var(--text);display:grid;gap:10px;grid-template-columns:auto 1fr auto;padding:12px 16px}.ui-alert__icon{color:var(--text-secondary);font-size:15px;line-height:1.4}.ui-alert__title{color:var(--text);font-size:13px;font-weight:600;line-height:1.4;margin-bottom:4px}.ui-alert__content{color:var(--text-secondary);font-size:13px;line-height:1.5}.ui-alert__close{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:16px;height:24px;justify-content:center;line-height:1;transition:background-color .15s ease,color .15s ease;width:24px}.ui-alert__close:hover{background-color:var(--surface-hover);color:var(--text)}.ui-alert__close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ui-alert--info{border-left:2px solid var(--info,var(--accent))}.ui-alert--success{border-left:2px solid var(--success)}.ui-alert--warning{border-left:2px solid var(--warning)}.ui-alert--danger{border-left:2px solid var(--danger)}@media (prefers-reduced-motion:reduce){.ui-alert__close{transition:none}}.ui-table{background:var(--surface);border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md,10px);color:var(--text);font-size:13px;line-height:1.4;overflow-x:auto;width:100%}.ui-table table{border-collapse:collapse;border-spacing:0;font-size:13px;width:100%}.ui-table caption{padding:10px 12px;text-align:left}.ui-table caption,.ui-table thead th{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:12px}.ui-table thead th{background:var(--surface);background:var(--bg-subtle,var(--surface));font-weight:500;height:40px;letter-spacing:0;padding:0 12px;position:-webkit-sticky;position:sticky;top:0;vertical-align:middle;white-space:nowrap}.ui-table tbody tr{height:40px;transition:background-color .15s ease}.ui-table tbody tr:hover{background-color:var(--surface-hover)}.ui-table tbody td{border-top:1px solid var(--border);color:var(--text);height:40px;padding:0 12px;vertical-align:middle}.ui-table tbody tr:first-child td{border-top:none}.ui-table--compact tbody td,.ui-table--compact tbody tr,.ui-table--compact thead th{height:32px;padding:0 10px}.ui-table__empty td{color:var(--text-muted);padding:20px 12px;text-align:center}.ui-table__sort{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:6px;margin:-2px -4px;padding:2px 4px;transition:color .15s ease}.ui-table__sort:hover{color:var(--text)}.ui-table__sort:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ui-table__sort-ind{font-size:10px;opacity:.4;transform:rotate(0deg);transition:transform .15s ease,opacity .15s ease}.ui-table__sort-ind.is-asc{color:var(--accent);opacity:1;transform:rotate(0deg)}.ui-table__sort-ind.is-desc{color:var(--accent);opacity:1;transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.ui-table tbody tr,.ui-table__sort,.ui-table__sort-ind{transition:none}}.ui-tooltip{display:inline-flex;position:relative}.ui-tooltip__trigger{align-items:center;border-radius:6px;border-radius:var(--radius-sm,6px);display:inline-flex}.ui-tooltip__trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ui-tooltip__bubble{background:var(--text);border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm,6px);box-shadow:none;color:var(--bg);font-size:12px;font-weight:450;line-height:1.4;opacity:0;padding:5px 8px;pointer-events:none;position:absolute;transition:opacity .15s ease,transform .15s ease;white-space:nowrap;z-index:1200;z-index:var(--z-tooltip,1200)}.dark-mode .ui-tooltip__bubble,[data-theme=dark] .ui-tooltip__bubble{background:var(--surface);border:1px solid var(--border-strong);color:var(--text)}.ui-tooltip--top .ui-tooltip__bubble{bottom:calc(100% + 6px);left:50%;transform:translate(-50%,-4px)}.ui-tooltip--right .ui-tooltip__bubble{left:calc(100% + 6px);top:50%;transform:translate(4px,-50%)}.ui-tooltip--bottom .ui-tooltip__bubble{left:50%;top:calc(100% + 6px);transform:translate(-50%,4px)}.ui-tooltip--left .ui-tooltip__bubble{right:calc(100% + 6px);top:50%;transform:translate(-4px,-50%)}.ui-tooltip--bottom:focus-within .ui-tooltip__bubble,.ui-tooltip--bottom:hover .ui-tooltip__bubble,.ui-tooltip--top:focus-within .ui-tooltip__bubble,.ui-tooltip--top:hover .ui-tooltip__bubble{opacity:1;transform:translate(-50%)}.ui-tooltip--left:focus-within .ui-tooltip__bubble,.ui-tooltip--left:hover .ui-tooltip__bubble,.ui-tooltip--right:focus-within .ui-tooltip__bubble,.ui-tooltip--right:hover .ui-tooltip__bubble{opacity:1;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.ui-tooltip__bubble{transition:none}}.ui-toast__region{grid-gap:8px;bottom:16px;display:grid;gap:8px;inset-inline-end:16px;position:fixed;right:16px;z-index:1100;z-index:var(--z-toast,1100)}.ui-toast{grid-gap:10px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md,10px);box-shadow:none;color:var(--text);display:grid;font-size:13px;gap:10px;grid-template-columns:1fr auto;line-height:1.4;max-width:360px;min-width:260px;padding:12px 14px}.ui-toast__title{font-weight:600;margin-bottom:2px}.ui-toast__body,.ui-toast__title{color:var(--text);display:block}.ui-toast__close{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:16px;height:24px;justify-content:center;line-height:1;transition:background-color .15s ease,color .15s ease;width:24px}.ui-toast__close:hover{background-color:var(--surface-hover);color:var(--text)}.ui-toast__close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ui-toast--info{border-left:2px solid var(--info,var(--accent))}.ui-toast--success{border-left:2px solid var(--success)}.ui-toast--warning{border-left:2px solid var(--warning)}.ui-toast--danger{border-left:2px solid var(--danger)}@media (prefers-reduced-motion:reduce){.ui-toast__close{transition:none}}.ui-pagination{align-items:center;display:inline-flex;gap:6px}.ui-pagination__list{display:inline-flex;gap:4px;list-style:none;margin:0;padding:0}.ui-pagination__btn,.ui-pagination__page{align-items:center;background-color:var(--surface);border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;height:32px;justify-content:center;line-height:1;min-width:32px;padding:0 8px;transition:background-color .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease}.ui-pagination__btn:hover:not(:disabled),.ui-pagination__page:hover:not(:disabled):not(.is-active){background-color:var(--surface-hover);border-color:var(--border-strong);color:var(--text)}.ui-pagination__btn:disabled{cursor:not-allowed;opacity:.5}.ui-pagination__btn:focus-visible,.ui-pagination__page:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ui-pagination__page.is-active{background-color:var(--accent-fill);border-color:#0000;color:var(--accent-foreground)}.ui-pagination__ellipsis{align-items:center;color:var(--text-muted);display:inline-flex;font-size:13px;height:32px;justify-content:center;padding:0 6px}@media (prefers-reduced-motion:reduce){.ui-pagination__btn,.ui-pagination__page{transition:none}}.ui-breadcrumb{font-size:13px;line-height:1.4;width:100%}.ui-breadcrumb__list{align-items:center;display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.ui-breadcrumb__item{align-items:center;color:var(--text-secondary);display:inline-flex;gap:6px}.ui-breadcrumb__link{background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text-secondary);cursor:pointer;font:inherit;padding:2px 4px;text-decoration:none;transition:color .15s ease,background-color .15s ease}.ui-breadcrumb__link:hover{background-color:var(--surface-hover);color:var(--text)}.ui-breadcrumb__link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ui-breadcrumb__current{color:var(--text);font-weight:500}.ui-breadcrumb__text{color:var(--text-secondary)}.ui-breadcrumb__sep{color:var(--text-muted);-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.ui-breadcrumb__link{transition:none}}.ui-tabs{grid-gap:16px;display:grid;gap:16px}.ui-tabs--vertical{align-items:start;grid-template-columns:auto 1fr}.ui-tabs__list{align-items:center;background:#0000;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:4px;padding:0}.ui-tabs--vertical .ui-tabs__list{align-items:stretch;border-bottom:none;border-right:1px solid var(--border);flex-direction:column}.ui-tabs__tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;border-radius:0;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;justify-content:center;letter-spacing:-.006em;line-height:1.4;margin-bottom:-1px;min-height:36px;padding:8px 12px;position:relative;transition:color .15s ease,border-color .15s ease,background-color .15s ease,opacity .15s ease}.ui-tabs--vertical .ui-tabs__tab{border-bottom:none;border-right:2px solid #0000;justify-content:flex-start;margin-bottom:0;margin-right:-1px}.ui-tabs__tab:hover:not(:disabled){color:var(--text)}.ui-tabs__tab:focus-visible{border-radius:6px;border-radius:var(--radius-sm,6px);outline:2px solid var(--focus-ring);outline-offset:-2px}.ui-tabs__tab.is-active,.ui-tabs__tab[aria-selected=true]{background:#0000;border-bottom-color:var(--accent);color:var(--text)}.ui-tabs--vertical .ui-tabs__tab.is-active,.ui-tabs--vertical .ui-tabs__tab[aria-selected=true]{border-bottom-color:#0000;border-right-color:var(--accent)}.ui-tabs__tab:disabled{cursor:not-allowed;opacity:.5}.ui-tabs__panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md,10px);color:var(--text);padding:16px}@media (prefers-reduced-motion:reduce){.ui-tabs__tab{transition:none}}.ui-modal{background:oklch(0 0 0/.45);display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:1000;z-index:var(--z-modal,1000)}.ui-modal__content{background:var(--surface);border:2px solid #09090b;border:2px solid var(--border-brutal,#09090b);border-radius:10px;border-radius:var(--radius-md,10px);box-shadow:8px 8px 0 #09090b;box-shadow:var(--shadow-brutal-xl,8px 8px 0 var(--brutal-shadow-color,#09090b));color:var(--text);max-width:560px;padding:24px;position:relative;width:100%}.ui-modal__title{color:var(--text);font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.3;margin:0 0 12px;padding-right:32px}.ui-modal__body{color:var(--text);font-size:15px;line-height:1.6}.ui-modal__close{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:18px;height:32px;justify-content:center;line-height:1;position:absolute;right:12px;top:12px;transition:background-color .15s ease,color .15s ease,border-color .15s ease;width:32px}.ui-modal__close:hover{background-color:var(--surface-hover);color:var(--text)}.ui-modal__close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ui-modal__close{transition:none}}.ui-sheet{background:oklch(0 0 0/.45);inset:0;position:fixed;z-index:1000;z-index:var(--z-overlay,1000)}.ui-sheet__panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md,10px);bottom:0;box-shadow:none;color:var(--text);overflow-y:auto;padding:20px;position:absolute;top:0;width:min(420px,90vw)}.ui-sheet__panel.is-right{border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;right:0}.ui-sheet__panel.is-left{border-bottom-left-radius:0;border-left:none;border-top-left-radius:0;left:0}.ui-sheet__title{color:var(--text);font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.3;margin:0 0 12px;padding-right:32px}.ui-sheet__body{color:var(--text);font-size:15px;line-height:1.6}.ui-sheet__close{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:18px;height:32px;justify-content:center;line-height:1;position:absolute;right:12px;top:12px;transition:background-color .15s ease,color .15s ease,border-color .15s ease;width:32px}.ui-sheet__close:hover{background-color:var(--surface-hover);color:var(--text)}.ui-sheet__close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ui-sheet__close{transition:none}}.ui-drawer{align-items:end;background:oklch(0 0 0/.45);display:grid;inset:0;position:fixed;z-index:1000;z-index:var(--z-overlay,1000)}.ui-drawer__panel{background:var(--surface);border:1px solid var(--border);border-bottom:none;border-radius:10px 10px 0 0;border-radius:var(--radius-md,10px) var(--radius-md,10px) 0 0;box-shadow:none;color:var(--text);max-height:85vh;overflow-y:auto;padding:20px;position:relative}.ui-drawer__title{color:var(--text);font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.3;margin:0 0 12px;padding-right:32px}.ui-drawer__body{color:var(--text);font-size:15px;line-height:1.6}.ui-drawer__close{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:18px;height:32px;justify-content:center;line-height:1;position:absolute;right:12px;top:12px;transition:background-color .15s ease,color .15s ease,border-color .15s ease;width:32px}.ui-drawer__close:hover{background-color:var(--surface-hover);color:var(--text)}.ui-drawer__close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ui-drawer__close{transition:none}}