:root{--system-blue:#007aff;--system-green:#34c759;--system-indigo:#5856d6;--system-orange:#ff9500;--system-pink:#ff2d55;--system-purple:#af52de;--system-red:#ff3b30;--system-teal:#5ac8fa;--system-yellow:#fc0;--system-gray:#8e8e93;--system-gray-2:#aeaeb2;--system-gray-3:#c7c7cc;--system-gray-4:#d1d1d6;--system-gray-5:#e5e5ea;--system-gray-6:#f2f2f7;--bg:#f5f5f7;--surface:#fff;--surface-2:#fbfbfc;--surface-3:#f2f2f7;--text:#1d1d1f;--text-secondary:#323235;--text-muted:#525256;--border:#0000001f;--divider:#00000014;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Inter",system-ui,sans-serif;--font-mono:"SF Mono","ui-monospace","Cascadia Mono","Menlo","Monaco",monospace;--tracking-tight:-0.022em;--tracking-normal:-0.011em;--font-display-size:2.5rem;--font-h1-size:1.75rem;--font-h2-size:1.4rem;--font-h3-size:1.15rem;--font-body:0.9375rem;--lh-body:1.47059;--lh-tight:1.1;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-round:999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f,0 1px 4px #00000005;--shadow-lg:0 12px 24px #00000014,0 4px 12px #0000000a;--shadow-xl:0 20px 48px #0000001a,0 10px 20px #0000000d;--glass-bg:#ffffffb8;--glass-border:#fff6;--glass-blur:24px;--primary:#0071e3;--primary-hover:#0077ed;--accent:var(--system-indigo);--success:var(--system-green);--warning:var(--system-orange);--danger:var(--system-red);--z-header:100;--z-sidebar:200;--z-modal:20000;--z-overlay:19900;--z-toast:30000;--z-tooltip:31000}body.dark-mode{--system-blue:#0a84ff;--system-green:#30d158;--system-indigo:#5e5ce6;--system-orange:#ff9f0a;--system-pink:#ff375f;--system-purple:#bf5af2;--system-red:#ff453a;--system-teal:#64d2ff;--system-yellow:#ffd60a;--system-gray:#8e8e93;--system-gray-2:#636366;--system-gray-3:#48484a;--system-gray-4:#3a3a3c;--system-gray-5:#2c2c2e;--system-gray-6:#1c1c1e;--bg:#000;--surface:#1c1c1e;--surface-2:#2c2c2e;--surface-3:#3a3a3c;--text:#f5f5f7;--text-secondary:#a1a1a6;--text-muted:#86868b;--border:#ffffff1a;--divider:#ffffff14;--glass-bg:#1c1c1eb8;--glass-border:#ffffff1a;--primary:#0a84ff;--primary-hover:#409eff;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 32px #0009;--shadow-xl:0 24px 64px #000c;--z-modal:20050}: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.light-mode{color-scheme:light}body.dark-mode{color-scheme:dark}:where(a,button,input,textarea,select,summary,[role=button],[tabindex]:not([tabindex="-1"])):focus-visible{border-radius:max(4px,var(--radius-xs));box-shadow:var(--shadow-focus);outline:none}.focus-ring:focus-visible{box-shadow:var(--shadow-focus);outline:none}@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.u-card{border:1px solid #0000001f;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000f,0 1px 4px #00000005;box-shadow:var(--shadow-md)}.u-card,.u-surface{background:#fff;background:var(--surface)}.u-surface{border:1px solid #0000001f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md)}.u-container{margin-inline:auto;width:min(1280px,calc(100% - 2rem))}.u-prose{max-inline-size:72ch}.description .content-wrapper,.leftbrain-container,.rightbrain-container,.tools-container{margin-inline:auto;width:min(1280px,100%)}.section,.tool-section{margin-bottom:var(--space-5)}.section-header,.tool-header{border-bottom:1px solid var(--divider);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);letter-spacing:-.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:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,#0000),color-mix(in srgb,var(--surface-2) 84%,#0000));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.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{box-shadow:var(--shadow-md)}.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:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface-2) 92%,#0000));border:1px solid color-mix(in srgb,var(--border) 88%,var(--primary) 12%);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-weight:600;padding:.5rem .85rem;transition:transform var(--duration-150) var(--ease-standard),border-color var(--duration-150) var(--ease-standard),background-color var(--duration-150) var(--ease-standard),box-shadow 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{border-color:color-mix(in srgb,var(--primary) 52%,var(--border));box-shadow:var(--shadow-sm);transform:translateY(-1px)}.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(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text)}.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:768px){.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-2);border:1px solid var(--divider);border-radius:var(--radius-md);margin-bottom:var(--space-3);padding:var(--space-3)}.main-region h2,.main-region h3{font-weight:700;letter-spacing:-.02em}.main-region input[type=text],.main-region textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.875rem;padding:.75rem;transition:border-color var(--duration-150) var(--ease-standard),box-shadow var(--duration-150) var(--ease-standard);width:100%}.main-region input[type=text]:focus,.main-region textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0071e326;outline:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--border);background-clip:content-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:content-box;border:2px solid #0000}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%}html{-webkit-text-size-adjust:100%;font-size:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--font-body);line-height:var(--lh-body);margin:0;text-rendering:optimizeLegibility;transition:background-color var(--duration-300) var(--ease-standard),color var(--duration-300) var(--ease-standard)}a{color:inherit}canvas,img,svg,video{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{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-h2-size)}h1,h2{font-weight:700}h2{font-size:var(--font-h3-size)}h3{font-size:var(--font-h4-size)}h3,h4{font-weight:650}h4{font-size:var(--font-h5-size)}h5{font-size:var(--font-h6-size)}h5,h6{font-weight:600}h6{font-size:var(--font-body-sm)}dd,li,p{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}}:root{--spinner-color:#007bff;--spinner-size-small:16px;--spinner-size-medium:32px;--spinner-size-large:48px;--spinner-speed:0.75s}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem}.loading-spinner--inline{display:inline-flex;flex-direction:row;gap:.5rem;padding:0}.loading-spinner--small{--current-size:var(--spinner-size-small);padding:1rem}.loading-spinner--medium{--current-size:var(--spinner-size-medium);padding:2rem}.loading-spinner--large{--current-size:var(--spinner-size-large);padding:3rem}.loading-text{color:#666;color:var(--text-color-secondary,#666);font-size:.9rem;margin-top:.5rem;text-align:center}.loading-spinner--inline .loading-text{margin-left:.5rem;margin-top:0}.loading-circle{animation:loading-spin .75s linear infinite;animation:loading-spin var(--spinner-speed) linear infinite;border:3px solid #007bff1a;border-radius:50%;border-top-color:#007bff;border-top:3px solid var(--spinner-color);height:var(--current-size);width:var(--current-size)}.loading-circle-inner{border-radius:50%;height:100%;width:100%}@keyframes loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-dots{display:flex;gap:.25rem}.loading-dot{animation:loading-dots .75s ease-in-out infinite;animation:loading-dots var(--spinner-speed) ease-in-out infinite;background-color:#007bff;background-color:var(--spinner-color);border-radius:50%;height:calc(var(--current-size)/4);width:calc(var(--current-size)/4)}.loading-dot:first-child{animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.1s}.loading-dot:nth-child(3){animation-delay:.2s}@keyframes loading-dots{0%,60%,to{opacity:1;transform:scale(1)}30%{opacity:.7;transform:scale(1.5)}}.loading-pulse{animation:loading-pulse 1.125s ease-in-out infinite;animation:loading-pulse calc(var(--spinner-speed)*1.5) ease-in-out infinite;background-color:#007bff;background-color:var(--spinner-color);border-radius:50%;height:var(--current-size);width:var(--current-size)}@keyframes loading-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.loading-bars{align-items:end;display:flex;gap:.2rem}.loading-bar{animation:loading-bars .9s ease-in-out infinite;animation:loading-bars calc(var(--spinner-speed)*1.2) ease-in-out infinite;background-color:#007bff;background-color:var(--spinner-color);border-radius:2px;height:var(--current-size);width:calc(var(--current-size)/6)}.loading-bar:first-child{animation-delay:0s}.loading-bar:nth-child(2){animation-delay:.1s}.loading-bar:nth-child(3){animation-delay:.2s}.loading-bar:nth-child(4){animation-delay:.3s}@keyframes loading-bars{0%,40%,to{opacity:.7;transform:scaleY(.4)}20%{opacity:1;transform:scaleY(1)}}.loading-overlay{position:relative}.loading-overlay-backdrop{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fffc;border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:var(--z-overlay)}body.dark-mode .loading-overlay-backdrop{background-color:#000c}body.dark-mode .loading-text{color:#ccc;color:var(--dark-text-secondary,#ccc)}@media (prefers-contrast:high){.loading-circle{border-color:#0000}.loading-bar,.loading-dot,.loading-pulse{background-color:currentColor}}@media (prefers-reduced-motion:reduce){.loading-bar,.loading-circle,.loading-dot,.loading-pulse{animation-duration:2s;animation-timing-function:linear}.loading-pulse{animation-name:loading-pulse-reduced}@keyframes loading-pulse-reduced{0%,to{opacity:1}50%{opacity:.5}}.loading-dots .loading-dot{animation-name:loading-dots-reduced}@keyframes loading-dots-reduced{0%,to{opacity:1}50%{opacity:.5}}}.loading-spinner--component{background:#fff;background:var(--card-background,#fff);border:1px solid #e1e5e9;border:1px solid var(--border-color,#e1e5e9);border-radius:8px;min-height:200px}.loading-spinner--page{background:#0000;min-height:50vh}.loading-spinner--inline{min-height:auto;padding:.25rem .5rem}@media (max-width:768px){.loading-spinner--large{--current-size:var(--spinner-size-medium);padding:2rem}.loading-spinner--medium{--current-size:var(--spinner-size-small);padding:1.5rem}.loading-text{font-size:.8rem}}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-box{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background:linear-gradient(90deg,var(--skeleton-base,#f0f0f0) 25%,var(--skeleton-highlight,#e0e0e0) 50%,var(--skeleton-base,#f0f0f0) 75%);background-size:200px 100%;border-radius:4px;display:inline-block;overflow:hidden;position:relative}body.dark-mode .skeleton-box{--skeleton-base:#2a2a2a;--skeleton-highlight:#3a3a3a}.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:#fff;background:var(--background-color,#fff);border:1px solid #f0f0f0;border:1px solid var(--skeleton-base,#f0f0f0);border-radius:8px;padding:16px}.skeleton-card-image{border-radius:4px;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 #f0f0f0;border-bottom:1px solid var(--skeleton-base,#f0f0f0);padding-bottom:12px}.skeleton-nav-items{display:flex;flex-direction:column;gap:12px}.skeleton-nav-item{align-items:center;border-radius:6px;display:flex;gap:12px;padding:8px 12px}.skeleton-nav-icon{border-radius:4px;flex-shrink:0}.skeleton-code-block{background:#fafafa;background:var(--code-background,#fafafa);border:1px solid #f0f0f0;border:1px solid var(--skeleton-base,#f0f0f0);border-radius:8px;overflow:hidden}.skeleton-code-header{align-items:center;background:#f0f0f0;background:var(--skeleton-base,#f0f0f0);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--skeleton-highlight,#e0e0e0);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:Courier New,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 #f0f0f0;border:1px solid var(--skeleton-base,#f0f0f0);border-radius:8px;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}}.skeleton-box{transform:translateZ(0);will-change:background-position}@media (prefers-reduced-motion:reduce){.skeleton-box{animation:none;background:#f0f0f0;background:var(--skeleton-base,#f0f0f0)}}.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:#fff}.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:#fff}.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}}.cmd-trigger{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--surface) 82%,#0000);border:1px solid color-mix(in srgb,var(--border) 80%,#0000);border-radius:var(--radius-round);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:.4rem;padding:.36rem .72rem;transition:all var(--duration-150) var(--ease-standard);white-space:nowrap}.cmd-trigger:hover{background:color-mix(in srgb,var(--primary) 6%,var(--surface));border-color:color-mix(in srgb,var(--primary) 50%,var(--border));box-shadow:var(--shadow-sm);color:var(--text);transform:translateY(-1px)}.cmd-trigger-icon{font-size:.9rem;opacity:.7}.cmd-trigger-text{display:none}@media (min-width:600px){.cmd-trigger-text{display:inline}}.cmd-trigger-kbd{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);display:inline-block;font-family:var(--font-mono);font-size:.7rem;padding:.05rem .3rem}.cmd-overlay{align-items:flex-start;animation:cmdOverlayIn .12s var(--ease-decelerate) both;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);background:color-mix(in srgb,var(--bg) 65%,#0000);display:flex;inset:0;justify-content:center;padding-top:clamp(60px,12vh,130px);position:fixed;z-index:var(--z-modal)}@keyframes cmdOverlayIn{0%{opacity:0}to{opacity:1}}.cmd-modal{animation:cmdModalIn .18s var(--ease-decelerate) both;background:color-mix(in srgb,var(--surface) 95%,#0000);border:1px solid color-mix(in srgb,var(--border) 70%,var(--primary) 30%);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),0 0 0 1px color-mix(in srgb,var(--primary) 10%,#0000);overflow:hidden;width:min(640px,calc(100vw - 2rem))}@keyframes cmdModalIn{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.cmd-search-row{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--divider) 80%,#0000);display:flex;gap:.6rem;padding:.9rem 1rem}.cmd-search-icon{flex-shrink:0;font-size:1rem;opacity:.55}.cmd-input{background:#0000;border:none;caret-color:var(--primary);color:var(--text);flex:1 1;font-size:1rem;font-weight:500;outline:none}.cmd-input::placeholder{color:var(--text-muted);font-weight:400}.cmd-clear{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:.2rem .4rem;transition:color var(--duration-150) var(--ease-standard)}.cmd-clear:hover{color:var(--text)}.cmd-esc-hint{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);flex-shrink:0;font-family:var(--font-mono);font-size:.7rem;padding:.1rem .4rem}.cmd-results{max-height:380px;overflow-y:auto;overscroll-behavior:contain;padding:.4rem}.cmd-group{margin-bottom:.25rem}.cmd-group-label{color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:.45rem .7rem .2rem;text-transform:uppercase}.cmd-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.65rem;padding:.55rem .7rem;text-align:left;transition:all var(--duration-100) var(--ease-standard);width:100%}.cmd-item.selected,.cmd-item:hover{background:color-mix(in srgb,var(--primary) 8%,var(--surface));border-color:color-mix(in srgb,var(--primary) 20%,#0000)}.cmd-item-icon{flex-shrink:0;font-size:1rem;text-align:center;width:22px}.cmd-item-label{color:var(--text);flex:1 1;font-size:.88rem;font-weight:600}.cmd-item-badge{background:color-mix(in srgb,var(--primary) 14%,#0000);border:1px solid color-mix(in srgb,var(--primary) 24%,#0000);border-radius:999px;color:var(--primary);font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:.1rem .4rem}.cmd-item-arrow{color:var(--text-muted);font-size:.75rem;opacity:0;transition:opacity var(--duration-100) var(--ease-standard)}.cmd-item.selected .cmd-item-arrow{opacity:1}.cmd-empty{color:var(--text-muted);padding:2.5rem 1rem;text-align:center}.cmd-empty-icon{display:block;font-size:2rem;margin-bottom:.5rem;opacity:.5}.cmd-empty p{font-size:.9rem;margin:0}.cmd-footer{align-items:center;background:color-mix(in srgb,var(--surface-2) 60%,#0000);border-top:1px solid color-mix(in srgb,var(--divider) 80%,#0000);color:var(--text-muted);display:flex;font-size:.7rem;gap:1.2rem;padding:.55rem 1rem}.cmd-footer kbd{background:var(--surface);border:1px solid var(--border);border-radius:3px;color:var(--text-secondary);display:inline-block;font-family:var(--font-mono);font-size:.68rem;margin-right:.2rem;padding:.05rem .3rem}@media (max-width:480px){.cmd-footer span:nth-child(n+3){display:none}}.main-container{background:var(--bg);display:flex;flex-direction:column;height:100vh;min-width:100%;overflow:hidden;position:relative;width:100vw}.main-container:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0;z-index:var(--z-header)}.tabs{backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);background:var(--glass-bg);border-bottom:.5px solid var(--border);gap:var(--space-2);justify-content:space-between;min-height:48px;padding:0 var(--space-4);position:relative;z-index:var(--z-header)}.nav-section,.tabs{align-items:center;display:flex}.nav-section{flex:1 1;gap:.5rem}.tab{align-items:center;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:var(--space-2);height:30px;padding:0 14px;transition:all var(--duration-200) var(--ease-out)}.tab:hover{background:var(--surface-hover);color:var(--text)}.tab.active{background:var(--primary);box-shadow:0 4px 12px #0071e340;color:#fff;font-weight:600}.nav-item{align-items:center;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:10px;margin:1px 8px;padding:6px 12px;position:relative;transition:all .1s ease}.nav-item:hover{background:var(--surface-hover)}.nav-item.selected{background:var(--primary);color:#fff;font-weight:600}.nav-item.selected .nav-icon{color:#fff}.nav-item.selected:before{display:none}.tabs-right-controls{align-items:center;display:flex;flex-shrink:0;gap:var(--space-3)}.theme-toggle{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-round);cursor:pointer;display:inline-flex;height:28px;justify-content:space-between;overflow:hidden;padding:0 4px;position:relative;transition:all var(--duration-200) var(--ease-standard);width:56px}.theme-toggle:hover{background:var(--surface-hover);border-color:var(--primary)}.theme-toggle .icon{font-size:.85rem;transition:opacity var(--duration-200) var(--ease-standard);z-index:2}.theme-toggle .toggle-thumb{background:var(--surface);border-radius:50%;box-shadow:var(--shadow-sm);height:22px;left:3px;position:absolute;top:3px;transition:transform var(--duration-300) var(--ease-spring);width:22px;z-index:1}.theme-toggle.dark .toggle-thumb{background:var(--primary);transform:translateX(28px)}.tab-content-container{background:var(--bg);display:grid;flex:1 1;grid-template-columns:auto 1fr;min-height:0}.left-nav{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border-right:.5px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:width .3s cubic-bezier(.2,0,0,1);width:220px}.nav-hidden .left-nav{width:64px}.nav-toggle-container{border-bottom:1px solid var(--divider);display:flex;justify-content:flex-end;padding:12px}.nav-toggle-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--duration-200) var(--ease-standard);width:32px}.nav-toggle-btn:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.05)}.nav-items{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:12px 0}.nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.1rem;justify-content:center;width:20px}.nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--duration-200) var(--ease-standard);white-space:nowrap}.nav-hidden .nav-label{opacity:0;pointer-events:none}.nav-filter-wrap{align-items:center;border-bottom:1px solid var(--divider);display:flex;gap:.5rem;padding:8px 12px}.nav-filter-input{background:#0000;border:none;caret-color:var(--primary);color:var(--text);flex:1 1;font-size:.78rem;font-weight:500;min-width:0;outline:none}.nav-filter-input::placeholder{color:var(--text-muted)}.nav-filter-count{background:color-mix(in srgb,var(--primary) 12%,#0000);border-radius:999px;color:var(--primary);flex-shrink:0;font-size:.65rem;font-weight:700;padding:.08rem .35rem}.nav-empty-filter{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:.78rem;gap:.4rem;padding:1.4rem .5rem;text-align:center}.nav-empty-icon{font-size:1.4rem;opacity:.4}.tab-content-container .main-region{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.tab-content-container main[role=main]{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.tab-content{display:flex;flex-direction:column;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0}.breadcrumb-path{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--surface) 70%,#0000);border:none;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,#0000);border-radius:0;box-shadow:none;flex-shrink:0;margin-bottom:0;padding:.28rem .72rem}.breadcrumb-path .ui-breadcrumb__item{color:var(--text-secondary);font-size:.72rem;opacity:.85}.breadcrumb-path .ui-breadcrumb__current{color:var(--text);font-size:.72rem;font-weight:650}.breadcrumb-path .ui-breadcrumb__link{color:var(--primary);font-size:.72rem}.separator-line{display:none}.description{min-height:0;transition:opacity var(--duration-200) var(--ease-standard),transform var(--duration-200) var(--ease-standard)}.description.content-hidden{opacity:0;transform:translateY(6px)}.description.content-visible{opacity:1;transform:translateY(0)}.content-wrapper{box-sizing:border-box;margin:0 auto;max-width:1440px;padding:clamp(1rem,3vw,2.5rem);width:100%}.fade-in-up{animation:fadeInUp var(--duration-300) var(--ease-standard) both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.placeholder-content{align-items:center;background:color-mix(in srgb,var(--surface) 82%,#0000);border:1px dashed color-mix(in srgb,var(--border) 80%,var(--primary) 20%);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);justify-content:center;min-height:180px;padding:1.5rem;text-align:center}.placeholder-icon{font-size:2rem}.placeholder-content h2{font-size:var(--font-h3-size);margin:0}.placeholder-content p{margin:0}.placeholder-instruction{color:var(--text-muted)}.tab-label-mobile{display:inline}.tab-label-desktop{display:none}@media (min-width:860px){.tab-label-mobile{display:none}.tab-label-desktop{display:inline}}@media (max-width:1024px){.tab-content-container{grid-template-columns:250px minmax(0,1fr)}.tab-content-container>.left-nav.visible{width:250px}}@media (max-width:820px){.tabs{min-height:44px;padding:.28rem .5rem}.tab{font-size:.74rem;min-height:28px;padding:.22rem .48rem}.theme-toggle{height:26px;width:46px}.theme-toggle .toggle-thumb{height:18px;width:18px}.theme-toggle.dark .toggle-thumb{transform:translateX(18px)}.tab-content-container{grid-template-columns:50px minmax(0,1fr)}.tab-content-container>.left-nav.hidden,.tab-content-container>.left-nav.visible{padding-inline:.28rem;width:50px}.nav-item{justify-content:center;min-height:32px;padding-inline:.2rem}.nav-label{display:none}}@media (max-width:560px){.tabs img{display:none}.tab{font-size:.72rem;padding:.3rem .5rem}.tab-icon{display:none}.breadcrumb-path{padding:.48rem .58rem}}.btn{--btn-bg:var(--primary);--btn-fg:var(--primary-contrast);--btn-border:var(--primary);--btn-shadow:var(--shadow-sm);--btn-radius:var(--radius-md);--btn-pad-y:8px;--btn-pad-x:12px;--btn-gap:8px;--btn-font:600;align-items:center;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);color:var(--btn-fg);cursor:pointer;display:inline-flex;font-weight:var(--btn-font);gap:var(--btn-gap);justify-content:center;padding:var(--btn-pad-y) var(--btn-pad-x);transition:background-color var(--duration-150) var(--ease-standard),box-shadow var(--duration-150) var(--ease-standard),transform var(--duration-150) var(--ease-standard)}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.6}.btn--outline{--btn-bg:#0000;--btn-fg:var(--primary);--btn-border:var(--primary)}.btn--ghost{--btn-bg:#0000;--btn-fg:var(--text);--btn-border:var(--border)}.btn--link{--btn-bg:#0000;--btn-fg:var(--primary);--btn-border:#0000;box-shadow:none;padding:0}.btn--sm{--btn-pad-y:6px;--btn-pad-x:10px;border-radius:var(--radius-sm);font-size:.875rem}.btn--md{--btn-pad-y:8px;--btn-pad-x:12px;font-size:1rem}.btn--lg{--btn-pad-y:12px;--btn-pad-x:16px;border-radius:var(--radius-lg);font-size:1.0625rem}.btn--full{width:100%}.btn__icon{align-items:center;display:inline-flex}.btn--loading{position:relative}.btn--loading:after{animation:btn-spin var(--duration-500) linear infinite;border:2px solid color-mix(in srgb,var(--btn-fg) 30%,#0000);border-radius:50%;border-top-color:var(--btn-fg);content:"";height:1em;margin-left:6px;width:1em}@keyframes btn-spin{to{transform:rotate(1turn)}}.input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);padding:8px 12px;transition:border-color var(--duration-150) var(--ease-standard),box-shadow var(--duration-150) var(--ease-standard);width:100%}.input::placeholder{color:var(--text-muted)}.input:focus-visible{border-color:var(--primary);box-shadow:var(--shadow-focus);outline:none}.input--error{border-color:var(--danger-500)}.input--success{border-color:var(--success-500)}.input--sm{border-radius:var(--radius-sm);font-size:.9rem;padding:6px 10px}.input--md{font-size:1rem;padding:8px 12px}.input--lg{border-radius:var(--radius-lg);font-size:1.0625rem;padding:12px 16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card--elevated{box-shadow:var(--shadow-lg)}.card__header{border-bottom:1px solid var(--divider);color:var(--text);font-weight:700;padding:12px 16px}.card__content{color:var(--text);padding:16px}.card__footer{border-top:1px solid var(--divider);display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.select{appearance:none;background:var(--surface);background-image:linear-gradient(45deg,#0000 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,#0000 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);padding:8px 12px;transition:border-color var(--duration-150) var(--ease-standard),box-shadow var(--duration-150) var(--ease-standard);width:100%}.select:focus-visible{border-color:var(--primary);box-shadow:var(--shadow-focus);outline:none}.select--sm{border-radius:var(--radius-sm);font-size:.9rem;padding:6px 10px}.select--md{font-size:1rem;padding:8px 12px}.select--lg{border-radius:var(--radius-lg);font-size:1.0625rem;padding:12px 16px}.textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:monospace;font-family:var(--font-mono,monospace);line-height:1.6;padding:8px 12px;resize:vertical;transition:border-color var(--duration-150) var(--ease-standard),box-shadow var(--duration-150) var(--ease-standard);width:100%}.textarea::placeholder{color:var(--text-muted)}.textarea:focus-visible{border-color:var(--primary);box-shadow:var(--shadow-focus);outline:none}.textarea--sm{border-radius:var(--radius-sm);font-size:.9rem;padding:6px 10px}.textarea--md{font-size:1rem;padding:8px 12px}.textarea--lg{border-radius:var(--radius-lg);font-size:1.0625rem;padding:12px 16px}.field{grid-gap:6px;display:grid;gap:6px}.field__label{color:var(--text);font-size:.95rem;font-weight:600}.field__required{color:var(--danger-500);margin-left:4px}.field__hint{color:var(--text-muted);font-size:.85rem}.field__error{color:var(--danger-600);font-size:.85rem}.ui-tag{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;line-height:1.2;padding:2px 8px}.ui-tag--sm{font-size:.75rem;padding:2px 6px}.ui-tag--md{font-size:.8rem;padding:3px 8px}.ui-tag--lg{font-size:.9rem;padding:4px 10px}.ui-tag--neutral{background:var(--surface-2);color:var(--text-secondary)}.ui-tag--success{background:color-mix(in srgb,var(--success) 10%,#0000);border-color:color-mix(in srgb,var(--success) 30%,var(--border));color:var(--success)}.ui-tag--warning{background:color-mix(in srgb,var(--warning) 10%,#0000);border-color:color-mix(in srgb,var(--warning) 30%,var(--border));color:var(--warning)}.ui-tag--danger{background:color-mix(in srgb,var(--danger) 10%,#0000);border-color:color-mix(in srgb,var(--danger) 30%,var(--border));color:var(--danger)}.ui-tag--info{background:color-mix(in srgb,var(--info) 10%,#0000);border-color:color-mix(in srgb,var(--info) 30%,var(--border));color:var(--info)}.ui-tag--brand{background:color-mix(in srgb,var(--primary) 10%,#0000);border-color:color-mix(in srgb,var(--primary) 30%,var(--border));color:var(--primary)}.ui-checkbox{grid-gap:6px;color:var(--text);display:grid;gap:6px}.ui-checkbox.is-disabled{cursor:not-allowed;opacity:.6}.ui-checkbox__label{align-items:center;cursor:pointer;display:inline-flex;gap:10px;-webkit-user-select:none;user-select:none}.ui-checkbox__required{color:var(--danger-500);margin-left:4px}.ui-checkbox__input{opacity:0;pointer-events:none;position:absolute}.ui-checkbox__box{--size:18px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);box-shadow:none;display:inline-flex;height:var(--size);justify-content:center;transition:border-color var(--duration-150) var(--ease-standard),background-color var(--duration-150) var(--ease-standard),box-shadow var(--duration-150) var(--ease-standard);width:var(--size)}.ui-checkbox__text{font-size:.95rem}.ui-checkbox__hint{color:var(--text-muted);font-size:.85rem}.ui-checkbox__error{color:var(--danger-600);font-size:.85rem}.ui-checkbox__input:checked+.ui-checkbox__label .ui-checkbox__box{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.ui-checkbox__input:checked+.ui-checkbox__label .ui-checkbox__box:after{background:var(--primary-contrast);clip-path:polygon(14% 44%,0 59%,43% 100%,100% 24%,85% 10%,43% 64%);content:"";height:10px;-webkit-mask:linear-gradient(#000,#000);mask:linear-gradient(#000,#000);width:10px}.ui-checkbox__input:focus-visible+.ui-checkbox__label .ui-checkbox__box{box-shadow:var(--shadow-focus)}.ui-checkbox.is-error .ui-checkbox__box{border-color:var(--danger-500)}.ui-checkbox.is-error .ui-checkbox__input:checked+.ui-checkbox__label .ui-checkbox__box{background:var(--danger-500);border-color:var(--danger-500)}.ui-radio{grid-gap:6px;color:var(--text);display:grid;gap:6px}.ui-radio.is-disabled{cursor:not-allowed;opacity:.6}.ui-radio__label{align-items:center;cursor:pointer;display:inline-flex;gap:10px;-webkit-user-select:none;user-select:none}.ui-radio__required{color:var(--danger-500);margin-left:4px}.ui-radio__input{opacity:0;pointer-events:none;position:absolute}.ui-radio__dot{--size:18px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:50%;display:inline-flex;height:var(--size);justify-content:center;transition:border-color var(--duration-150) var(--ease-standard),background-color var(--duration-150) var(--ease-standard),box-shadow var(--duration-150) var(--ease-standard);width:var(--size)}.ui-radio__text{font-size:.95rem}.ui-radio__hint{color:var(--text-muted);font-size:.85rem}.ui-radio__error{color:var(--danger-600);font-size:.85rem}.ui-radio__input:checked+.ui-radio__label .ui-radio__dot{border-color:var(--primary)}.ui-radio__input:checked+.ui-radio__label .ui-radio__dot:after{background:var(--primary);border-radius:50%;content:"";height:10px;width:10px}.ui-radio__input:focus-visible+.ui-radio__label .ui-radio__dot{box-shadow:var(--shadow-focus)}.ui-radio.is-error .ui-radio__dot{border-color:var(--danger-500)}.ui-switch{grid-gap:6px;color:var(--text);display:grid;gap:6px}.ui-switch.is-disabled{cursor:not-allowed;opacity:.6}.ui-switch__label{align-items:center;cursor:pointer;display:inline-flex;gap:10px;-webkit-user-select:none;user-select:none}.ui-switch__required{color:var(--danger-500);margin-left:4px}.ui-switch__input{opacity:0;pointer-events:none;position:absolute}.ui-switch__track{--w:38px;--h:20px;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-round);display:inline-flex;height:var(--h);padding:2px;transition:background-color var(--duration-150) var(--ease-standard),border-color var(--duration-150) var(--ease-standard),box-shadow var(--duration-150) var(--ease-standard);width:var(--w)}.ui-switch__thumb{--size:16px;background:var(--surface);border-radius:var(--radius-round);box-shadow:var(--shadow-sm);height:var(--size);transform:translateX(0);transition:transform var(--duration-150) var(--ease-standard),background-color var(--duration-150) var(--ease-standard);width:var(--size)}.ui-switch__input:checked+.ui-switch__label .ui-switch__track{background:var(--primary);border-color:var(--primary)}.ui-switch__input:checked+.ui-switch__label .ui-switch__thumb{background:var(--primary-contrast);transform:translateX(18px)}.ui-switch__input:focus-visible+.ui-switch__label .ui-switch__track{box-shadow:var(--shadow-focus)}.ui-switch__hint{color:var(--text-muted);font-size:.85rem}.ui-switch__error{color:var(--danger-600);font-size:.85rem}.ui-switch__text{font-size:.95rem}.ui-alert{grid-gap:10px;align-items:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text);display:grid;gap:10px;grid-template-columns:auto 1fr auto;padding:12px 14px}.ui-alert__icon{font-size:1.1rem;line-height:1}.ui-alert__title{font-weight:700;margin-bottom:4px}.ui-alert__content{font-size:.95rem}.ui-alert__close{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:1.1rem}.ui-alert__close:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ui-alert--info{background:color-mix(in srgb,var(--info) 8%,var(--surface));border-color:color-mix(in srgb,var(--info) 30%,var(--border))}.ui-alert--success{background:color-mix(in srgb,var(--success) 8%,var(--surface));border-color:color-mix(in srgb,var(--success) 30%,var(--border))}.ui-alert--warning{background:color-mix(in srgb,var(--warning) 8%,var(--surface));border-color:color-mix(in srgb,var(--warning) 30%,var(--border))}.ui-alert--danger{background:color-mix(in srgb,var(--danger) 8%,var(--surface));border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}.ui-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto;width:100%}.ui-table table{border-collapse:initial;border-spacing:0;width:100%}.ui-table caption{color:var(--text-secondary);font-size:.95rem;padding:10px 12px;text-align:left}.ui-table thead th{background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text);font-weight:700;position:sticky;top:0}.ui-table td,.ui-table thead th{padding:12px 14px}.ui-table--compact td,.ui-table--compact thead th{padding:8px 10px}.ui-table tbody tr+tr td{border-top:1px solid var(--divider)}.ui-table--zebra tbody tr:nth-child(odd){background:color-mix(in srgb,var(--primary) 3%,var(--surface))}.ui-table__empty td{color:var(--text-muted);padding:20px;text-align:center}.ui-table__sort{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:6px;padding:0}.ui-table__sort:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ui-table__sort-ind{font-size:.75rem;opacity:.4;transform:rotate(0deg)}.ui-table__sort-ind.is-asc{opacity:1;transform:rotate(0deg)}.ui-table__sort-ind.is-desc{opacity:1;transform:rotate(180deg)}.ui-tooltip{display:inline-flex;position:relative}.ui-tooltip__trigger{align-items:center;border-radius:var(--radius-sm);display:inline-flex}.ui-tooltip__trigger:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ui-tooltip__bubble{background:var(--neutral-900);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--neutral-50);font-size:.85rem;line-height:1.2;opacity:0;padding:6px 8px;pointer-events:none;position:absolute;transform:translateY(-4px);transition:opacity var(--duration-150) var(--ease-standard),transform var(--duration-150) var(--ease-standard);white-space:nowrap;z-index:var(--z-tooltip)}.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:focus-within .ui-tooltip__bubble,.ui-tooltip:hover .ui-tooltip__bubble{opacity:1;transform:translate(0)}.ui-toast__region{grid-gap:8px;bottom:16px;display:grid;gap:8px;position:fixed;right:16px;z-index:var(--z-toast)}.ui-toast{grid-gap:8px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text);display:grid;gap:8px;grid-template-columns:1fr auto;max-width:360px;min-width:260px;padding:10px 12px}.ui-toast__title{display:block;margin-right:8px}.ui-toast__body{display:inline}.ui-toast__close{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:1.1rem}.ui-toast__close:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ui-toast--info{background:color-mix(in srgb,var(--info) 7%,var(--surface));border-color:color-mix(in srgb,var(--info) 30%,var(--border))}.ui-toast--success{background:color-mix(in srgb,var(--success) 7%,var(--surface));border-color:color-mix(in srgb,var(--success) 30%,var(--border))}.ui-toast--warning{background:color-mix(in srgb,var(--warning) 7%,var(--surface));border-color:color-mix(in srgb,var(--warning) 30%,var(--border))}.ui-toast--danger{background:color-mix(in srgb,var(--danger) 7%,var(--surface));border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}.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{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;padding:6px 8px}.ui-pagination__btn:disabled{cursor:not-allowed;opacity:.6}.ui-pagination__btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ui-pagination__page{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;padding:6px 10px}.ui-pagination__page.is-active{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.ui-pagination__page:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ui-pagination__ellipsis{color:var(--text-muted);padding:6px 10px}.ui-breadcrumb{width:100%}.ui-breadcrumb__list{align-items:center;display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.ui-breadcrumb__item{align-items:center;color:var(--text-secondary);display:inline-flex;gap:8px}.ui-breadcrumb__link{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--primary);cursor:pointer;padding:2px 4px;text-decoration:none}.ui-breadcrumb__link:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ui-breadcrumb__current{color:var(--text);font-weight:600}.ui-breadcrumb__sep{color:var(--text-muted)}.ui-tabs{grid-gap:12px;display:grid;gap:12px}.ui-tabs__list{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);display:inline-flex;flex-wrap:wrap;gap:6px;padding:6px}.ui-tabs--vertical .ui-tabs__list{display:inline-flex;flex-direction:column}.ui-tabs__tab{background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;padding:6px 10px}.ui-tabs__tab:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ui-tabs__tab.is-active{background:var(--surface);border-color:var(--border);font-weight:600}.ui-tabs__tab:disabled{cursor:not-allowed;opacity:.6}.ui-tabs__panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px}.ui-modal{background:color-mix(in srgb,var(--neutral-900) 60%,#0000);display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:var(--z-modal)}.ui-modal__content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);color:var(--text);max-width:560px;padding:16px;position:relative;width:100%}.ui-modal__title{font-size:1.1rem;margin:0 0 8px}.ui-modal__body{font-size:1rem}.ui-modal__close{background:#0000;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;height:28px;position:absolute;right:8px;top:8px;width:28px}.ui-modal__close:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ui-sheet{background:color-mix(in srgb,var(--neutral-900) 50%,#0000);inset:0;position:fixed;z-index:var(--z-overlay)}.ui-sheet__panel{background:var(--surface);border-left:1px solid var(--border);border-right:1px solid var(--border);bottom:0;box-shadow:var(--shadow-xl);color:var(--text);padding:16px;position:absolute;top:0;width:min(420px,90vw)}.ui-sheet__panel.is-right{right:0}.ui-sheet__panel.is-left{left:0}.ui-sheet__title{font-size:1.1rem;margin:0 0 8px}.ui-sheet__close{background:#0000;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;height:28px;position:absolute;right:8px;top:8px;width:28px}.ui-sheet__close:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ui-drawer{align-items:end;background:color-mix(in srgb,var(--neutral-900) 50%,#0000);display:grid;inset:0;position:fixed;z-index:var(--z-overlay)}.ui-drawer__panel{background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:1px solid var(--border);box-shadow:var(--shadow-xl);color:var(--text);padding:16px}.ui-drawer__title{font-size:1.1rem;margin:0 0 8px}.ui-drawer__close{background:#0000;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;height:28px;position:absolute;right:16px;top:8px;width:28px}.ui-drawer__close:focus-visible{box-shadow:var(--shadow-focus);outline:none}