@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Syne:wght@500;600;700;800&family=Oswald:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap);: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:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-display:"Outfit",var(--font-sans);--font-artistic:"Syne",var(--font-sans);--font-mono:"JetBrains 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-h4-size:1rem;--font-h5-size:0.875rem;--font-h6-size:0.8125rem;--font-body:0.9375rem;--transition-normal:var(--duration-200) var(--ease-standard);--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;--space-sm:var(--space-2);--space-md:var(--space-4);--space-lg:var(--space-6);--space-xl:var(--space-8);--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);--blue-600:#005bb5;--blue-700:#004999;--info:var(--system-teal);--success:var(--system-green);--warning:var(--system-orange);--danger:var(--system-red);--surface-hover:#0000000a;--surface-active:#00000014;--code-bg:#f2f2f7;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--ease-standard:cubic-bezier(0.4,0,0.2,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-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);--radius-xs:4px;--shadow-focus:0 0 0 3px color-mix(in srgb,var(--primary) 35%,#0000);--z-header:100;--z-sidebar:200;--z-modal:20000;--z-overlay:19900;--z-toast:30000;--z-tooltip:31000;--primary-contrast:#fff;--danger-500:var(--danger);--danger-600:color-mix(in srgb,var(--danger) 85%,#000);--success-500:var(--success);--neutral-50:var(--surface);--neutral-100:var(--surface-2);--neutral-200:var(--surface-3);--neutral-900:var(--text);--font-body-sm:0.8125rem;--font-caption:0.75rem;--font-code:0.875rem;--text-primary:var(--text);--background-primary:var(--bg);--background-secondary:var(--surface-2)}body.dark-mode,html[data-theme=dark]{--system-blue:#00f0ff;--system-green:#39ff14;--system-indigo:#8a2be2;--system-orange:#ff5e00;--system-pink:#ff007f;--system-purple:#bd00ff;--system-red:#ff3b30;--system-teal:#00f0ff;--system-yellow:#ffd60a;--system-gray:#718096;--system-gray-2:#4a5568;--system-gray-3:#2d3748;--system-gray-4:#1a202c;--system-gray-5:#111424;--system-gray-6:#0a0c16;--bg:#030307;--bg-gradient:radial-gradient(circle at 50% 50%,#0c0824 0%,#030307 70%,#010103 100%);--surface:#0a0814b8;--surface-2:#100c20cc;--surface-3:#181230e6;--text:#fff;--text-secondary:#cbd5e0;--text-muted:#718096;--border:#00f0ff2e;--divider:#bd00ff2e;--glass-bg:#06060cc2;--glass-border:#00f0ff2e;--glass-blur:24px;--primary:#00f0ff;--primary-hover:#54f5ff;--blue-600:#00f0ff;--blue-700:#bd00ff;--info:var(--system-teal);--surface-hover:#00f0ff14;--surface-active:#bd00ff1f;--code-bg:#120f24d9;--shadow-focus:0 0 0 3px #00f0ff66;--shadow-md:0 8px 32px #00000080,inset 0 0 0 1px #00f0ff1a;--shadow-lg:0 16px 48px #000000b3,inset 0 0 0 1px #00f0ff2e,0 0 15px #00f0ff26;--shadow-xl:0 32px 80px #000000d9,inset 0 0 0 1px #bd00ff33,0 0 30px #bd00ff33;--z-modal:20050;--neon-glow-cyan:0 0 16px #00f0ff73;--neon-glow-purple:0 0 16px #bd00ff73;--neon-glow-pink:0 0 16px #ff007f73}: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,html[data-theme=light]{color-scheme:light}body.dark-mode,html[data-theme=dark]{color-scheme:dark}:where(a,button,input,textarea,select,summary,[role=button],[tabindex]:not([tabindex="-1"])):focus-visible{border-radius:max(4px,4px);border-radius:max(4px,var(--radius-xs));box-shadow:0 0 0 3px color-mix(in srgb,#0071e3 35%,#0000);box-shadow:var(--shadow-focus);outline:none}.focus-ring:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,#0071e3 35%,#0000);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}@property --glow-x{syntax:"<percentage>";inherits:false;initial-value:50%}@property --glow-y{syntax:"<percentage>";inherits:false;initial-value:50%}@property --card-border-alpha{syntax:"<number>";inherits:false;initial-value:.15}@supports (animation-timeline:scroll()){.scroll-progress-bar{animation-timeline:scroll(root);animation-range:0 100%;animation:scrollProgress linear both;background:var(--primary);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(0px,100px)){.drawer-panel,.modal-panel,.toast-notification{@starting-style{opacity:0;transform:translateY(8px)}transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1)}}@keyframes tabGlowPulse{0%,to{box-shadow:0 4px 16px #00f0ff40,inset 0 1px 0 #fff3}50%{box-shadow:0 4px 24px #00f0ff73,0 0 32px #00f0ff2e,inset 0 1px 0 #ffffff40}}.tab.active{animation:tabGlowPulse 3s ease-in-out infinite}.card-3d-tilt{transform-style:preserve-3d;will-change:transform}.main-container{--depth-layer:radial-gradient(ellipse 80% 60% at var(--glow-x,30%) var(--glow-y,40%),oklch(30% 0.12 245/0.06) 0%,#0000 70%);background-attachment:fixed;background-image:var(--depth-layer)}body.dark-mode .main-container,html[data-theme=dark] .main-container{--depth-layer:radial-gradient(ellipse 80% 60% at var(--glow-x,30%) var(--glow-y,40%),oklch(35% 0.18 245/0.12) 0%,#0000 70%)}@keyframes sectionReveal{0%{filter:blur(4px);opacity:0;transform:translateY(24px) scale(.98)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}.content-wrapper.fade-in-up{animation:sectionReveal .48s cubic-bezier(.16,1,.3,1) both}button:not([disabled]){overflow:hidden;position:relative}button:not([disabled]):after{background:radial-gradient(circle at center,#fff3 0,#0000 70%);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transform:scale(.5);transition:opacity .4s ease-out,transform .4s ease-out}button:not([disabled]):active:after{opacity:1;transform:scale(2);transition:opacity 0s,transform 0s}h1,h2,h3,h4{text-wrap:balance}li,p{text-wrap:pretty;max-inline-size:68ch}body.dark-mode ::-webkit-scrollbar-thumb,html[data-theme=dark] ::-webkit-scrollbar-thumb{background:#00f0ff2e;background-clip:content-box;border:2px solid #0000;border-radius:10px}body.dark-mode ::-webkit-scrollbar-thumb:hover,html[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#00f0ff59;background-clip:content-box}:where(a,button,input,textarea,select,[tabindex]:not([tabindex="-1"])):focus-visible{border-radius:max(4px,var(--radius-xs));box-shadow:0 0 0 2px var(--bg),0 0 0 4px oklch(60% .2 245/.7);outline:none}.skip-link{background:var(--primary);border-radius:0 0 8px 8px;color:var(--text);color:var(--tool-text-primary,var(--text));font-size:.875rem;font-weight:700;left:1rem;padding:.5rem 1rem;position:fixed;top:-100%;transition:top .2s cubic-bezier(.16,1,.3,1);z-index:99999}.skip-link:focus{top:0}@media (prefers-reduced-motion:reduce){.tab.active{animation:none}.content-wrapper.fade-in-up{animation:none;filter:none;opacity:1;transform:none}.main-container{background-image:none}button:not([disabled]):after{display:none}@supports (animation-timeline:scroll()){.scroll-progress-bar{display:none}}.tab-content-container:after,.tab-content-container:before{display:none!important}}.tab-content-container{overflow:hidden;position:relative}.tab-content-container:after,.tab-content-container:before{border-radius:50%;content:"";height:min(600px,60vw);pointer-events:none;position:absolute;width:min(600px,60vw);will-change:transform;z-index:0}.tab-content-container:before{animation:float-blob-1 25s ease-in-out infinite alternate;background:radial-gradient(circle,#00f0ff1a 0,#00f0ff05 50%,#0000 70%);filter:blur(80px);left:-5%;top:-10%}.tab-content-container:after{animation:float-blob-2 30s ease-in-out infinite alternate;background:radial-gradient(circle,#bd00ff12 0,#bd00ff03 50%,#0000 70%);bottom:-15%;filter:blur(100px);right:-5%}@keyframes float-blob-1{0%{transform:translate(0) scale(1) rotate(0deg)}50%{transform:translate(8vw,12vh) scale(1.15) rotate(180deg)}to{transform:translate(-4vw,-8vh) scale(.9) rotate(1turn)}}@keyframes float-blob-2{0%{transform:translate(0) scale(1) rotate(1turn)}50%{transform:translate(-10vw,-12vh) scale(.9) rotate(180deg)}to{transform:translate(5vw,6vh) scale(1.1) rotate(0deg)}}.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(--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{backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(var(--glass-blur,20px)) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(var(--glass-blur,20px)) saturate(140%);background:linear-gradient(135deg,#0a0814b8,#100c20c2);border:1px solid #00f0ff26;border-radius:12px;box-shadow:var(--shadow-md),inset 0 1px 0 #ffffff0d;overflow:hidden;position:relative;transition:transform var(--duration-300) var(--ease-emil-out),border-color var(--duration-200) var(--ease-standard),box-shadow var(--duration-200) var(--ease-standard)}.app-card:before,.card:before,.content-card:before,.github-repo-card:before,.info-card:before,.leftbrain-card:before,.metric-card:before,.playlist-card:before,.rightbrain-card:before,.stat-card:before,.tech-card:before,.terminal-card:before,.tip-card:before,.tool-container:before,.yt-card:before{background:linear-gradient(90deg,#0000,#00f0ff14,#0000);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-100%);transition:transform .6s ease-in-out}.app-card:hover:before,.card:hover:before,.content-card:hover:before,.github-repo-card:hover:before,.info-card:hover:before,.leftbrain-card:hover:before,.metric-card:hover:before,.playlist-card:hover:before,.rightbrain-card:hover:before,.stat-card:hover:before,.tech-card:hover:before,.terminal-card:hover:before,.tip-card:hover:before,.tool-container:hover:before,.yt-card:hover:before{transform:translateX(100%)}.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:#00f0ff59;box-shadow:var(--shadow-lg),0 0 16px #00f0ff59;box-shadow:var(--shadow-lg),var(--neon-glow-cyan,0 0 16px #00f0ff59);transform:perspective(1000px) rotateX(2.5deg) rotateY(-2.5deg) translateY(-4px)}.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-2) 0,var(--surface) 100%);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-sm);color:var(--text);cursor:pointer;font-size:.85rem;font-weight:500;padding:.45rem 1rem;transition:transform var(--duration-150) var(--ease-spring),background-color var(--duration-150) var(--ease-standard),border-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{background:var(--surface-hover);border-color:var(--primary);box-shadow:0 0 10px #00f0ff33;box-shadow:var(--neon-glow-cyan,0 0 10px #00f0ff33);transform:translateY(-1px)}.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{transform:translateY(0) scale(.96)}.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-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.5rem .75rem;transition:border-color var(--duration-150) var(--ease-standard),box-shadow var(--duration-150) var(--ease-standard)}.leftbrain-container input:focus,.leftbrain-container select:focus,.leftbrain-container textarea:focus,.rightbrain-container input:focus,.rightbrain-container select:focus,.rightbrain-container textarea:focus,.tools-container input:focus,.tools-container select:focus,.tools-container textarea:focus{border-color:var(--primary);box-shadow:var(--shadow-focus);outline:none}.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);border:1px solid var(--divider);border-radius:10px;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-2);border:1px solid var(--border);border-radius:6px;font-family:var(--font-mono);font-size:.875rem;padding:.5rem .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:var(--shadow-focus);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}.leftbrain-content-wrapper h1,.leftbrain-content-wrapper h2,.leftbrain-content-wrapper h3{font-family:var(--font-display),var(--font-sans)!important}.rightbrain-content-wrapper h1,.rightbrain-content-wrapper h2,.rightbrain-content-wrapper h3{font-family:var(--font-artistic),Georgia,serif!important;font-weight:800!important;letter-spacing:-.03em!important}.developer-tools-content-wrapper,.general-tools-content-wrapper,.qa-tools-content-wrapper{font-family:var(--font-sans)!important}.leftbrain-content-wrapper .card,.leftbrain-content-wrapper .github-repo-card,.leftbrain-content-wrapper .leftbrain-card,.leftbrain-content-wrapper .tech-card{background:linear-gradient(135deg,#080a18d9,#0c1024e0)!important;border:1px solid #00f0ff29!important}.leftbrain-content-wrapper .section-header{border-bottom:2px dashed #00f0ff40!important}.leftbrain-content-wrapper .section-title:after{animation:cyber-blink 1s steps(2,start) infinite;color:var(--system-blue);content:" _"}@keyframes cyber-blink{to{visibility:hidden}}.rightbrain-content-wrapper .card,.rightbrain-content-wrapper .playlist-card,.rightbrain-content-wrapper .rightbrain-card,.rightbrain-content-wrapper .yt-card{background:linear-gradient(135deg,#140a08c2,#200e0ccc)!important;border:1px solid #ff780026!important;border-radius:20px!important;box-shadow:0 10px 30px #ff64000d,inset 0 1px 0 #ffffff08!important;transition:transform var(--duration-300) var(--ease-apple-spring),border-color var(--duration-300) var(--ease-emil-out),box-shadow var(--duration-300) var(--ease-emil-out)!important}.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:#ff780066!important;box-shadow:0 20px 40px #ff640026,0 0 20px #ff780033!important;transform:translateY(-5px) scale(1.01)!important}.rightbrain-content-wrapper .section-header{border-bottom:1px solid #ff78002e!important}.rightbrain-content-wrapper .section-title{color:oklch(78% .14 32);font-size:2.2rem!important;font-weight:800!important;letter-spacing:-.04em!important}.developer-tools-content-wrapper .card,.general-tools-content-wrapper .card,.qa-tools-content-wrapper .card{background:#0a101acc!important;border:1px solid #3abff826!important;border-radius:12px!important}.developer-tools-content-wrapper .card:hover,.general-tools-content-wrapper .card:hover,.qa-tools-content-wrapper .card:hover{border-color:#3abff866!important;box-shadow:0 10px 25px #3abff826!important}.author-content-wrapper .card{background:linear-gradient(135deg,#161205d9,#241e08e6)!important;border:1px solid #eab30840!important;box-shadow:0 15px 35px #eab3081a,inset 0 1px 0 #ffffff0d!important}.author-content-wrapper .card:hover{border-color:#eab3088c!important;box-shadow:0 20px 40px #eab30840!important}@media (hover:none) or (pointer:coarse){.card:hover,.leftbrain-card:hover,.playlist-card:hover,.rightbrain-card:hover,.tech-card:hover,.tool-container:hover,.yt-card:hover{box-shadow:var(--shadow-md)!important;transform:none!important}.btn:hover,.tool-button:hover,button:hover{transform:none!important}}.rightbrain-content-wrapper .card,.rightbrain-content-wrapper .playlist-card,.rightbrain-content-wrapper .rightbrain-card,.rightbrain-content-wrapper .yt-card{animation:ambient-float 8s ease-in-out infinite alternate}.rightbrain-content-wrapper .card:nth-child(2n),.rightbrain-content-wrapper .rightbrain-card:nth-child(2n){animation-delay:-2s;animation-duration:11s}.rightbrain-content-wrapper .card:nth-child(3n),.rightbrain-content-wrapper .rightbrain-card:nth-child(3n){animation-delay:-5s;animation-duration:14s}@keyframes ambient-float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(.4deg)}to{transform:translateY(0) rotate(0deg)}}@media (hover:hover) and (pointer:fine){.rightbrain-content-wrapper .card:hover,.rightbrain-content-wrapper .playlist-card:hover,.rightbrain-content-wrapper .rightbrain-card:hover,.rightbrain-content-wrapper .yt-card:hover{animation-play-state:paused!important}}.leftbrain-content-wrapper .card,.leftbrain-content-wrapper .github-repo-card,.leftbrain-content-wrapper .leftbrain-card,.leftbrain-content-wrapper .tech-card{animation:cyber-pulse 5s ease-in-out infinite alternate}.leftbrain-content-wrapper .card:nth-child(2n){animation-delay:-1.5s;animation-duration:7s}@keyframes cyber-pulse{0%,to{border-color:#00f0ff29;box-shadow:var(--shadow-md),inset 0 1px 0 #ffffff0d}50%{border-color:#00f0ff59;box-shadow:0 4px 20px #00f0ff0f,inset 0 1px 0 #00f0ff1a}}.card:after,.content-card:after,.github-repo-card:after,.leftbrain-card:after,.playlist-card:after,.rightbrain-card:after,.tech-card:after,.tool-container:after,.yt-card:after{background:linear-gradient(90deg,#fff0 0,#ffffff14 50%,#fff0);content:"";height:100%;left:-150%;pointer-events:none;position:absolute;top:0;transform:skewX(-25deg);transition:none;width:50%}@media (hover:hover) and (pointer:fine){.card:hover:after,.content-card:hover:after,.github-repo-card:hover:after,.leftbrain-card:hover:after,.playlist-card:hover:after,.rightbrain-card:hover:after,.tech-card:hover:after,.tool-container:hover:after,.yt-card:hover:after{left:150%;transition:left .8s cubic-bezier(.16,1,.3,1)}}.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transition:opacity .6s var(--ease-out-expo,cubic-bezier(.16,1,.3,1)),transform .6s var(--ease-out-expo,cubic-bezier(.16,1,.3,1));will-change:opacity,transform}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.stagger-children>:first-child{transition-delay:0ms}.stagger-children>:nth-child(2){transition-delay:60ms}.stagger-children>:nth-child(3){transition-delay:.12s}.stagger-children>:nth-child(4){transition-delay:.18s}.stagger-children>:nth-child(5){transition-delay:.24s}.stagger-children>:nth-child(6){transition-delay:.3s}.stagger-children>:nth-child(n+7){transition-delay:.36s}@keyframes contentEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.content-enter{animation:contentEnter .48s cubic-bezier(.16,1,.3,1) both;animation:contentEnter .48s var(--ease-out-expo,cubic-bezier(.16,1,.3,1)) both}.content-enter-delay-1{animation-delay:60ms}.content-enter-delay-2{animation-delay:.12s}.content-enter-delay-3{animation-delay:.2s}@keyframes headerReveal{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);opacity:0;transform:translateX(-10px)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1;transform:translateX(0)}}.section-header{animation:headerReveal .6s cubic-bezier(.23,1,.32,1) both;animation:headerReveal .6s var(--ease-emil-out,cubic-bezier(.23,1,.32,1)) both}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";height:100vh;inset:0;opacity:.024;pointer-events:none;position:fixed;width:100vw;z-index:99999}@property --card-glow-opacity{syntax:"<number>";inherits:false;initial-value:0}@property --border-alpha{syntax:"<number>";inherits:false;initial-value:.15}:root{--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1)}@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%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:100%;scroll-behavior:smooth}body{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{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-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{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}}: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}[data-theme=dark] .skeleton-box,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: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}}.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}}.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{-webkit-appearance:none;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);-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: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:-webkit-sticky;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__text{color:var(--text-secondary)}.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}.navigation-search{margin-bottom:var(--space-md);position:relative;z-index:var(--z-dropdown)}.search-input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-size:.875rem;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);width:100%}.search-input:focus{background:var(--surface-hover);border-color:var(--primary);box-shadow:var(--shadow-focus),var(--shadow-md)}.search-results{animation:searchResultsIn .2s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;margin-top:4px;max-height:320px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}@keyframes searchResultsIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.search-result-item{align-items:flex-start;background:#0000;border:none;border-bottom:1px solid var(--divider);cursor:pointer;display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);text-align:left;transition:all var(--transition-base);width:100%}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--surface-hover);transform:translateX(2px)}.search-result-item:focus-visible{background:var(--surface-hover);outline:2px solid var(--primary);outline-offset:-2px}.result-icon{flex-shrink:0;font-size:1rem;margin-top:2px}.result-content{display:flex;flex-direction:column;gap:2px;min-width:0}.result-title{color:var(--text);font-size:.875rem;font-weight:600;line-height:1.3}.result-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:.75rem;line-height:1.2;overflow:hidden}@media (max-width:768px){.search-results{max-height:250px}.search-result-item{gap:var(--space-sm);padding:var(--space-sm)}.result-title{font-size:.8125rem}.result-description{font-size:.6875rem}}body.dark-mode .search-input{background:var(--surface);border-color:var(--border);color:var(--text)}body.dark-mode .search-results{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-lg)}body.dark-mode .search-result-item:hover{background:var(--surface-hover)}.mobile-nav-trigger{margin-bottom:var(--space-sm);width:100%}.nav-trigger-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;font-weight:500;justify-content:space-between;min-height:48px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);width:100%}.nav-trigger-btn:hover{background:var(--surface-hover);border-color:var(--primary);transform:translateY(-1px)}.current-item{align-items:center;display:flex;flex:1 1;gap:var(--space-sm);text-align:left}.current-icon{font-size:1rem}.current-label{color:var(--text);font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trigger-arrow{color:var(--text-muted);font-size:.75rem;transition:transform var(--transition-base)}.nav-trigger-btn[aria-expanded=true] .trigger-arrow{transform:rotate(180deg)}.mobile-navigation-sheet{--sheet-width:min(400px,90vw)}.mobile-nav-content{height:100%;overflow-y:auto;padding:var(--space-md)}.nav-group{margin-bottom:var(--space-lg)}.nav-group-header{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);width:100%}.nav-group-header:hover{background:var(--surface-hover);border-color:var(--primary)}.group-title{align-items:center;display:flex;font-size:.875rem;font-weight:700;gap:var(--space-xs)}.group-arrow{color:var(--text-muted);font-size:.75rem;transition:transform var(--transition-base)}.group-arrow.expanded{transform:rotate(180deg)}.nav-group-items{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:var(--space-xs);overflow:hidden}.mobile-nav-item{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--divider);cursor:pointer;display:flex;gap:var(--space-sm);min-height:48px;padding:var(--space-md);text-align:left;transition:all var(--transition-base);width:100%}.mobile-nav-item:last-child{border-bottom:none}.mobile-nav-item:hover{background:var(--surface-hover);transform:translateX(2px)}.mobile-nav-item:focus-visible{background:var(--surface-hover);outline:2px solid var(--primary);outline-offset:-2px}.mobile-nav-item.selected{background:color-mix(in srgb,var(--primary) 8%,var(--surface));border-color:color-mix(in srgb,var(--primary) 20%,var(--divider));color:var(--primary);font-weight:600}.nav-item-icon{flex-shrink:0;font-size:1.1rem}.nav-item-label{color:var(--text);flex:1 1;font-size:.875rem;font-weight:500}.mobile-nav-item.selected .nav-item-label{color:var(--primary);font-weight:600}.selected-indicator{color:var(--primary);flex-shrink:0;font-size:.875rem;font-weight:700}.nav-group-items{animation:groupExpand .2s ease-out}@keyframes groupExpand{0%{max-height:0;opacity:0;transform:translateY(-8px)}to{max-height:800px;opacity:1;transform:translateY(0)}}body.dark-mode .nav-trigger-btn{background:var(--surface);border-color:var(--border)}body.dark-mode .nav-group-header{background:var(--surface-2);border-color:var(--border)}body.dark-mode .nav-group-items{background:var(--surface);border-color:var(--border)}body.dark-mode .mobile-nav-item.selected{background:color-mix(in srgb,var(--primary) 12%,var(--surface))}@media (prefers-reduced-motion:reduce){.group-arrow,.mobile-nav-item,.nav-group-header,.nav-trigger-btn{transition:none}.nav-group-items{animation:none}}@media (prefers-contrast:high){.mobile-nav-item,.nav-group-header,.nav-trigger-btn{border-width:2px}.mobile-nav-item:focus-visible{outline-width:3px}}.onboarding-modal{--modal-width:min(500px,90vw);--modal-max-height:80vh}.onboarding-container{background:var(--surface);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-lg);overflow:hidden;padding:var(--space-lg);position:relative}.onboarding-container:before{animation:onboardingBgFloat 20s ease-in-out infinite;background:radial-gradient(circle at 30% 20%,#6366f114 0,#0000 45%),radial-gradient(circle at 70% 80%,#0ea5e90f 0,#0000 45%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:-1}@keyframes onboardingBgFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-.5deg)}}.onboarding-progress{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-sm)}.progress-bar{background:var(--neutral-200);border-radius:var(--radius-round);flex:1 1;height:4px;overflow:hidden}body.dark-mode .progress-bar{background:var(--neutral-700)}.progress-fill{background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:var(--radius-round);height:100%;transition:width .3s ease}.progress-text{color:var(--text-muted);font-size:.75rem;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content}.onboarding-content{display:flex;flex-direction:column;justify-content:center;min-height:300px;text-align:center}.step-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:var(--text);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-lg)}.onboarding-step{align-items:center;display:flex;flex-direction:column;gap:var(--space-md)}.step-illustration{animation:stepIllustrationFloat 3s ease-in-out infinite;font-size:3rem;margin-bottom:var(--space-sm)}@keyframes stepIllustrationFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.onboarding-step p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 auto var(--space-sm);max-width:400px}.step-list{list-style:none;margin:0 auto;max-width:350px;padding:0;text-align:left}.step-list li{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:var(--space-xs);padding-left:var(--space-md);position:relative}.step-list li:before{color:var(--primary);content:"•";font-weight:700;left:0;position:absolute}.step-list strong{color:var(--text);font-weight:600}.onboarding-actions{grid-gap:var(--space-md);align-items:center;display:grid;gap:var(--space-md);grid-template-columns:1fr auto 1fr;margin-top:var(--space-md)}.action-left{justify-self:start}.action-center{justify-self:center}.action-right{justify-self:end}.skip-btn{font-size:.8125rem;text-decoration:underline;-webkit-text-decoration-color:#0000;text-decoration-color:#0000;transition:-webkit-text-decoration-color var(--transition-base);transition:text-decoration-color var(--transition-base);transition:text-decoration-color var(--transition-base),-webkit-text-decoration-color var(--transition-base)}.skip-btn:hover{-webkit-text-decoration-color:currentColor;text-decoration-color:initial}@media (max-width:768px){.onboarding-modal{--modal-width:95vw;--modal-max-height:85vh}.onboarding-container{gap:var(--space-md);padding:var(--space-md)}.onboarding-content{min-height:250px}.step-title{font-size:1.25rem;margin-bottom:var(--space-md)}.step-illustration{font-size:2.5rem}.onboarding-step p{font-size:.875rem}.step-list{max-width:100%}.step-list li{font-size:.8125rem}.onboarding-actions{gap:var(--space-sm)}}@media (max-width:480px){.onboarding-progress{align-items:stretch;flex-direction:column;gap:var(--space-xs)}.progress-text{text-align:center}.onboarding-actions{gap:var(--space-sm);grid-template-columns:1fr}.action-center,.action-left,.action-right{justify-self:stretch}.action-center{order:-1}}body.dark-mode .onboarding-container:before{background:radial-gradient(circle at 30% 20%,#818cf81f 0,#0000 45%),radial-gradient(circle at 70% 80%,#0ea5e914 0,#0000 45%)}@media (prefers-contrast:high){.progress-bar{border:1px solid var(--text)}.step-title{-webkit-text-fill-color:unset;background:none;color:var(--text)}}@media (prefers-reduced-motion:reduce){.onboarding-container:before,.step-illustration{animation:none}.progress-fill{transition:none}}.auth-overlay{align-items:center;animation:authFadeIn .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:color-mix(in srgb,var(--bg) 45%,#0000);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(.34,1.56,.64,1);background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff0d;color:var(--text);max-width:420px;padding:40px 36px;position:relative;width:100%}@keyframes authSlideUp{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-close{align-items:center;background:#ffffff0f;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.auth-close:hover{background:#ffffff1f;color:var(--text);color:var(--tool-text-primary,var(--text))}.auth-header{margin-bottom:28px;text-align:center}.auth-logo{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;box-shadow:0 8px 24px #6366f166;display:flex;font-size:22px;font-weight:800;height:52px;justify-content:center;margin:0 auto 16px;width:52px}.auth-header h2,.auth-logo{color:var(--text);color:var(--tool-text-primary,var(--text))}.auth-header h2{font-size:1.5rem;font-weight:700;margin:0 0 6px}.auth-header p{color:#ffffff73;font-size:.9rem;margin:0}.auth-oauth{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.oauth-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#ffffffd9;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:10px;justify-content:center;padding:11px 16px;transition:all .2s;width:100%}.oauth-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.auth-divider{align-items:center;display:flex;gap:12px;margin-bottom:20px}.auth-divider:after,.auth-divider:before{background:#ffffff1a;content:"";flex:1 1;height:1px}.auth-divider span{color:#ffffff4d;font-size:.8rem}.auth-form{gap:14px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px}.auth-field label{color:#ffffff8c;font-size:.82rem;font-weight:500;letter-spacing:.03em}.auth-field input{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;box-sizing:border-box;color:var(--text);color:var(--tool-text-primary,var(--text));font-size:.95rem;outline:none;padding:11px 14px;transition:all .2s;width:100%}.auth-field input:focus{background:#6366f114;border-color:#6366f199;box-shadow:0 0 0 3px #6366f126}.auth-field input::placeholder{color:#fff3}.auth-error{background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;color:#f87171;font-size:.85rem;padding:10px 14px}.auth-submit{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;box-shadow:0 4px 16px #6366f159;color:var(--text);color:var(--tool-text-primary,var(--text));cursor:pointer;font-size:.95rem;font-weight:600;margin-top:4px;padding:12px;transition:all .2s;width:100%}.auth-submit:hover:not(:disabled){box-shadow:0 8px 24px #6366f180;transform:translateY(-1px)}.auth-submit:disabled{cursor:not-allowed;opacity:.6}.auth-switch{color:#fff6;font-size:.875rem;margin:20px 0 0;text-align:center}.auth-switch button{background:none;border:none;color:#818cf8;cursor:pointer;font-size:.875rem;font-weight:600;padding:0}.auth-switch button:hover{color:#a5b4fc;text-decoration:underline}.auth-user-btn{align-items:center;background:#6366f126;border:1px solid #6366f14d;border-radius:24px;color:#ffffffd9;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px;padding:5px 14px 5px 5px;position:relative;transition:all .2s}.auth-user-btn:hover{background:#6366f140;border-color:#6366f180}.auth-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:var(--text);color:var(--tool-text-primary,var(--text));display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;overflow:hidden;width:28px}.auth-avatar img{height:100%;object-fit:cover;width:100%}.auth-dropdown{animation:authFadeIn .15s ease;background:#12121cfa;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 16px 48px #00000080;min-width:200px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:99999}.auth-dropdown-email{border-bottom:1px solid #ffffff12;color:#fff6;font-size:.8rem;margin-bottom:6px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.auth-dropdown button{align-items:center;background:none;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:9px 12px;text-align:left;transition:all .15s;width:100%}.auth-dropdown button:hover{background:#ffffff0f;color:var(--text);color:var(--tool-text-primary,var(--text))}.auth-dropdown .logout-btn{color:#f87171}.auth-dropdown .logout-btn:hover{background:#ef44441a}.auth-sign-in-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:var(--text);color:var(--tool-text-primary,var(--text));cursor:pointer;font-size:.85rem;font-weight:600;padding:7px 16px;transition:all .2s;white-space:nowrap}.auth-sign-in-btn:hover{opacity:.9;transform:translateY(-1px)}.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}.main-container{background:var(--bg);background:var(--bg-gradient,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,color-mix(in srgb,var(--primary) 35%,#0000),#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(190%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(190%);background:var(--glass-bg);border-bottom:.5px solid var(--border);box-shadow:0 4px 20px #0003;gap:var(--space-2);justify-content:space-between;min-height:52px;overflow:hidden;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:.35rem;min-width:0;overflow-x:auto;overflow-y:hidden;padding-block:.35rem;scrollbar-width:none}.nav-section::-webkit-scrollbar{display:none}.tab{align-items:center;border:1px solid #0000;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:var(--space-2);height:32px;padding:0 16px;transition:transform var(--duration-150) cubic-bezier(.16,1,.3,1),background-color var(--duration-200) var(--ease-emil-out),color var(--duration-200) var(--ease-emil-out),border-color var(--duration-200) var(--ease-emil-out),box-shadow var(--duration-200) var(--ease-emil-out);transition:transform var(--duration-150) var(--ease-out-expo,cubic-bezier(.16,1,.3,1)),background-color var(--duration-200) var(--ease-emil-out),color var(--duration-200) var(--ease-emil-out),border-color var(--duration-200) var(--ease-emil-out),box-shadow var(--duration-200) var(--ease-emil-out)}.tab:hover{background:var(--surface-hover);border-color:#ffffff0d;color:var(--text);transform:translateY(-1px)}.tab:active{transform:translateY(0) scale(.97)}.macos-traffic-lights{align-items:center;display:flex;gap:8px;padding:0 8px 0 4px}.mac-btn{border-radius:50%;box-sizing:border-box;height:12px;width:12px}.mac-btn.close{background-color:#ff5f56;border:.5px solid #e0443e}.mac-btn.minimize{background-color:#ffbd2e;border:.5px solid #dea123}.mac-btn.maximize{background-color:#27c93f;border:.5px solid #1aab29}.tab.active{background:linear-gradient(135deg,#00f0ff47,#bd00ff3d);border-color:#00f0ff73;box-shadow:0 4px 16px #00f0ff40,inset 0 1px 0 #fff3;color:var(--text);color:var(--tool-text-primary,var(--text));font-weight:600;text-shadow:0 0 10px #00f0ff99,0 0 20px #bd00ff4d}.nav-item{align-items:center;border:1px solid #0000;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:12px;margin:4px 12px;padding:8px 12px;position:relative;transition:transform var(--duration-150) var(--ease-spring),background-color var(--duration-150) var(--ease-standard),border-color var(--duration-150) var(--ease-standard),box-shadow var(--duration-150) var(--ease-standard),color var(--duration-150) var(--ease-standard)}.nav-item:hover{background:var(--surface-hover);border-color:#00f0ff14;color:var(--text);transform:translateX(4px)}.nav-item:active{transform:translateX(4px) scale(.97)}.nav-item.selected{background:linear-gradient(90deg,#00f0ff29,#bd00ff14);border-color:#00f0ff59;box-shadow:0 4px 16px #00f0ff14,inset 0 1px 0 #ffffff0d;color:var(--text);color:var(--tool-text-primary,var(--text));font-weight:600;text-shadow:0 0 8px #00f0ff66,0 0 16px #bd00ff33}.nav-item.selected:after{background:var(--primary);border-radius:50%;box-shadow:0 0 8px #00f0ff99,0 0 16px #00f0ff4d;content:"";height:6px;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:6px}.nav-item.selected .nav-icon{color:var(--primary);text-shadow:0 0 8px #00f0ff99}.tabs-right-controls{align-items:center;display:flex;flex-shrink:0;gap:var(--space-3)}.theme-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-round);height:28px;justify-content:space-between;overflow:hidden;padding:0 4px;position:relative;width:56px}.shell-nav-toggle,.theme-toggle{align-items:center;cursor:pointer;display:inline-flex;transition:all var(--duration-200) var(--ease-standard)}.shell-nav-toggle{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);height:32px;justify-content:center;width:32px}.shell-nav-toggle:hover{border-color:var(--primary);color:var(--primary)}.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.dark .icon.sun,.theme-toggle.light .icon.moon{opacity:.35}.tab .tab-label-mobile{display:none}.tab .tab-label-desktop{display:inline}.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(5px) saturate(100%);-webkit-backdrop-filter:blur(5px) saturate(100%);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:240px}.nav-hidden .left-nav{border-right-width:0;width:0}.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-filter-wrap,.nav-hidden .nav-items,.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:100%!important;padding:clamp(1rem,2vw,2rem);width:100%!important}.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:240px minmax(0,1fr)}}@media (max-width:820px){.tabs{align-items:stretch;padding:.28rem .5rem}.tab,.tabs{min-height:44px}.tab{font-size:.74rem;padding:.5rem .65rem;white-space:nowrap}.theme-toggle{height:32px;width:52px}.shell-nav-toggle{height:44px;width:44px}.nav-scrim{background:color-mix(in srgb,var(--bg) 55%,#0000);border:0;cursor:pointer;inset:0;padding:0;position:fixed;z-index:var(--z-header)}.theme-toggle .toggle-thumb{height:18px;width:18px}.theme-toggle.dark .toggle-thumb{transform:translateX(18px)}.tab-content-container{grid-template-columns:minmax(0,1fr);position:relative}.left-nav{box-shadow:var(--shadow-lg);inset:0 auto 0 0;position:absolute;z-index:calc(var(--z-header) + 1)}.left-nav,.nav-hidden .left-nav{width:min(280px,calc(100vw - 3rem))}.nav-hidden .left-nav{border-right-width:.5px;transform:translateX(-100%)}.nav-item{min-height:44px;padding-inline:.75rem}.mobile-nav-slot{border-bottom:1px solid var(--divider);display:block;padding:.5rem .75rem 0}.tab-content-container>.left-nav{display:none}}.mobile-nav-slot{display:none}@media (max-width:560px){.tabs img{display:none}.tabs-right-controls{gap:.45rem}.tab .tab-label-desktop{display:none}.tab .tab-label-mobile{display:inline}.tab{font-size:.72rem;padding:.35rem .5rem}.breadcrumb-path{padding:.48rem .58rem}}.leftbrain-active .tab.active{background:linear-gradient(135deg,#00f0ff47,#bd00ff3d)!important;border-color:#00f0ff73!important;box-shadow:0 4px 16px #00f0ff40,inset 0 1px 0 #fff3!important}.rightbrain-active .tab.active{background:linear-gradient(135deg,#ff780047,#ff32003d)!important;border-color:#ff5a0073!important;box-shadow:0 4px 16px #ff5a0040,inset 0 1px 0 #fff3!important;text-shadow:0 0 10px #ff5a0099,0 0 20px #ff32004d!important}.developer-tools-active .tab.active,.general-tools-active .tab.active,.qa-tools-active .tab.active{background:linear-gradient(135deg,#3abff847,#0ea5e93d)!important;border-color:#3abff873!important;box-shadow:0 4px 16px #0ea5e940,inset 0 1px 0 #fff3!important}.learning-active .tab.active{background:linear-gradient(135deg,#10b98147,#0596693d)!important;border-color:#10b98173!important;box-shadow:0 4px 16px #10b98140,inset 0 1px 0 #fff3!important}.author-active .tab.active{background:linear-gradient(135deg,#eab30847,#ca8a043d)!important;border-color:#eab30873!important;box-shadow:0 4px 16px #eab30840,inset 0 1px 0 #fff3!important}