:root{--bg:#0a0a0c;--surface-sunken:#0d0e12;--surface:#131419;--surface-raised:#131419;--surface-overlay:#20232b;--text:#c5ccd6;--foreground:var(--text);--titles:#fff;--muted:#9ca3af;--avnir-studio-primary:gold;--muted-foreground:var(--muted);--border:#24262e;--border-soft:#ffffff0f;--accent:var(--primary);--accent-2:color-mix(in srgb, var(--primary) 72%, #000);--gradient-brand:linear-gradient(135deg, var(--primary), var(--accent-2));--glow-accent:0 0 0 1px color-mix(in srgb, var(--primary) 22%, transparent), 0 0 24px color-mix(in srgb, var(--primary) 28%, transparent);--focus-ring:0 0 0 3px color-mix(in srgb, var(--primary) 35%, transparent);--ring-selected:0 0 0 2px color-mix(in srgb, var(--primary) 50%, transparent);--shadow-card:inset 0 1px 0 #ffffff0a, 0 8px 24px #00000073;--shadow-raised:0 12px 40px #0000008c;--dark-bg:#0b0b0d;--dark-surface:#141317;--dark-text:#c5ccd6;--dark-titles:#fff;--dark-muted:#9ca3af;--dark-border:#1f1f23;--card:var(--surface);--card-foreground:var(--text);--card-surface:linear-gradient(160deg, var(--surface-raised), var(--bg) 62%);--card-inset:var(--surface-raised);--on-primary:#0b0b0d;--ring:var(--primary);--success:#10b981;--warning:#f59e0b;--error:#ef4444;--destructive:var(--error);--info:#3b82f6;--navbar-bg:var(--bg);--navbar-surface:var(--surface);--navbar-border:var(--border);--navbar-text:var(--titles);--footer-bg:var(--bg);--footer-surface:var(--surface);--footer-border:var(--border);--footer-text:var(--titles);--padding-container:4rem;--padding-section-sm:2rem;--padding-section-md:4rem;--padding-section-lg:6rem;--padding-section-xl:8rem;--gap-2xs:.125rem;--gap-xs:.25rem;--gap-sm:.5rem;--gap-md:1rem;--gap-lg:1.5rem;--gap-xl:2rem;--margin-sm:.5rem;--margin-md:1rem;--margin-lg:2rem;--margin-xl:3rem;--padding-xs:.25rem;--padding-sm:.5rem;--padding-md:1rem;--padding-lg:1.5rem;--padding-xl:2rem;--padding-2xl:3rem;--font-sans:var(--font-inter), Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-h1:3rem;--text-h2:2.5rem;--text-h3:1.5rem;--text-h4:1.25rem;--text-h5:1.125rem;--text-h6:1rem;--text-display-sm:3.75rem;--text-display-md:4.5rem;--text-display-lg:6rem;--text-stat-sm:1.75rem;--text-stat-md:2rem;--text-stat-lg:2.25rem;--text-body:1rem;--text-body-sm:.875rem;--text-body-lg:1.5rem;--text-small:.875rem;--text-tiny:.75rem;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shape-octagon:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--z-drawer:40;--z-modal:50;--z-popover:60;--z-toast:70;--duration-100:.1s;--duration-150:.15s;--duration-200:.2s;--duration-300:.3s;--duration-500:.5s;--easing-standard:cubic-bezier(.4, 0, .2, 1);--transition-all:all .2s ease;--transition-colors:color, background-color, border-color .2s ease;--width-xs:20rem;--width-sm:24rem;--width-md:28rem;--width-lg:32rem;--width-xl:36rem;--width-2xl:42rem;--width-3xl:48rem;--width-4xl:56rem;--width-5xl:64rem;--width-6xl:72rem;--width-7xl:80rem;--width-full:100%;--width-screen:100vw;--height-xs:20rem;--height-sm:24rem;--height-md:28rem;--height-lg:32rem;--height-xl:36rem;--height-2xl:42rem;--height-3xl:48rem;--height-full:100%;--height-screen:100vh;--border-width-0:0;--border-width-1:1px;--border-width-2:2px;--border-width-3:3px;--border-width-4:4px;--border-width-8:8px;--opacity-0:0;--opacity-5:.05;--opacity-10:.1;--opacity-20:.2;--opacity-25:.25;--opacity-30:.3;--opacity-40:.4;--opacity-50:.5;--opacity-60:.6;--opacity-70:.7;--opacity-75:.75;--opacity-80:.8;--opacity-90:.9;--opacity-95:.95;--opacity-100:1}[data-brand=avnir-studio]{--primary:gold}[data-brand=muzidev]{--primary:#5cb9f2}[data-brand=muzipics]{--primary:#ff2d55}[data-brand=muziweb]{--primary:#9802eb}[data-brand=muzimerch]{--primary:#ff9d00}[data-brand=muzibase]{--primary:#2fad66}[data-brand=muzisystem]{--primary:#bfbfbf}[data-brand=muzitools]{--primary:#07e7c6}[data-brand=jacque],[data-brand=muzimanager]{--primary:gold}[data-brand=promozic]{--primary:#ff6b6b}[data-brand=paradisebeats]{--primary:#f59e0b}[data-brand=lyrix]{--primary:#8b5cf6}[data-theme=light]{--bg:#f7f8fa;--surface-sunken:#eef0f4;--surface:#fff;--surface-raised:#fff;--surface-overlay:#fff;--text:#1f2937;--foreground:var(--text);--titles:#0e1116;--muted:#6b7280;--muted-foreground:var(--muted);--border:#e5e7eb;--border-soft:#00000014;--shadow-card:0 1px 2px #1018280f, 0 8px 24px #10182814;--shadow-raised:0 12px 40px #1018281f}[data-theme=light][data-brand=muzisystem] .btn-primary{background-color:var(--dark-bg)!important;color:var(--dark-titles)!important}[data-theme=light] .navbar,[data-theme=light] .footer{--text:var(--dark-text);--muted:var(--dark-muted);--titles:var(--dark-titles);background-color:var(--dark-bg)!important;border-bottom-color:var(--dark-border)!important;border-top-color:var(--dark-border)!important}[data-theme=light] .navbar-brand,[data-theme=light] .navbar-link,[data-theme=light] .navbar-menu-link,[data-theme=light] .navbar-toggle,[data-theme=light] .navbar select,[data-theme=light] .navbar input,[data-theme=light] .navbar label,[data-theme=light] .navbar span,[data-theme=light] .navbar p,[data-theme=light] .navbar a,[data-theme=light] .footer-logo,[data-theme=light] .footer-link,[data-theme=light] .footer-column-title{color:#fff!important}[data-theme=light] .navbar-link:hover,[data-theme=light] .navbar-menu-link:hover,[data-theme=light] .footer-link:hover{color:var(--primary)!important}[data-theme=light] .navbar-menu,[data-theme=light] .footer-top{background-color:var(--dark-bg)!important;border-color:#1f1f23!important}[data-theme=light] .footer-separator{background:#1f1f23!important}[data-theme=light] .navbar-menu-link:hover{background-color:#141317!important}[data-theme=light] .navbar input,[data-theme=light] .navbar select,[data-theme=light] .footer input,[data-theme=light] .footer select,[data-theme=light] .footer-newsletter-input,[data-theme=light] .navbar button:not(.btn-primary),[data-theme=light] .footer button:not(.btn-primary):not(.footer-newsletter-button){color:#fff!important;background-color:#141317!important;border-color:#1f1f23!important}[data-theme=light] .footer .btn-primary,[data-theme=light] .footer-newsletter-button{background-color:var(--primary)!important;border-color:var(--primary)!important}[data-theme=light][data-brand=avnir-studio] .footer .btn-primary,[data-theme=light][data-brand=avnir-studio] .footer-newsletter-button,[data-theme=light][data-brand=muzisystem] .footer .btn-primary,[data-theme=light][data-brand=muzisystem] .footer-newsletter-button{color:#0b0b0d!important}[data-theme=light][data-brand=muzidev] .footer .btn-primary,[data-theme=light][data-brand=muzidev] .footer-newsletter-button,[data-theme=light][data-brand=muzipics] .footer .btn-primary,[data-theme=light][data-brand=muzipics] .footer-newsletter-button,[data-theme=light][data-brand=muziweb] .footer .btn-primary,[data-theme=light][data-brand=muziweb] .footer-newsletter-button,[data-theme=light][data-brand=muzimerch] .footer .btn-primary,[data-theme=light][data-brand=muzimerch] .footer-newsletter-button,[data-theme=light][data-brand=muzibase] .footer .btn-primary,[data-theme=light][data-brand=muzibase] .footer-newsletter-button{color:#fff!important}[data-theme=light] .footer-newsletter-disclaimer a,.footer-newsletter-disclaimer a{color:var(--primary)!important}[data-theme=light] .navbar-toggle{background-color:#0000!important}[data-theme=light] .navbar-toggle span{background-color:var(--primary)!important}[data-theme=light] .navbar-menu-actions{border-top-color:#1f1f23!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{line-height:1.15}body{background-image:radial-gradient(120% 60% at 50% -10%, color-mix(in srgb, var(--primary,transparent) 6%, transparent), transparent 60%);background-repeat:no-repeat;background-attachment:fixed}.studio-bg{background-image:radial-gradient(120% 60% at 50% -10%, color-mix(in srgb, var(--primary,transparent) 6%, transparent), transparent 60%);background-repeat:no-repeat}.studio-bg--fixed{background-attachment:fixed}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-xs{font-size:var(--text-tiny)}.text-sm{font-size:var(--text-small)}.text-base{font-size:var(--text-body)}.text-lg{font-size:var(--text-body-lg)}.text-xl{font-size:var(--text-h5)}.text-2xl{font-size:var(--text-h4)}.text-3xl{font-size:var(--text-h3)}.text-6xl{font-size:var(--text-display-sm)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-raised{box-shadow:var(--shadow-raised)}.text-muted{color:var(--muted)}.text-primary{color:var(--primary)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.bg-gradient-brand{background:var(--gradient-brand)}.glow-accent{box-shadow:var(--glow-accent)}.surface-glow{isolation:isolate;position:relative}.surface-glow:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 80% at 50% 0%, color-mix(in srgb, var(--primary) 16%, transparent), transparent 70%);filter:blur(8px);height:60%;position:absolute;inset:-20% -10% auto}.has-grain:after{content:"";z-index:9999;pointer-events:none;opacity:.025;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.bg-error{background-color:var(--error)}.bg-success{background-color:var(--success)}.bg-warning{background-color:var(--warning)}.bg-info{background-color:var(--info)}.text-error{color:var(--error)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-info{color:var(--info)}.tag-cloud{gap:var(--gap-md);margin-bottom:var(--margin-lg);flex-wrap:wrap;justify-content:center;display:flex}.account-card{max-width:56rem}.account-logo{margin-bottom:var(--margin-md);justify-content:center;display:flex}.account-header-centered{text-align:center;margin-bottom:var(--margin-lg)}.account-tabs{gap:var(--gap-sm);margin-bottom:var(--margin-md);justify-content:center;display:flex}.account-profile-grid{gap:var(--gap-lg);display:grid}.account-profile-field{gap:var(--gap-sm);flex-direction:column;display:flex}.account-profile-label{opacity:.7;font-size:.875rem}.account-profile-value{font-size:1rem}.account-empty-state{text-align:center;padding:3rem var(--padding-lg)}.account-empty-text{opacity:.5;font-size:.875rem}.account-subscription-list{gap:var(--gap-md);display:grid}.account-subscription-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.account-subscription-name{font-size:1.125rem;font-weight:600}.account-subscription-details{gap:var(--gap-sm);flex-direction:column;display:flex}.account-subscription-info{opacity:.7;font-size:.875rem}.account-subscription-warning{color:var(--error);font-size:.875rem}.account-section{margin-bottom:var(--margin-md)}.account-section-title{margin-bottom:var(--margin-md);font-size:1.25rem;font-weight:600}.account-separator{background:var(--border);height:1px;margin:var(--margin-md) 0}.account-footer{margin-top:var(--margin-md);justify-content:center;display:flex}.container{max-width:var(--width-7xl)!important;padding-left:var(--padding-md)!important;padding-right:var(--padding-md)!important;margin-left:auto!important;margin-right:auto!important}@media (min-width:768px){.container{padding-left:var(--padding-xl)!important;padding-right:var(--padding-xl)!important}}@media (min-width:1024px){.container{padding-left:var(--padding-container)!important;padding-right:var(--padding-container)!important}}.section{padding-top:var(--padding-section-md);padding-bottom:var(--padding-section-md)}.section--sm{padding-top:var(--padding-section-sm);padding-bottom:var(--padding-section-sm)}.section--lg{padding-top:var(--padding-section-lg);padding-bottom:var(--padding-section-lg)}.section--xl{padding-top:var(--padding-section-xl);padding-bottom:var(--padding-section-xl)}.section--xl+.section--xl{border-top:1px solid var(--border-soft)}.section-actions{justify-content:center;align-items:center;gap:var(--gap-md);margin-top:var(--margin-lg);flex-wrap:wrap;display:flex}.section-note{margin:var(--margin-lg) auto 0;max-width:var(--width-3xl);text-align:center;font-size:var(--text-small);color:var(--muted)}.grid-2{gap:var(--gap-xl);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--gap-xl);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--gap-xl);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}::-webkit-scrollbar-thumb:active{background:var(--primary)}.card::-webkit-scrollbar-track{background:var(--surface)}.doc-layout-sidebar::-webkit-scrollbar-track{background:var(--surface)}[class*=surface]::-webkit-scrollbar-track{background:var(--surface)}.card::-webkit-scrollbar-thumb{border-color:var(--surface)}.doc-layout-sidebar::-webkit-scrollbar-thumb{border-color:var(--surface)}[class*=surface]::-webkit-scrollbar-thumb{border-color:var(--surface)}:root{--animation-duration:.2s;--animation-duration-slow:.3s;--animation-duration-fast:.15s;--animation-easing:ease;--animation-easing-bounce:cubic-bezier(.68, -.55, .265, 1.55);--animation-easing-smooth:cubic-bezier(.4, 0, .2, 1);--shadow-1:0 1px 2px 0 #0000000d;--shadow-2:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--shadow-3:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-4:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-5:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-6:0 25px 50px -12px #00000040;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--border-width:1px;--border-width-thick:2px;--border-style:solid;--opacity-disabled:.5;--opacity-hover:.8;--opacity-pressed:.9;--transition-colors:color var(--animation-duration) var(--animation-easing), background-color var(--animation-duration) var(--animation-easing), border-color var(--animation-duration) var(--animation-easing);--transition-transform:transform var(--animation-duration) var(--animation-easing);--transition-opacity:opacity var(--animation-duration) var(--animation-easing);--transition-all:all var(--animation-duration) var(--animation-easing);--color-success:#4ade80;--color-success-bg:#22c55e26;--color-warning:#fbbf24;--color-warning-bg:#f59e0b26;--color-error:#f87171;--color-error-bg:#ef444426;--color-info:#60a5fa;--color-info-bg:#3b82f626;--size-xs:1.5rem;--size-sm:2rem;--size-md:2.5rem;--size-lg:3rem;--size-xl:3.5rem;--size-2xl:4rem;--content-width-xs:20rem;--content-width-sm:24rem;--content-width-md:28rem;--content-width-lg:32rem;--content-width-xl:36rem;--content-width-2xl:42rem;--content-width-3xl:48rem;--content-width-4xl:56rem;--content-width-5xl:64rem;--content-width-6xl:72rem;--content-width-7xl:80rem;--aspect-square:1 / 1;--aspect-video:16 / 9;--aspect-photo:4 / 3;--aspect-golden:1.618 / 1;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.card-base{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--padding-md);transition:all var(--animation-duration) var(--animation-easing)}.card-base:hover{border-color:#ffffff1a}.card-base--selected{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent)}.card-base--disabled{opacity:.5;cursor:not-allowed}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-truncate-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-truncate-3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-start{justify-content:space-between;align-items:flex-start;display:flex}.flex-column{flex-direction:column;display:flex}.flex-column-center{flex-direction:column;justify-content:center;align-items:center;display:flex}.action-button{padding:var(--padding-xs);color:#fff;cursor:pointer;transition:background-color var(--animation-duration) var(--animation-easing);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.action-button:hover{background:#000000b3}.action-button--delete:hover{background:#ef4444b3}.action-button--primary:hover{background:var(--primary)}.icon-xs{width:.75rem;height:.75rem}.icon-sm{width:1rem;height:1rem}.icon-md{width:1.25rem;height:1.25rem}.icon-lg{width:1.5rem;height:1.5rem}.icon-xl{width:2rem;height:2rem}.badge-base{align-items:center;gap:var(--gap-xs);padding:var(--padding-xs) var(--padding-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}.spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;animation:1s linear infinite spin}.spinner--sm{width:1rem;height:1rem}.spinner--md{width:1.25rem;height:1.25rem}.spinner--lg{width:1.5rem;height:1.5rem}.overlay{opacity:0;transition:opacity var(--animation-duration) var(--animation-easing);border-radius:inherit;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay--visible{opacity:1}.focus-ring{transition:box-shadow var(--animation-duration) var(--animation-easing);outline:none}.focus-ring:focus-visible{box-shadow:0 0 0 2px var(--primary)}.blockquote{padding-left:var(--padding-lg);border-left:4px solid var(--border);font-size:var(--text-body-lg);color:var(--muted-foreground);margin:0;font-style:italic;line-height:1.6}.blockquote--primary{border-left-color:var(--primary);color:var(--foreground)}.blockquote--success{border-left-color:var(--success)}.blockquote--warning{border-left-color:var(--warning)}.blockquote--error{border-left-color:var(--destructive)}.blockquote--sm{font-size:var(--text-body);padding-left:var(--padding-md);border-left-width:3px}.blockquote--md{font-size:var(--text-body-lg);padding-left:var(--padding-lg);border-left-width:4px}.blockquote--lg{font-size:var(--text-h5);padding-left:var(--padding-xl);border-left-width:5px}.card{background:var(--card-surface);border:1px solid var(--border-soft);box-shadow:var(--shadow-card);border-radius:var(--radius-lg);color:var(--card-foreground);transition:transform var(--duration-200) var(--easing-standard), box-shadow var(--duration-200) var(--easing-standard), border-color var(--duration-200) var(--easing-standard);padding:var(--padding-section-sm);gap:var(--gap-md);flex-direction:column;display:flex;position:relative;overflow:hidden}.card .card,.card .card:hover,.dash-preview .card,.card--inset{background:var(--card-inset);box-shadow:none;transform:none}.card--sunken{background:var(--surface-sunken);border-color:var(--border-soft);box-shadow:inset 0 1px 2px #0000008c}.card--outline{box-shadow:none;border:1px solid var(--border);background:0 0}.card--ghost{box-shadow:none;background:0 0;border:none;padding:0}.card>*{z-index:1;position:relative}.card>p{font-size:var(--text-body);color:var(--text);line-height:var(--leading-tight);margin:0}.card>.btn,.card>a.btn,.card>button{align-self:flex-start;margin-top:auto}.card--centered{text-align:center;align-items:center}.card--centered>.btn,.card--centered>a.btn,.card--centered>button{align-self:center;margin-top:0}.card-header{gap:var(--gap-md);margin-bottom:var(--margin-sm);flex-direction:column;display:flex}.card-title{font-size:var(--text-h3);font-weight:var(--font-semibold);line-height:var(--leading-normal);letter-spacing:var(--tracking-tight);color:var(--titles);align-items:center;gap:var(--gap-md);display:flex}.card-description{font-size:var(--text-body);color:var(--text);line-height:var(--leading-tight)}.card-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--primary) 10%, var(--surface));border:1px solid var(--border-soft);width:3rem;height:3rem;font-size:var(--text-h3);margin-bottom:var(--margin-sm);justify-content:center;align-items:center;line-height:1;display:inline-flex}.card-content{gap:var(--gap-sm);flex-direction:column;flex:1;justify-content:space-between;display:flex}.card-content>.btn,.card-content>button,.card-content>.badge{margin-top:var(--margin-md);align-self:flex-start}.card-footer{border-top:none;align-items:center;margin-top:auto;display:flex}.card--accent,.card--corner-accent,.card--gradient-border{background:radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--primary) 14%, transparent), transparent 60%), var(--card-surface);border-color:color-mix(in srgb, var(--primary) 26%, transparent)}.card--warning{background:color-mix(in srgb, var(--warning) 7%, var(--surface));border-color:color-mix(in srgb, var(--warning) 40%, transparent)}.card--info{background:color-mix(in srgb, var(--info) 7%, var(--surface));border-color:color-mix(in srgb, var(--info) 40%, transparent)}.card--success{background:color-mix(in srgb, var(--success) 7%, var(--surface));border-color:color-mix(in srgb, var(--success) 40%, transparent)}.card--error{background:color-mix(in srgb, var(--error) 7%, var(--surface));border-color:color-mix(in srgb, var(--error) 40%, transparent)}.card--warning .card__title,.card--warning .card-title{color:var(--warning)}.card--info .card__title,.card--info .card-title{color:var(--info)}.card--success .card__title,.card--success .card-title{color:var(--success)}.card--error .card__title,.card--error .card-title{color:var(--error)}.card--elevated{box-shadow:var(--shadow-card)}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:var(--shadow-raised);border-color:color-mix(in srgb, var(--primary) 24%, var(--border-soft));transform:translateY(-3px)}.card--interactive:active{transform:translateY(0)}.card--selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), var(--shadow-card)}.card--sm{padding:var(--padding-sm)}.card--lg{padding:var(--padding-section-lg)}.card--fill{height:100%}@media (prefers-reduced-motion:reduce){.card{transition:none}.card--interactive:hover{transform:none}}.card-image{width:calc(100% + (var(--padding-section-sm) * 2));aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:none;margin:calc(var(--padding-section-sm) * -1) calc(var(--padding-section-sm) * -1) 0 calc(var(--padding-section-sm) * -1)}.card-link{color:var(--primary);align-items:center;gap:var(--gap-xs);font-size:var(--text-small);font-weight:var(--font-medium);transition:var(--transition-all);text-decoration:none;display:flex}.card-link:hover{opacity:.8}.card--overlay{aspect-ratio:16/9;cursor:pointer;background-color:var(--surface);padding:0;position:relative;overflow:hidden}.card--overlay .card-image{border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:var(--transition-all);z-index:0;margin:0;position:absolute;top:0;left:0}.card--overlay:hover .card-image{transform:scale(1.05)}.card--overlay:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000,#000c);height:60%;position:absolute;bottom:0;left:0;right:0}.card--overlay .card-content{padding:var(--padding-lg);z-index:2;gap:var(--gap-sm);transition:var(--transition-all);flex-direction:column;margin:0;display:flex;position:absolute;bottom:0;left:0;right:0}.card--overlay .card-title{color:#fff;font-size:var(--text-h3);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0}.card--overlay .card-description{color:#ffffffe6;font-size:var(--text-body);line-height:var(--leading-relaxed);opacity:0;max-height:0;transition:var(--transition-all);margin:0;overflow:hidden}.card--overlay:hover:after{background:linear-gradient(#0000004d,#000000e6);height:80%}.card--overlay:hover .card-description{opacity:1;max-height:200px;margin-top:var(--margin-sm)}.center{justify-content:center;align-items:center;display:flex}.center--inline{display:inline-flex}.center--vertical{flex-direction:column}.code{align-items:center;gap:var(--gap-xs);padding:var(--padding-xs) var(--padding-sm);font-family:var(--font-mono);font-size:var(--text-small);color:var(--foreground);background-color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;line-height:1.4;display:inline-flex}.code--primary{background-color:var(--primary);color:var(--bg);border-color:var(--primary);opacity:.9}.code--success{background-color:var(--success);color:var(--bg);border-color:var(--success);opacity:.9}.code--warning{background-color:var(--warning);color:var(--bg);border-color:var(--warning);opacity:.9}.code--error{background-color:var(--destructive);color:var(--bg);border-color:var(--destructive);opacity:.9}.code--xs{font-size:var(--text-tiny);padding:var(--padding-xs) var(--padding-xs)}.code--sm{font-size:var(--text-small);padding:var(--padding-xs) var(--padding-xs)}.code--md{font-size:var(--text-small);padding:var(--padding-xs) var(--padding-sm)}.code--lg{font-size:var(--text-body);padding:var(--padding-xs) var(--padding-sm)}.container{width:100%;padding-left:var(--padding-md);padding-right:var(--padding-md);margin-left:auto;margin-right:auto}.container--sm{max-width:40rem}.container--md{max-width:48rem}.container--lg{max-width:64rem}.container--xl{max-width:80rem}.container--2xl{max-width:96rem}.container--full{max-width:100%}@media (min-width:640px){.container{padding-left:var(--padding-xl);padding-right:var(--padding-xl)}}@media (min-width:1024px){.container{padding-left:var(--padding-xl);padding-right:var(--padding-xl)}}.divider{border:none;border-top:1px solid var(--border);margin:var(--margin-md) 0}.divider--vertical{border-top:none;border-left:1px solid var(--border);width:1px;height:1.5rem;margin:0 var(--margin-md);vertical-align:middle;display:inline-block}.divider--sm{margin:var(--margin-sm) 0}.divider--md{margin:var(--margin-md) 0}.divider--lg,.divider--xl{margin:var(--margin-lg) 0}.divider--label{text-align:center;margin:var(--margin-md) 0;align-items:center;display:flex}.divider--label:before,.divider--label:after{content:"";border-top:1px solid var(--border);flex:1}.divider--label:before{margin-right:var(--margin-md)}.divider--label:after{margin-left:var(--margin-md)}.divider-label-text{font-size:var(--text-body-sm);color:var(--muted-foreground);white-space:nowrap}.heading{font-weight:var(--font-semibold);color:var(--titles);margin:0;line-height:1.2}.heading--h1{font-size:var(--text-h1);font-weight:var(--font-bold);letter-spacing:-.02em}.heading--h2{font-size:var(--text-h2);font-weight:var(--font-bold);letter-spacing:-.01em}.heading--h3{font-size:var(--text-h3);font-weight:var(--font-semibold)}.heading--h4{font-size:var(--text-h4);font-weight:var(--font-semibold)}.heading--h5{font-size:var(--text-h5);font-weight:var(--font-medium)}.heading--h6{font-size:var(--text-h6);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.heading--display{font-size:var(--text-display-lg);font-weight:var(--font-bold);letter-spacing:-.03em;line-height:1.1}.heading--gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.heading--muted{color:var(--muted-foreground)}.heading--primary{color:var(--primary)}.heading--left{text-align:left}.heading--center{text-align:center}.heading--right{text-align:right}.heading--tight{line-height:1.1}.heading--normal{line-height:1.2}.heading--relaxed{line-height:1.4}.icon{fill:currentColor;stroke:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}.icon--xs{width:.75em;height:.75em}.icon--sm{width:1em;height:1em}.icon--md{width:1.25em;height:1.25em}.icon--lg{width:1.5em;height:1.5em}.icon--xl{width:2em;height:2em}.image{border-radius:var(--radius-md);width:100%;height:auto;display:block}.image--sharp{border-radius:0}.image--rounded{border-radius:var(--radius-lg)}.image--circle{border-radius:var(--radius-full)}.image--square{aspect-ratio:1;-o-object-fit:cover;object-fit:cover}.image--portrait{aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover}.image--landscape{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover}.image--widescreen{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.image--ultrawide{aspect-ratio:21/9;-o-object-fit:cover;object-fit:cover}.image--video{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.image--cover{-o-object-fit:cover;object-fit:cover}.image--contain{-o-object-fit:contain;object-fit:contain}.image--fill{-o-object-fit:fill;object-fit:fill}.image--loading{background-color:var(--muted);animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.image--error{background-color:var(--muted);color:var(--muted-foreground);justify-content:center;align-items:center;display:flex}.kbd{min-width:1.5em;padding:var(--padding-xs) var(--padding-xs);font-family:var(--font-mono);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--foreground);background-color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 1px 0 0 var(--border);justify-content:center;align-items:center;line-height:1;display:inline-flex}.kbd--sm{font-size:var(--text-tiny);padding:var(--padding-xs) var(--padding-xs)}.kbd--md{font-size:var(--text-small);padding:var(--padding-xs) var(--padding-xs)}.kbd--lg{font-size:var(--text-body);padding:var(--padding-xs) var(--padding-sm)}.link{align-items:center;gap:var(--gap-xs);color:var(--primary);cursor:pointer;text-decoration:none;transition:all .2s;display:inline-flex}.link:hover{color:var(--primary);opacity:.8}.link:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.link--underline{text-underline-offset:2px;text-decoration:underline}.link--underline:hover{text-decoration-thickness:2px}.link--muted{color:var(--muted-foreground)}.link--muted:hover,.link--subtle{color:var(--foreground)}.link--subtle:hover{color:var(--primary)}.link--xs{font-size:var(--text-tiny);gap:var(--gap-2xs)}.link--sm{font-size:var(--text-small);gap:var(--gap-xs)}.link--md{font-size:var(--text-body)}.link--lg{font-size:var(--text-body-lg)}.link--external:after{content:"";opacity:.6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:.875em;height:.875em;display:inline-block}.link--external:hover:after{opacity:1}.link--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.list{gap:var(--gap-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list li{padding-left:var(--padding-lg);font-size:var(--text-small);color:var(--muted-foreground);line-height:1.5;position:relative}.list li:before{content:"•";left:var(--gap-sm);color:var(--primary);font-weight:600;position:absolute}.list--checklist li:before{content:"✓";color:var(--success)}.list--numbered{counter-reset:list-counter}.list--numbered li:before{content:counter(list-counter) ".";counter-increment:list-counter;color:var(--primary);font-weight:500}.list--sm{gap:var(--gap-xs)}.list--sm li{font-size:var(--text-tiny);padding-left:var(--padding-md)}.list--sm li:before{left:var(--gap-xs)}.list--md{gap:var(--gap-sm)}.list--md li{font-size:var(--text-small)}.list--lg{gap:var(--gap-md)}.list--lg li{font-size:var(--text-body);padding-left:var(--padding-xl)}.list--lg li:before{left:var(--gap-md)}.readout{font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);font-variant-numeric:tabular-nums;color:var(--muted)}.readout--label{text-transform:uppercase;letter-spacing:var(--tracking-widest)}.readout--accent{color:var(--primary)}.readout--strong{color:var(--titles)}.separator{background-color:var(--border);flex-shrink:0}.separator--horizontal{width:100%;height:1px}.separator--vertical{width:1px;height:100%}.separator--dashed{background:0 0;border-style:dashed}.separator--horizontal.separator--dashed{border-top:1px dashed var(--border)}.separator--vertical.separator--dashed{border-left:1px dashed var(--border)}.separator--dotted{background:0 0;border-style:dotted}.separator--horizontal.separator--dotted{border-top:1px dotted var(--border)}.separator--vertical.separator--dotted{border-left:1px dotted var(--border)}.spacer{flex-shrink:0}.spacer--xs{height:var(--gap-xs);width:var(--gap-xs)}.spacer--sm{height:var(--gap-sm);width:var(--gap-sm)}.spacer--md{height:var(--gap-md);width:var(--gap-md)}.spacer--lg,.spacer--xl{height:var(--gap-xl);width:var(--gap-xl)}.spacer--2xl{height:var(--padding-section-sm);width:var(--padding-section-sm)}.stack{flex-direction:column;display:flex}.stack--horizontal{flex-direction:row}.stack--xs{gap:var(--gap-xs)}.stack--sm{gap:var(--gap-sm)}.stack--md{gap:var(--gap-md)}.stack--lg,.stack--xl{gap:var(--gap-xl)}.stack--start{align-items:flex-start}.stack--center{align-items:center}.stack--end{align-items:flex-end}.stack--stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-between{justify-content:space-between}.status-dot{width:var(--gap-sm);height:var(--gap-sm);border-radius:var(--radius-full);background-color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.status-dot--online{background-color:var(--success)}.status-dot--offline{background-color:var(--muted-foreground)}.status-dot--away{background-color:var(--warning)}.status-dot--busy{background-color:var(--destructive)}.status-dot--sm{width:var(--gap-xs);height:var(--gap-xs)}.status-dot--md{width:var(--gap-sm);height:var(--gap-sm)}.status-dot--lg{width:var(--gap-md);height:var(--gap-md)}.status-dot--pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.text{color:var(--foreground);margin:0;line-height:1.6}.text--xs{font-size:var(--text-tiny);line-height:1.5}.text--sm{font-size:var(--text-small);line-height:1.5}.text--md{font-size:var(--text-body);line-height:1.6}.text--lg{font-size:var(--text-body-lg);line-height:1.7}.text--xl{font-size:var(--text-h5);line-height:1.7}.text--muted{color:var(--muted-foreground)}.text--subtle{color:var(--muted-foreground);opacity:.8}.text--primary{color:var(--primary)}.text--success{color:var(--success)}.text--warning{color:var(--warning)}.text--error{color:var(--destructive)}.text--light{font-weight:var(--font-light)}.text--normal{font-weight:var(--font-normal)}.text--medium{font-weight:var(--font-medium)}.text--semibold{font-weight:var(--font-semibold)}.text--bold{font-weight:var(--font-bold)}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.text--uppercase{text-transform:uppercase;letter-spacing:.05em}.text--lowercase{text-transform:lowercase}.text--capitalize{text-transform:capitalize}.text--underline{text-decoration:underline}.text--line-through{text-decoration:line-through}.text--truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text--clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text--clamp-3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.video{border-radius:var(--radius-md);background-color:var(--muted);width:100%;height:auto;display:block}.video--square{aspect-ratio:1}.video--video,.video--widescreen{aspect-ratio:16/9}.video--ultrawide{aspect-ratio:21/9}.video--vertical{aspect-ratio:9/16}.video--rounded{border-radius:var(--radius-lg)}.video--cover{-o-object-fit:cover;object-fit:cover}.video--contain{-o-object-fit:contain;object-fit:contain}.video--fill{-o-object-fit:fill;object-fit:fill}.box{display:block}.flex{width:100%;display:flex}.flex--row{flex-direction:row}.flex--column{flex-direction:column}.flex--align-start{align-items:flex-start}.flex--align-center{align-items:center}.flex--align-end{align-items:flex-end}.flex--align-stretch{align-items:stretch}.flex--justify-start{justify-content:flex-start}.flex--justify-center{justify-content:center}.flex--justify-end{justify-content:flex-end}.flex--justify-between{justify-content:space-between}.flex--justify-around{justify-content:space-around}.flex--gap-sm{gap:var(--gap-sm)}.flex--gap-md{gap:var(--gap-md)}.flex--gap-lg{gap:var(--gap-lg)}.flex--gap-xl{gap:var(--gap-xl)}.flex--wrap{flex-wrap:wrap}.aspect-ratio{width:100%;position:relative}.aspect-ratio--1-1{aspect-ratio:1}.aspect-ratio--4-3{aspect-ratio:4/3}.aspect-ratio--16-9{aspect-ratio:16/9}.aspect-ratio--21-9{aspect-ratio:21/9}.aspect-ratio-content{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.btn{justify-content:center;align-items:center;gap:var(--gap-md);font-family:inherit;font-weight:var(--font-semibold);transition:transform var(--duration-150) var(--easing-standard), box-shadow var(--duration-200) var(--easing-standard), background-color var(--duration-200) var(--easing-standard), opacity var(--duration-200) var(--easing-standard);cursor:pointer;-webkit-user-select:none;user-select:none;--btn-spinner-color:currentColor;display:inline-flex;border-radius:var(--radius-md)!important;border:none!important;text-decoration:none!important}.btn:focus-visible{outline:1px solid var(--ring);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn[aria-busy=true]{color:#0000;position:relative}.btn--sm{padding:var(--padding-xs) var(--padding-md);font-size:var(--text-small)}.btn--md{padding:var(--padding-sm) var(--padding-lg);font-size:var(--text-body)}.btn--lg{padding:var(--padding-md) var(--padding-xl);font-size:var(--text-h4)}.btn--block{width:100%}.btn-primary{--btn-spinner-color:var(--on-primary);background-image:var(--gradient-brand)!important;background-color:var(--primary)!important;color:var(--on-primary)!important;border:none!important}.btn-primary:hover:not(:disabled){box-shadow:var(--glow-accent);transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:none;opacity:.92;transform:translateY(0)}.btn-secondary{background-color:var(--surface-raised);color:var(--titles);gap:var(--gap-md);border:1px solid var(--border-soft)!important}.btn-secondary:hover:not(:disabled){background-color:var(--surface-overlay);border-color:color-mix(in srgb, var(--primary) 35%, var(--border-soft))!important}.btn-secondary:active:not(:disabled){background-color:var(--surface-overlay);opacity:.9}.btn-ghost{color:var(--text);gap:var(--gap-md);--btn-spinner-color:var(--primary);background-color:#0000;border:none}.btn-ghost:hover:not(:disabled){background-color:var(--surface)}.btn-ghost:active:not(:disabled){background-color:var(--surface);opacity:.8}.btn-icon-left,.btn-icon-right{flex-shrink:0;align-items:center;display:inline-flex}.btn-icon-left{margin-right:calc(var(--margin-sm) * -.5)}.btn-icon-right{margin-left:calc(var(--margin-sm) * -.5)}.btn[aria-busy=true] .spinner{border:2px solid var(--btn-spinner-color);border-radius:var(--radius-full);width:1rem;height:1rem;animation:1s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-top-color:#0000!important}.input{border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--surface-sunken);width:100%;padding:var(--padding-sm) var(--padding-md);font-size:var(--text-body-sm);color:var(--titles);transition:border-color var(--duration-200) var(--easing-standard), box-shadow var(--duration-200) var(--easing-standard), background-color var(--duration-200) var(--easing-standard);display:flex;box-shadow:inset 0 1px 2px #00000059}.input:hover:not(:disabled):not(:focus){border-color:color-mix(in srgb, var(--primary) 30%, var(--border))}.input:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--muted)}.input::placeholder{color:var(--muted)}.input:-webkit-autofill{-webkit-text-fill-color:var(--titles);caret-color:var(--titles);box-shadow:0 0 0 1000px var(--surface-overlay) inset;transition:background-color 9999s ease-in-out}.input:-webkit-autofill:hover{-webkit-text-fill-color:var(--titles);caret-color:var(--titles);box-shadow:0 0 0 1000px var(--surface-overlay) inset;transition:background-color 9999s ease-in-out}.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--titles);caret-color:var(--titles);box-shadow:0 0 0 1000px var(--surface-overlay) inset;transition:background-color 9999s ease-in-out}.input--sm{padding:var(--padding-sm) var(--padding-sm);font-size:var(--text-tiny)}.input--lg{padding:var(--padding-md) var(--padding-md);font-size:var(--text-body)}.input--error{border-color:var(--destructive)}.input--error:focus{border-color:var(--destructive);box-shadow:0 0 0 2px color-mix(in srgb, var(--destructive) 10%, transparent)}.input--success{border-color:var(--success)}.input--success:focus{border-color:var(--success);box-shadow:0 0 0 2px color-mix(in srgb, var(--success) 10%, transparent)}[data-theme=light] .navbar .input,[data-theme=light] .footer .input{background-color:var(--surface)!important;border-color:var(--border)!important;color:var(--titles)!important}[data-theme=light] .navbar .input::-moz-placeholder{color:var(--muted)!important}[data-theme=light] .footer .input::-moz-placeholder{color:var(--muted)!important}[data-theme=light] .navbar .input::placeholder,[data-theme=light] .footer .input::placeholder{color:var(--muted)!important}.search-input{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--muted);display:inline-flex;box-shadow:inset 0 1px 2px #00000059}.search-input-icon{flex:none}.search-input-field{min-width:0;color:var(--foreground);font-size:var(--text-body-sm);background:0 0;border:none;outline:none;flex:1}.search-input-field::placeholder{color:var(--muted)}.search-input-field::-webkit-search-cancel-button{appearance:none}.search-input-clear{color:var(--muted);font-size:var(--text-h4);cursor:pointer;padding:0 var(--padding-xs);background:0 0;border:none;flex:none;line-height:1}.search-input-clear:hover{color:var(--foreground)}.command-search{align-items:center;gap:var(--gap-sm);min-width:0;max-width:22rem;padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-sunken);color:var(--muted);transition:var(--transition-colors);flex:1;margin-left:auto;display:flex;position:relative;box-shadow:inset 0 1px 2px #00000059}.command-search:focus-within{border-color:color-mix(in srgb, var(--primary) 45%, transparent)}.command-search:hover{border-color:var(--border)}.command-search__icon{color:var(--muted);flex-shrink:0}.command-search__input{min-width:0;color:var(--text);font-size:var(--text-small);background:0 0;border:none;outline:none;flex:1}.command-search__input::placeholder{color:var(--muted)}.command-search__input::-webkit-search-cancel-button{appearance:none}.command-search__hint{padding:1px var(--padding-xs);border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:var(--surface-raised);color:var(--muted);font-size:var(--text-tiny);font-family:var(--font-mono);flex-shrink:0}.command-search__panel{top:calc(100% + var(--gap-xs));z-index:var(--z-popover);gap:var(--gap-sm);max-height:min(70vh,30rem);padding:var(--padding-sm);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-raised);box-shadow:var(--shadow-raised);flex-direction:column;display:flex;position:absolute;left:0;right:0;overflow-y:auto}.command-search__status{padding:var(--padding-sm) var(--padding-md);color:var(--muted);font-size:var(--text-small);margin:0}.command-search__group{flex-direction:column;gap:1px;display:flex}.command-search__group-label{padding:var(--padding-xs) var(--padding-sm);color:var(--muted);font-size:var(--text-tiny);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0}.command-search__result{align-items:center;gap:var(--gap-sm);width:100%;padding:var(--padding-sm);border-radius:var(--radius-sm);color:var(--text);text-align:left;cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;display:flex}.command-search__result--active{background:var(--surface-overlay)}.command-search__result-icon{color:var(--primary);flex-shrink:0;display:inline-flex}.command-search__result-text{flex-direction:column;min-width:0;display:flex}.command-search__result-title{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--titles);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.command-search__result-sub{font-size:var(--text-tiny);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:1024px){.command-search__hint{display:none}}@media (max-width:640px){.command-search{max-width:none}.command-search__panel{min-width:min(20rem,100vw - 6rem);right:auto}}.select{border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg);width:100%;padding:var(--padding-sm) var(--padding-md);font-size:var(--text-body-sm);color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--gap-sm) center;padding-right:var(--padding-xl);background-repeat:no-repeat;background-size:1rem;transition:all .2s;display:flex}.select:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--muted)}.select--sm{padding:var(--padding-sm) var(--padding-xl) var(--padding-sm) var(--padding-sm);font-size:var(--text-tiny)}.select--lg{padding:var(--padding-md) var(--padding-xl) var(--padding-md) var(--padding-md);font-size:var(--text-body)}.select--error{border-color:var(--destructive)}.select--error:focus{border-color:var(--destructive);box-shadow:0 0 0 2px color-mix(in srgb, var(--destructive) 10%, transparent)}.select--success{border-color:var(--success)}.select--success:focus{border-color:var(--success);box-shadow:0 0 0 2px color-mix(in srgb, var(--success) 10%, transparent)}[data-theme=light] .navbar .select,[data-theme=light] .footer .select{background-color:var(--surface)!important;border-color:var(--border)!important;color:var(--titles)!important}[data-theme=light] .navbar .select option,[data-theme=light] .footer .select option{background-color:var(--surface)!important;color:var(--titles)!important}.textarea{border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--surface-sunken);width:100%;min-height:5rem;padding:var(--padding-sm) var(--padding-md);font-size:var(--text-body-sm);color:var(--text);resize:vertical;font-family:inherit;transition:all .2s;display:flex;box-shadow:inset 0 1px 2px #00000059}.textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--muted);resize:none}.textarea::placeholder{color:var(--muted)}.textarea--sm{min-height:3rem;padding:var(--padding-sm) var(--padding-sm);font-size:var(--text-tiny)}.textarea--lg{min-height:8rem;padding:var(--padding-md) var(--padding-md);font-size:var(--text-body)}.textarea--error{border-color:var(--destructive)}.textarea--error:focus{border-color:var(--destructive);box-shadow:0 0 0 2px color-mix(in srgb, var(--destructive) 10%, transparent)}.textarea--success{border-color:var(--success)}.textarea--success:focus{border-color:var(--success);box-shadow:0 0 0 2px color-mix(in srgb, var(--success) 10%, transparent)}.textarea--no-resize{resize:none}.checkbox{appearance:none;border-radius:var(--radius-sm);border:1px solid var(--border);background-color:var(--bg);cursor:pointer;flex-shrink:0;width:1rem;height:1rem;transition:all .2s;position:relative}.checkbox:hover:not(:disabled){border-color:var(--primary)}.checkbox:focus{outline:2px solid var(--ring);outline-offset:2px}.checkbox:checked{background-color:var(--primary);border-color:var(--primary)}.checkbox:checked:after{content:"";border:solid var(--bg);border-width:0 2px 2px 0;width:.375rem;height:.625rem;position:absolute;top:.0625rem;left:.25rem;transform:rotate(45deg)}.checkbox:disabled{opacity:.5;cursor:not-allowed}.checkbox:indeterminate{background-color:var(--primary);border-color:var(--primary)}.checkbox:indeterminate:after{content:"";background-color:var(--bg);border:none;width:.625rem;height:.125rem;position:absolute;top:.375rem;left:.125rem;transform:none}.checkbox-wrapper{align-items:center;gap:var(--gap-sm);display:flex}.checkbox-label{font-size:var(--text-body-sm);color:var(--foreground);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox:disabled+.checkbox-label{opacity:.5;cursor:not-allowed}.radio{appearance:none;border-radius:var(--radius-full);border:1px solid var(--border);background-color:var(--bg);cursor:pointer;flex-shrink:0;width:1rem;height:1rem;transition:all .2s;position:relative}.radio:hover:not(:disabled){border-color:var(--primary)}.radio:focus{outline:2px solid var(--ring);outline-offset:2px}.radio:checked{background-color:var(--primary);border-color:var(--primary)}.radio:checked:after{content:"";border-radius:var(--radius-full);background-color:var(--bg);width:.375rem;height:.375rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio:disabled{opacity:.5;cursor:not-allowed}.radio-wrapper{align-items:center;gap:var(--gap-sm);display:flex}.radio-label{font-size:var(--text-body-sm);color:var(--foreground);cursor:pointer;-webkit-user-select:none;user-select:none}.radio:disabled+.radio-label{opacity:.5;cursor:not-allowed}.radio-group{gap:var(--gap-md);flex-direction:column;display:flex}.radio-group--horizontal{gap:var(--gap-md);flex-direction:row}.switch-wrapper{align-items:center;gap:var(--gap-sm);display:flex}.switch-container{cursor:pointer;flex:none;align-items:center;display:inline-flex;position:relative}.switch-input{opacity:0;width:0;height:0;margin:0;position:absolute}.switch-track{background:var(--muted);border-radius:var(--radius-full);width:2.75rem;height:1.5rem;transition:background-color .2s;position:relative}.switch-thumb{background:var(--titles);border-radius:var(--radius-full);width:1.125rem;height:1.125rem;transition:transform .2s;position:absolute;top:.1875rem;left:.1875rem;box-shadow:0 1px 2px #00000073}.switch-input:checked+.switch-track{background:var(--primary)}.switch-input:checked+.switch-track .switch-thumb{transform:translate(1.25rem)}.switch-input:focus-visible+.switch-track{outline:2px solid var(--primary);outline-offset:2px}.switch-input:disabled+.switch-track{opacity:.5;cursor:not-allowed}.switch-label{font-size:var(--text-body-sm);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.switch-input:disabled~.switch-label{opacity:.5;cursor:not-allowed}.contact-form{max-width:600px;margin:0 auto}.contact-form-header{text-align:center;margin-bottom:2.5rem}.contact-form-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:var(--font-bold);color:var(--titles);line-height:var(--leading-tight);margin:0 0 .75rem}.contact-form-description{font-size:var(--text-body);color:var(--muted);margin:0;line-height:1.6}.contact-form-fields{gap:var(--gap-lg);margin-bottom:var(--margin-lg);flex-direction:column;display:flex}.contact-form-field{gap:var(--gap-sm);flex-direction:column;display:flex}.contact-form-label{font-size:var(--text-body-sm);font-weight:var(--font-medium);color:var(--titles)}.contact-form-label-required{color:var(--primary);margin-left:var(--margin-sm)}.contact-form-input,.contact-form-textarea{width:100%;padding:.875rem var(--padding-md);font-size:var(--text-body);color:var(--text);background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition-all);font-family:inherit}.contact-form-input:focus,.contact-form-textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.contact-form-textarea{resize:vertical;min-height:150px}.contact-form-error{font-size:var(--text-body-sm);color:var(--destructive);margin-top:var(--margin-sm)}.contact-form-submit{width:100%}.contact-form-success{background-color:var(--success);color:#fff;border-radius:var(--radius-md);text-align:center;font-weight:var(--font-medium);margin-bottom:var(--margin-md);padding:1.25rem}.contact-form-error-message{background-color:var(--destructive);color:#fff;border-radius:var(--radius-md);text-align:center;font-weight:var(--font-medium);margin-bottom:var(--margin-md);padding:1.25rem}@media (max-width:768px){.contact-form{max-width:100%}.contact-form-title{font-size:var(--text-h3)}.contact-form-description{font-size:var(--text-body)}}.toggle-button{justify-content:center;display:flex}.toggle-button-group{background-color:var(--surface-sunken);padding:var(--padding-xs);border-radius:var(--radius-lg);gap:var(--gap-xs);display:flex;box-shadow:inset 0 1px 2px #00000059}.toggle-button-option{padding:var(--padding-sm) var(--padding-md);font-size:var(--text-small);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:var(--transition-all);cursor:pointer;color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:var(--gap-sm);background:0 0;border:none;display:flex}.toggle-button-option:hover{color:var(--foreground)}.toggle-button-option--active{color:var(--primary);font-weight:var(--font-semibold);background-color:#0000}.icon-btn{border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;transition:all .2s;display:inline-flex}.icon-btn:focus{outline:2px solid var(--ring);outline-offset:2px}.icon-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.icon-btn[aria-busy=true]{position:relative}.icon-btn--sm{width:2rem;height:2rem;font-size:var(--text-body-sm)}.icon-btn--md{width:2.5rem;height:2.5rem;font-size:var(--text-body)}.icon-btn--lg{width:3rem;height:3rem;font-size:var(--text-h5)}.icon-btn--solid{background-color:var(--primary);color:var(--bg);box-shadow:var(--shadow-sm)}.icon-btn--solid:hover:not(:disabled){opacity:.9}.icon-btn--solid:active:not(:disabled){opacity:.8}.icon-btn--outline{border:1px solid var(--primary);color:var(--primary);background-color:#0000}.icon-btn--outline:hover:not(:disabled){background-color:var(--primary);color:var(--bg)}.icon-btn--outline:active:not(:disabled){opacity:.8}.icon-btn--ghost{color:var(--foreground);background-color:#0000}.icon-btn--ghost:hover:not(:disabled){background-color:var(--accent);color:var(--on-primary)}.icon-btn--ghost:active:not(:disabled){background-color:var(--muted)}.icon-btn[aria-busy=true] .icon-btn-spinner{border-radius:var(--radius-full);border:2px solid;border-top-color:#0000;width:1rem;height:1rem;animation:1s linear infinite spin;display:inline-block}.field{gap:var(--gap-sm);flex-direction:column;display:flex}.field-label-row{justify-content:space-between;align-items:center;gap:var(--gap-sm);display:flex}.field-action{flex:none;align-items:center;display:flex}.field-label{font-size:var(--text-body-sm);color:var(--foreground);font-weight:500;display:block}.field-label--required:after{content:"*";color:var(--destructive);margin-left:var(--margin-sm)}.field-help{font-size:var(--text-tiny);color:var(--muted-foreground);line-height:1.4}.field-error{font-size:var(--text-tiny);color:var(--destructive);line-height:1.4}.field--disabled{opacity:.5;cursor:not-allowed}.field--disabled .field-label{cursor:not-allowed}.file-upload{border:2px dashed var(--border);border-radius:var(--radius-lg);background-color:var(--surface-sunken);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:12rem;transition:all .2s;display:flex;position:relative}.file-upload:hover,.file-upload--active{border-color:var(--primary);background-color:var(--surface)}.file-upload-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-upload-content{align-items:center;gap:var(--gap-md);padding:var(--padding-xl);pointer-events:none;flex-direction:column;display:flex}.file-upload-icon-container{border-radius:var(--radius-full);background-color:var(--muted);width:3rem;height:3rem;color:var(--muted-foreground);justify-content:center;align-items:center;display:flex}.file-upload-icon{width:1.5rem;height:1.5rem}.file-upload-text{align-items:center;gap:var(--gap-xs);text-align:center;flex-direction:column;display:flex}.file-upload-button{font-size:var(--text-body-sm);color:var(--primary);cursor:pointer;pointer-events:auto;text-underline-offset:2px;background:0 0;border:none;font-weight:500;text-decoration:underline}.file-upload-button:hover{opacity:.8}.file-upload-or{font-size:var(--text-body-sm);color:var(--muted-foreground)}.file-upload-info{font-size:var(--text-tiny);color:var(--muted-foreground);text-align:center}.file-upload:has(.file-upload-input:disabled){opacity:.5;cursor:not-allowed}.file-upload:has(.file-upload-input:disabled):hover{border-color:var(--border);background-color:var(--bg)}.slider{width:100%}.slider--disabled{opacity:.5;pointer-events:none}.slider-value{margin-bottom:var(--margin-sm);font-size:var(--text-small);color:var(--text);justify-content:space-between;align-items:center;display:flex}.slider-track{background:var(--surface);border-radius:var(--radius-full);height:8px;position:relative;overflow:hidden}.slider-range{background:var(--primary);height:100%;width:var(--slider-percentage,0%);transition:width .15s;position:absolute;top:0;left:0}.slider-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.slider-input::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:20px;height:20px}.slider-input::-moz-range-thumb{background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px}.date-picker{width:100%;position:relative}.date-picker--error .date-picker-input{border-color:var(--error)}.date-picker--disabled{opacity:.5;cursor:not-allowed}.date-picker-input{width:100%;padding-right:var(--padding-2xl);padding:var(--padding-sm) var(--padding-md);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--surface);color:var(--text);font-size:var(--text-body);transition:var(--transition-colors)}.date-picker-input:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.date-picker-error{margin-top:var(--margin-sm);font-size:var(--text-small);color:var(--error)}.date-picker-icon{right:var(--gap-sm);width:var(--text-h5);height:var(--text-h5);color:var(--muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.date-picker-popover{padding:var(--padding-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:var(--width-xs)}.date-picker-header{margin-bottom:var(--margin-md);justify-content:space-between;align-items:center;display:flex}.date-picker-title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--foreground)}.date-picker-nav{gap:var(--gap-xs);display:flex}.date-picker-nav-btn{padding:var(--padding-xs);color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-colors);background:0 0;border:none}.date-picker-nav-btn:hover{background-color:var(--muted);color:var(--foreground)}.date-picker-grid{gap:var(--gap-xs);grid-template-columns:repeat(7,1fr);display:grid}.date-picker-day{aspect-ratio:1;font-size:var(--text-small);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;display:flex}.date-picker-day:hover:not(.date-picker-day--disabled){background-color:var(--muted)}.date-picker-day--selected{background-color:var(--primary);color:var(--on-primary)}.date-picker-day--today{border:1px solid var(--primary)}.date-picker-day--disabled{color:var(--muted);cursor:not-allowed;opacity:.5}.time-picker{width:100%;position:relative}.time-picker-input{width:100%;padding-right:2.5rem}.time-picker-icon{right:var(--gap-sm);width:1.25rem;height:1.25rem;color:var(--muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.time-picker-popover{padding:var(--padding-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.time-picker-columns{gap:var(--gap-sm);display:flex}.time-picker-column{flex-direction:column;display:flex}.time-picker-label{font-size:var(--text-tiny);font-weight:var(--font-medium);color:var(--muted);text-align:center;margin-bottom:var(--margin-sm)}.time-picker-scroll{border:1px solid var(--border);border-radius:var(--radius-md);height:12rem;overflow-y:auto}.time-picker-option{padding:var(--padding-sm) var(--padding-md);text-align:center;cursor:pointer;transition:var(--transition-colors)}.time-picker-option:hover{background-color:var(--muted)}.time-picker-option--selected{background-color:var(--primary);color:var(--on-primary)}.color-picker{gap:var(--gap-md);flex-direction:column;display:flex}.color-picker-preview{align-items:center;gap:var(--gap-md);display:flex}.color-picker-swatch{border-radius:var(--radius-md);border:2px solid var(--border);cursor:pointer;width:3rem;height:3rem;transition:var(--transition-all)}.color-picker-swatch:hover{border-color:var(--primary);transform:scale(1.05)}.color-picker-input{flex:1}.color-picker-popover{padding:var(--padding-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.color-picker-presets{gap:var(--gap-sm);margin-top:var(--margin-md);grid-template-columns:repeat(8,1fr);display:grid}.color-picker-preset{border-radius:var(--radius-sm);cursor:pointer;width:2rem;height:2rem;transition:var(--transition-all);border:2px solid #0000}.color-picker-preset:hover{transform:scale(1.1)}.color-picker-preset--selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--primary)}.autocomplete{width:100%;position:relative}.autocomplete--disabled{opacity:.5;pointer-events:none}.autocomplete-input{width:100%;padding:var(--padding-sm) var(--padding-md);font-size:var(--text-body);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:var(--transition-colors)}.autocomplete-input:hover{border-color:var(--primary)}.autocomplete-input:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.autocomplete-dropdown{margin-top:var(--margin-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:50;max-height:300px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-option{width:100%;padding:var(--padding-sm) var(--padding-md);text-align:left;font-size:var(--text-body);color:var(--text);cursor:pointer;transition:var(--transition-colors);background:0 0;border:none}.autocomplete-option:hover{background:var(--bg)}.selectable-card{align-items:flex-start;gap:var(--gap-xs);width:100%;padding:var(--padding-lg);text-align:left;color:var(--text)}.selectable-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.selectable-card--selected{border-color:var(--primary);box-shadow:var(--glow-accent)}.selectable-card__check{top:var(--padding-md);right:var(--padding-md);border-radius:var(--radius-full);background:var(--gradient-brand);width:1.25rem;height:1.25rem;color:var(--on-primary);font-size:var(--text-tiny);font-weight:var(--font-extrabold);justify-content:center;align-items:center;display:flex;position:absolute}.selectable-card__icon{margin-bottom:var(--margin-sm);color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.selectable-card--selected .selectable-card__icon{color:var(--primary)}.selectable-card__title{font-size:var(--text-body-lg);font-weight:var(--font-bold);color:var(--titles)}.selectable-card__description{font-size:var(--text-body-sm);line-height:var(--leading-relaxed);color:var(--muted)}.selectable-card--sm{padding:var(--padding-sm);gap:var(--gap-2xs)}.selectable-card--sm .selectable-card__icon{margin-bottom:var(--gap-2xs)}.selectable-card--sm .selectable-card__title{font-size:var(--text-small)}.selectable-card--sm .selectable-card__description{font-size:var(--text-tiny)}.selectable-card--sm .selectable-card__check{top:var(--padding-xs);right:var(--padding-xs);width:1rem;height:1rem}.selectable-card--row{align-items:center;gap:var(--gap-sm);padding-right:calc(var(--padding-lg) + 1rem);flex-direction:row}.selectable-card--row .selectable-card__icon{flex:none;margin-bottom:0}.selectable-card--row .selectable-card__check{top:50%;transform:translateY(-50%)}.badge{border-radius:var(--radius-sm);font-weight:var(--font-semibold);font-size:var(--text-tiny);line-height:var(--leading-none);padding:var(--padding-xs) var(--padding-sm);transition:var(--transition-all);align-items:center;display:inline-flex}.badge--default{background-color:var(--muted);color:var(--bg)}.badge--primary{background-color:var(--primary);color:var(--bg)}.badge--secondary{background-color:var(--bg);color:var(--muted);border:none}.badge--success{background-color:var(--success);color:var(--bg)}.badge--warning{background-color:var(--warning);color:var(--bg)}.badge--destructive{background-color:var(--error);color:var(--bg)}.badge--outline{border:1px solid var(--border);color:var(--text);background-color:#0000}.badge--outline.badge--primary{border-color:var(--primary);color:var(--primary)}.badge--outline.badge--secondary{border-color:var(--muted);color:var(--muted)}.badge--outline.badge--success{border-color:var(--success);color:var(--success)}.badge--outline.badge--warning{border-color:var(--warning);color:var(--warning)}.badge--outline.badge--destructive{border-color:var(--destructive);color:var(--destructive)}.badge--tint{border-radius:var(--radius-full);background:color-mix(in srgb, var(--muted) 16%, transparent);color:var(--muted);border:1px solid #0000}.badge--tint.badge--primary{background:color-mix(in srgb, var(--primary) 14%, transparent);border-color:color-mix(in srgb, var(--primary) 24%, transparent);color:var(--primary)}.badge--tint.badge--success{background:color-mix(in srgb, var(--success) 14%, transparent);border-color:color-mix(in srgb, var(--success) 24%, transparent);color:var(--success)}.badge--tint.badge--warning{background:color-mix(in srgb, var(--warning) 14%, transparent);border-color:color-mix(in srgb, var(--warning) 24%, transparent);color:var(--warning)}.badge--tint.badge--destructive{background:color-mix(in srgb, var(--error) 14%, transparent);border-color:color-mix(in srgb, var(--error) 24%, transparent);color:var(--error)}.badge--tint.badge--secondary{background:color-mix(in srgb, var(--muted) 12%, transparent);border-color:var(--border-soft);color:var(--text)}.badge--sm{font-size:var(--text-tiny);padding:var(--padding-xs) var(--padding-sm)}.badge--lg{font-size:var(--text-small);padding:var(--padding-sm) var(--padding-md)}.progress{background-color:var(--bg);border-radius:var(--radius-full);width:100%;position:relative;overflow:hidden}.progress-indicator{background-color:var(--primary);width:100%;height:100%;transition:var(--transition-all);border-radius:var(--radius-full);flex:1}.progress--animate-in .progress-indicator{transform-origin:0;animation:1.7s cubic-bezier(.16,1,.3,1) .15s both progress-fill-in}@keyframes progress-fill-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.progress--animate-in .progress-indicator{animation:none}}.progress--sm{height:var(--gap-xs)}.progress--md{height:var(--gap-sm)}.progress--lg{height:var(--gap-md)}.progress--xl{height:var(--gap-lg)}.progress--primary .progress-indicator{background-color:var(--primary)}.progress--secondary .progress-indicator{background-color:var(--surface)}.progress--success .progress-indicator{background-color:var(--success)}.progress--warning .progress-indicator{background-color:var(--warning)}.progress--destructive .progress-indicator{background-color:var(--destructive)}.progress-container{gap:var(--gap-xs);flex-direction:column;display:flex}.progress-label{font-size:var(--text-small);color:var(--text);justify-content:space-between;align-items:center;display:flex}.progress-value{font-weight:var(--font-medium);color:var(--muted)}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:1s linear infinite spin;display:inline-block}.spinner--xs{border-width:1px;width:.75rem;height:.75rem}.spinner--sm{border-width:1px;width:1rem;height:1rem}.spinner--md{border-width:2px;width:1.5rem;height:1.5rem}.spinner--lg{border-width:2px;width:2rem;height:2rem}.spinner--xl{border-width:3px;width:3rem;height:3rem}.spinner--primary{border-top-color:var(--primary)}.spinner--secondary{border-top-color:var(--muted)}.spinner--success{border-top-color:var(--success)}.spinner--warning{border-top-color:var(--warning)}.spinner--destructive{border-top-color:var(--destructive)}.spinner-container{align-items:center;gap:var(--gap-sm);display:flex}.spinner-text{font-size:var(--text-body-sm);color:var(--muted-foreground)}.table-scroll{width:100%;overflow-x:auto}.table-scroll:focus-visible{outline:1px solid var(--ring);outline-offset:-1px;border-radius:var(--radius-md)}.table{border-collapse:collapse;width:100%;font-size:var(--text-body-sm);color:var(--text)}.table-head .table-th{padding:var(--padding-sm) var(--padding-md);text-align:left;vertical-align:middle;color:var(--muted);font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;border-bottom:1px solid var(--border)}.table-th-content{align-items:center;gap:var(--gap-xs);display:inline-flex}.table-th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-colors)}.table-th--sortable:hover{color:var(--titles)}.table-sort-icon{width:.85em;height:.85em;display:inline-flex}.table-sort-icon .icon{width:100%;height:100%}.table-sort-icon .icon--muted{color:var(--faint,var(--muted))}.table-sort-icon .icon--active{color:var(--primary)}.table-row{transition:var(--transition-colors)}.table-row:not(:first-child) .table-td{border-top:1px solid var(--border)}.table-row:hover{background:color-mix(in srgb, var(--titles) 4%, transparent)}.table-td{padding:var(--padding-sm) var(--padding-md);vertical-align:middle;color:var(--text)}.table-th--right,.table-td--right{text-align:right}.table-th--center,.table-td--center{text-align:center}.table-th--left,.table-td--left{text-align:left}.table-td-empty{padding:var(--padding-lg) var(--padding-md);text-align:center;color:var(--muted);font-size:var(--text-small)}.table-loading{align-items:center;gap:var(--gap-sm);display:inline-flex}.skeleton{background:linear-gradient(110deg, var(--muted) 8%, var(--muted-foreground) 18%, var(--muted) 33%);border-radius:var(--radius-sm);background-size:200% 100%;height:1rem;animation:1.5s ease-in-out infinite skeleton-loading;display:inline-block}.skeleton--text{width:100%;height:.875rem}.skeleton--title{width:75%;height:1.25rem}.skeleton--avatar{border-radius:var(--radius-full);width:2.5rem;height:2.5rem}.skeleton--button{border-radius:var(--radius-md);width:6rem;height:2.5rem}.skeleton--card{border-radius:var(--radius-lg);width:100%;height:8rem}.skeleton--circle{border-radius:var(--radius-full)}.skeleton--rectangle{border-radius:var(--radius-sm)}.skeleton--xs{height:.75rem}.skeleton--sm{height:1rem}.skeleton--md{height:1.25rem}.skeleton--lg{height:1.5rem}.skeleton--xl{height:2rem}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:calc(200% + 200px) 0}}.avatar{vertical-align:middle;border-radius:var(--radius-full);background-color:var(--muted);width:2.5rem;height:2.5rem;color:var(--muted-foreground);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.avatar-image{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.avatar-fallback{background-color:var(--muted);width:100%;height:100%;color:var(--muted-foreground);font-size:var(--text-body-sm);justify-content:center;align-items:center;font-weight:500;display:flex}.avatar--xs{width:1.5rem;height:1.5rem}.avatar--xs .avatar-fallback{font-size:var(--text-tiny)}.avatar--sm{width:2rem;height:2rem}.avatar--sm .avatar-fallback{font-size:var(--text-tiny)}.avatar--md{width:2.5rem;height:2.5rem}.avatar--md .avatar-fallback{font-size:var(--text-body-sm)}.avatar--lg{width:3rem;height:3rem}.avatar--lg .avatar-fallback{font-size:var(--text-body)}.avatar--xl{width:4rem;height:4rem}.avatar--xl .avatar-fallback{font-size:var(--text-h4)}.avatar-group{align-items:center;display:flex}.avatar-group .avatar{border:2px solid var(--bg);margin-left:-.5rem}.avatar-group .avatar:first-child{margin-left:0}.avatar-group .avatar:hover{z-index:1}.avatar--with-status{position:relative}.avatar-status{border-radius:var(--radius-full);border:2px solid var(--bg);width:.75rem;height:.75rem;position:absolute;bottom:0;right:0}.avatar-status--online{background-color:var(--success)}.avatar-status--offline{background-color:var(--muted)}.avatar-status--busy{background-color:var(--destructive)}.avatar-status--away{background-color:var(--warning)}.empty-state-icon{width:4rem;height:4rem;margin-bottom:var(--margin-md);border-radius:var(--radius-full);background-color:var(--muted);color:var(--muted-foreground);justify-content:center;align-items:center;display:flex}.empty-state-title{font-size:var(--text-h5);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:600}.empty-state-description{font-size:var(--text-body-sm);color:var(--muted-foreground);max-width:32rem;margin-bottom:var(--margin-lg);line-height:1.5}.empty-state-action{gap:var(--gap-sm);display:flex}.empty-state--compact{padding:var(--padding-xl) var(--padding-md);min-height:12rem}.empty-state--compact .empty-state-icon{width:3rem;height:3rem;margin-bottom:var(--margin-md)}.empty-state--compact .empty-state-icon svg{width:1.5rem;height:1.5rem}.empty-state--compact .empty-state-title{font-size:var(--text-body);margin-bottom:var(--margin-sm)}.empty-state--compact .empty-state-description{font-size:var(--text-body-sm);margin-bottom:var(--margin-md)}.accordion{gap:var(--gap-md);flex-direction:column;display:flex}.accordion-item{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.accordion-trigger{width:100%;padding:var(--padding-md);text-align:left;cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.accordion-trigger:hover,.accordion-trigger--open{background:var(--surface)}.accordion-icon{font-size:var(--text-h4);font-weight:var(--font-light);color:var(--primary);transition:var(--transition-transform)}.accordion-content{border-top:1px solid var(--border)}.accordion-body{padding:var(--padding-md)}.carousel{border-radius:var(--radius-sm);position:relative;overflow:hidden}.carousel-viewport{min-height:400px;overflow:hidden}.carousel-container{transform:translateX(calc(-100% * var(--carousel-index,0)));transition:transform .3s ease-in-out;display:flex}.carousel-item{flex-shrink:0;min-width:100%}.carousel-button{z-index:10;background:var(--surface);border:1px solid var(--border);font-size:var(--text-h4);padding:var(--padding-sm);justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-button--prev{left:var(--gap-sm)}.carousel-button--next{right:var(--gap-sm)}@media (min-width:768px){.carousel-button--prev{left:var(--gap-md)}.carousel-button--next{right:var(--gap-md)}}.carousel-indicators{bottom:var(--gap-xl);gap:var(--gap-sm);z-index:10;display:flex;position:absolute;left:50%;transform:translate(-50%)}.carousel-indicator{border-radius:var(--radius-full);background:var(--muted);cursor:pointer;width:8px;height:8px;transition:var(--transition-colors);border:none}.carousel-indicator--active{background:var(--primary);width:24px}.timeline{gap:var(--gap-lg);flex-direction:column;display:flex}.timeline-item{gap:var(--gap-md);display:flex}.timeline-marker{flex-direction:column;align-items:center;display:flex;position:relative}.timeline-dot{border-radius:var(--radius-full);background:var(--primary);border:2px solid var(--bg);width:12px;height:12px;box-shadow:0 0 0 2px var(--primary)}.timeline-step-line{background:var(--border);width:2px;margin-top:var(--margin-sm);flex:1}.timeline-content{padding-bottom:var(--padding-md);flex:1}.timeline-date{font-size:var(--text-small);color:var(--muted);margin-bottom:var(--margin-sm)}.timeline-title{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.timeline-description{font-size:var(--text-body);color:var(--text);line-height:var(--leading-relaxed)}.tree,.tree-item{flex-direction:column;display:flex}.tree-item-content{align-items:center;gap:var(--gap-sm);padding:var(--padding-xs) var(--padding-sm);padding-left:calc(var(--padding-lg) * var(--tree-level,0));border-radius:var(--radius-xs);transition:var(--transition-colors);display:flex}.tree-item-content:hover{background:var(--surface)}.tree-toggle{min-width:24px;height:24px;font-size:var(--text-small);padding:0}.tree-label{font-size:var(--text-body);color:var(--text)}.tree-children{flex-direction:column;display:flex}.data-table{overflow-x:auto}.data-table-table{border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%}.data-table-header-row{background:var(--surface);border-bottom:1px solid var(--border)}.data-table-header{padding:var(--padding-md);text-align:left;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.data-table-sort-button{width:100%;font-size:var(--text-small);font-weight:var(--font-semibold);justify-content:flex-start;padding:0}.data-table-sort-icon{margin-left:var(--margin-sm);color:var(--primary)}.data-table-row{border-bottom:1px solid var(--border);transition:var(--transition-colors)}.data-table-row:hover{background:var(--surface)}.data-table-row:last-child{border-bottom:none}.data-table-cell{padding:var(--padding-md);font-size:var(--text-body);color:var(--text)}.typed-badge{align-items:center;gap:var(--gap-xs);display:inline-flex}.typed-badge-icon{width:.875rem;height:.875rem}.permission-badge{align-items:center;gap:var(--gap-xs);padding:var(--padding-xs) var(--padding-sm);border-radius:var(--radius-full);font-size:var(--text-tiny);font-weight:500;display:inline-flex}.permission-badge--sm,.permission-badge--md{padding:var(--padding-xs) var(--padding-sm);font-size:var(--text-tiny)}.permission-badge-icon{width:.75rem;height:.75rem}.permission-badge--sm .permission-badge-icon{width:.625rem;height:.625rem}.permission-badge-label{line-height:1}.permission-badge--none{background:color-mix(in srgb, var(--muted) 15%, transparent);color:var(--muted)}.permission-badge--read{background:color-mix(in srgb, var(--info) 15%, transparent);color:var(--info)}.permission-badge--write{background:color-mix(in srgb, var(--warning) 15%, transparent);color:var(--warning)}.permission-badge--admin{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary)}.permission-badge--owner{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success)}.project-card-media{margin-bottom:var(--margin-md);position:relative}.project-card-thumbnail,.project-card-placeholder{aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden}.project-card-thumbnail{background:var(--surface-sunken)}.project-card-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.project-card-placeholder{background:var(--surface-sunken);justify-content:center;align-items:center;display:flex}.project-card-icon{font-size:var(--text-h3);color:var(--muted)}.project-card-status{top:var(--gap-sm);right:var(--gap-sm);position:absolute}.project-card-badge{font-size:var(--text-tiny)}.project-status--draft{background:color-mix(in srgb, var(--muted) 15%, transparent);color:var(--muted)}.project-status--active{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success)}.project-status--archived{background:color-mix(in srgb, var(--warning) 15%, transparent);color:var(--warning)}.project-card-actions{top:var(--gap-sm);left:var(--gap-sm);opacity:0;gap:var(--gap-xs);transition:opacity .2s;display:flex;position:absolute}.project-card:hover .project-card-actions{opacity:1}.project-card-action{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color .2s;display:flex}.project-card-action:hover{background:#000000b3}.project-card-action--delete:hover{background:color-mix(in srgb, var(--destructive) 70%, transparent)}.project-card-action-icon{width:1rem;height:1rem}.project-card-info{gap:var(--gap-sm);flex-direction:column;display:flex}.project-card-header{justify-content:space-between;align-items:flex-start;display:flex}.project-card-title{font-size:var(--text-body-sm);color:var(--titles);text-overflow:ellipsis;white-space:nowrap;padding-right:var(--padding-sm);flex:1;margin:0;font-weight:500;overflow:hidden}.project-card-type{font-size:var(--text-tiny);flex-shrink:0}.project-type--artiste{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary)}.project-type--beatmaker{background:color-mix(in srgb, var(--info) 15%, transparent);color:var(--info)}.project-type--studio{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success)}.project-type--producteur{background:color-mix(in srgb, var(--warning) 15%, transparent);color:var(--warning)}.project-card-description{font-size:var(--text-tiny);color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.project-card-date{font-size:var(--text-tiny);color:var(--muted)}.logo-placeholder{border-radius:var(--radius-md);background:var(--muted);width:2.5rem;height:2.5rem;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--muted-foreground);flex-shrink:0;justify-content:center;align-items:center;display:flex}.logo-placeholder--sm{width:2rem;height:2rem;font-size:var(--text-tiny)}.logo-placeholder--md{width:2.5rem;height:2.5rem;font-size:var(--text-small)}.logo-placeholder--lg{width:3rem;height:3rem;font-size:var(--text-body)}.logo-placeholder--xl{width:4rem;height:4rem;font-size:var(--text-h6)}.loading-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.loading-card-image{background:linear-gradient(90deg, var(--bg) 0%, var(--surface) 50%, var(--bg) 100%);background-size:200% 100%;width:100%;height:200px;animation:1.5s infinite shimmer}.loading-card-content{padding:var(--padding-md)}.loading-card-title{background:linear-gradient(90deg, var(--bg) 0%, var(--surface) 50%, var(--bg) 100%);border-radius:var(--radius-sm);background-size:200% 100%;width:60%;height:24px;margin-bottom:.75rem;animation:1.5s infinite shimmer}.loading-card-line{background:linear-gradient(90deg, var(--bg) 0%, var(--surface) 50%, var(--bg) 100%);border-radius:var(--radius-sm);width:100%;height:16px;margin-bottom:var(--margin-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.loading-card-line:last-child{width:80%;margin-bottom:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.alert{border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;padding:var(--padding-md);align-items:flex-start;gap:var(--gap-md);display:flex;position:relative}.alert-icon{width:1rem;height:1rem;margin-top:var(--margin-sm);flex-shrink:0}.alert-content{flex:1}.alert-title{margin-bottom:var(--margin-sm);letter-spacing:-.025em;font-weight:500;line-height:1}.alert-description{font-size:var(--text-body-sm);opacity:.9;line-height:1.5}.alert--default{background-color:var(--bg);color:var(--foreground);border-color:var(--border)}.alert--destructive{border-color:var(--destructive);color:var(--destructive);background-color:color-mix(in srgb, var(--destructive) 10%, transparent)}.alert--destructive .alert-title{color:var(--destructive)}.alert--warning{border-color:var(--warning);color:var(--warning);background-color:color-mix(in srgb, var(--warning) 10%, transparent)}.alert--warning .alert-title{color:var(--warning)}.alert--success{border-color:var(--success);color:var(--success);background-color:color-mix(in srgb, var(--success) 10%, transparent)}.alert--success .alert-title{color:var(--success)}.alert--info{border-color:var(--info);color:var(--info);background-color:color-mix(in srgb, var(--info) 10%, transparent)}.alert--info .alert-title{color:var(--info)}.alert--dismissible{padding-right:var(--padding-section-sm)}.alert-close{right:var(--gap-md);top:var(--gap-md);cursor:pointer;padding:var(--padding-xs);border-radius:var(--radius-sm);color:inherit;opacity:.7;background:0 0;border:none;transition:opacity .2s;position:absolute}.alert-close:hover{opacity:1}.alert-close:focus{outline:2px solid var(--ring);outline-offset:2px}.toast{z-index:100;width:100%;max-height:100vh;padding:var(--padding-md);pointer-events:none;flex-direction:column-reverse;display:flex;position:fixed;top:0}.toast-viewport{z-index:100;width:420px;max-height:100vh;padding:var(--padding-md);pointer-events:none;flex-direction:column-reverse;margin:0;display:flex;position:fixed;top:0;right:0}.toast-item{pointer-events:auto;justify-content:space-between;align-items:center;gap:var(--gap-md);border-radius:var(--radius-md);border:1px solid var(--border);width:100%;padding:var(--padding-xl);padding-right:var(--padding-xl);background-color:var(--bg);color:var(--foreground);box-shadow:var(--shadow-lg);margin-bottom:var(--margin-sm);animation:.3s ease-out toast-slide-in;display:flex;position:relative;overflow:hidden}.toast-item:last-child{margin-bottom:0}.toast-content{align-items:center;gap:var(--gap-md);flex:1;display:flex}.toast-text{gap:var(--gap-xs);flex-direction:column;display:flex}.toast-title{font-size:var(--text-body-sm);font-weight:500;line-height:1}.toast-description{font-size:var(--text-body-sm);opacity:.9;line-height:1.4}.toast-close{right:var(--gap-sm);top:var(--gap-sm);cursor:pointer;padding:var(--padding-xs);border-radius:var(--radius-sm);color:inherit;opacity:.7;background:0 0;border:none;transition:opacity .2s;position:absolute}.toast-close:hover{opacity:1}.toast-item--destructive{border-color:var(--destructive);color:var(--destructive);background-color:color-mix(in srgb, var(--destructive) 10%, transparent)}.toast-item--success{border-color:var(--success);color:var(--success);background-color:color-mix(in srgb, var(--success) 10%, transparent)}.toast-item--warning{border-color:var(--warning);color:var(--warning);background-color:color-mix(in srgb, var(--warning) 10%, transparent)}.toast-item--info{border-color:var(--info);color:var(--info);background-color:color-mix(in srgb, var(--info) 10%, transparent)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-item--exiting{animation:.3s ease-in forwards toast-slide-out}.snackbar{bottom:var(--gap-lg);align-items:center;gap:var(--gap-md);padding:var(--padding-md) var(--padding-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:1000;min-width:300px;max-width:600px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.snackbar-message{font-size:var(--text-body);color:var(--text);flex:1}.snackbar-actions{align-items:center;gap:var(--gap-sm);display:flex}.dialog-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-xl);flex-direction:column;width:90%;max-width:500px;max-height:90vh;display:flex;overflow:hidden}.dialog-header{padding:var(--padding-lg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.dialog-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--titles);margin:0}.dialog-content{padding:var(--padding-lg);flex:1;overflow-y:auto}.confirm-dialog{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-xl);width:90%;max-width:400px}.confirm-dialog--danger{border-color:var(--destructive)}.confirm-dialog--warning{border-color:var(--warning)}.confirm-dialog-header{padding:var(--padding-lg);border-bottom:1px solid var(--border)}.confirm-dialog-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin:0}.confirm-dialog-content{padding:var(--padding-lg)}.confirm-dialog-message{font-size:var(--text-body);color:var(--text);line-height:var(--leading-relaxed);margin:0}.confirm-dialog-actions{justify-content:flex-end;gap:var(--gap-md);padding:var(--padding-lg);border-top:1px solid var(--border);display:flex}.loading-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-overlay-content{align-items:center;gap:var(--gap-md);flex-direction:column;display:flex}.loading-overlay-message{font-size:var(--text-body);color:var(--text);font-weight:var(--font-medium)}.render-status-card{gap:var(--gap-md);flex-direction:column;display:flex}.render-status-header{justify-content:space-between;align-items:flex-start;display:flex}.render-status-info{align-items:flex-start;gap:var(--gap-md);flex:1;display:flex}.render-status-type{color:var(--muted);margin-top:2px}.render-type-icon{width:1rem;height:1rem}.render-status-content{flex:1;min-width:0}.render-status-name{font-size:var(--text-body-sm);color:var(--titles);margin:0 0 var(--margin-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.render-status-meta{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.render-status-badge{font-size:var(--text-tiny);align-items:center;gap:var(--gap-xs);display:flex}.render-status-icon{width:1rem;height:1rem}.render-status-spinner{border:2px solid var(--info);border-top-color:#0000;border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite spin}.render-status--queued{background:color-mix(in srgb, var(--muted) 15%, transparent);color:var(--muted)}.render-status--processing{background:color-mix(in srgb, var(--info) 15%, transparent);color:var(--info)}.render-status--completed{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success)}.render-status--failed{background:color-mix(in srgb, var(--destructive) 15%, transparent);color:var(--destructive)}.render-status--cancelled{background:color-mix(in srgb, var(--warning) 15%, transparent);color:var(--warning)}.render-status-model{font-size:var(--text-tiny);color:var(--muted)}.render-status-actions{align-items:center;gap:var(--gap-xs);display:flex}.render-action{padding:var(--padding-xs);border-radius:var(--radius-sm);cursor:pointer;color:var(--muted);background:0 0;border:none;transition:color .2s}.render-action:hover{color:var(--titles)}.render-action--cancel:hover{color:var(--destructive)}.render-action--download:hover{color:var(--primary)}.render-action-icon{width:1rem;height:1rem}.render-status-progress{gap:var(--gap-sm);flex-direction:column;display:flex}.render-status-timing{font-size:var(--text-tiny);color:var(--muted);justify-content:space-between;display:flex}.render-status-error{padding:var(--padding-md);background:color-mix(in srgb, var(--destructive) 10%, transparent);border:1px solid color-mix(in srgb, var(--destructive) 20%, transparent);border-radius:var(--radius-sm)}.render-status-error-text{font-size:var(--text-tiny);color:var(--destructive);margin:0}.render-status-details{font-size:var(--text-tiny);color:var(--muted);justify-content:space-between;align-items:center;display:flex}.render-status-times{align-items:center;gap:var(--gap-md);display:flex}.render-status-credits{align-items:center;gap:var(--gap-xs);display:flex}.render-status-credits-icon{width:.75rem;height:.75rem}.loading-dots{align-items:center;gap:var(--gap-xs);display:inline-flex}.loading-dots-dot{width:var(--gap-sm);height:var(--gap-sm);border-radius:var(--radius-full);background-color:var(--foreground);animation:1.4s ease-in-out infinite both loading-dots-bounce}.loading-dots-dot:first-child{animation-delay:-.32s}.loading-dots-dot:nth-child(2){animation-delay:-.16s}@keyframes loading-dots-bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.loading-dots--primary .loading-dots-dot{background-color:var(--primary)}.loading-dots--muted .loading-dots-dot{background-color:var(--muted-foreground)}.loading-dots--sm .loading-dots-dot{width:var(--gap-xs);height:var(--gap-xs)}.loading-dots--md .loading-dots-dot{width:var(--gap-sm);height:var(--gap-sm)}.loading-dots--lg .loading-dots-dot{width:var(--gap-md);height:var(--gap-md)}.notification{align-items:flex-start;gap:var(--gap-md);padding:var(--padding-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex}.notification-icon{width:1.25rem;height:1.25rem;color:var(--foreground);flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-description{font-size:var(--text-small);color:var(--muted-foreground);line-height:1.5}.notification-actions{gap:var(--gap-sm);margin-top:var(--margin-sm);display:flex}.notification-close{width:1.25rem;height:1.25rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;transition:color .2s}.notification-close:hover{color:var(--foreground)}.notification--success{border-left:4px solid var(--success)}.notification--success .notification-icon{color:var(--success)}.notification--warning{border-left:4px solid var(--warning)}.notification--warning .notification-icon{color:var(--warning)}.notification--error{border-left:4px solid var(--destructive)}.notification--error .notification-icon{color:var(--destructive)}.notification--info{border-left:4px solid var(--primary)}.notification--info .notification-icon{color:var(--primary)}.progress-circle{justify-content:center;align-items:center;display:inline-flex;position:relative}.progress-circle-svg{transform:rotate(-90deg)}.progress-circle-track{fill:none;stroke:var(--muted)}.progress-circle-indicator{fill:none;stroke:var(--primary);stroke-linecap:round;transition:stroke-dashoffset .3s}.progress-circle-label{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--foreground);position:absolute}.progress-circle--success .progress-circle-indicator{stroke:var(--success)}.progress-circle--warning .progress-circle-indicator{stroke:var(--warning)}.progress-circle--error .progress-circle-indicator{stroke:var(--destructive)}.progress-circle--sm{width:3rem;height:3rem}.progress-circle--sm .progress-circle-label{font-size:var(--text-tiny)}.progress-circle--md{width:4rem;height:4rem}.progress-circle--lg{width:6rem;height:6rem}.progress-circle--lg .progress-circle-label{font-size:var(--text-body)}.empty-state{text-align:center;padding:3rem var(--padding-lg);flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.empty-state-icon{width:120px;height:120px;margin-bottom:var(--margin-md);color:var(--muted);font-size:var(--text-display-sm);justify-content:center;align-items:center;display:flex}.empty-state-icon svg{width:100%;height:100%}.empty-state-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--text);margin:0 0 .75rem}.empty-state-description{font-size:var(--text-body);color:var(--muted);max-width:500px;margin:0 0 var(--margin-md);line-height:1.6}.empty-state-action{margin-top:var(--margin-sm)}@media (max-width:768px){.empty-state{padding:var(--padding-xl) var(--padding-md);min-height:300px}.empty-state-icon{width:80px;height:80px;font-size:var(--text-h1)}.empty-state-title{font-size:var(--text-h4)}.empty-state-description{font-size:var(--text-body-sm)}}.skip-link{top:var(--gap-sm);left:var(--gap-sm);z-index:var(--z-toast);padding:var(--padding-sm) var(--padding-md);background:var(--surface-overlay);color:var(--titles);font-family:var(--font-sans);font-weight:var(--font-semibold);border:var(--border-width) var(--border-style) var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);transform:translateY(calc(-100% - var(--gap-lg)));transition:transform var(--animation-duration-fast) var(--animation-easing-smooth);text-decoration:none;position:fixed}.skip-link:focus,.skip-link:focus-visible{outline:var(--border-width-thick) var(--border-style) var(--ring);outline-offset:2px;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}.breadcrumb{align-items:center;gap:var(--gap-sm);font-size:var(--text-body-sm);flex-wrap:wrap;display:flex}.breadcrumb-list{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumb-item{align-items:center;gap:var(--gap-sm);display:flex}.breadcrumb-link{align-items:center;gap:var(--gap-xs);color:var(--muted-foreground);text-decoration:none;transition:color .2s;display:flex}.breadcrumb-link:hover{color:var(--foreground)}.breadcrumb-link:focus{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}.breadcrumb-page{color:var(--foreground);font-weight:500}.breadcrumb-separator{color:var(--muted-foreground);-webkit-user-select:none;user-select:none}.breadcrumb--sm{font-size:var(--text-tiny);gap:var(--gap-xs)}.breadcrumb--sm .breadcrumb-list,.breadcrumb--sm .breadcrumb-item{gap:var(--gap-xs)}.breadcrumb--lg{font-size:var(--text-body);gap:var(--gap-sm)}.breadcrumb--lg .breadcrumb-list,.breadcrumb--lg .breadcrumb-item{gap:var(--gap-sm)}.breadcrumb--accent{font-size:var(--text-tiny)}.breadcrumb--accent .breadcrumb-link{color:var(--muted)}.breadcrumb--accent .breadcrumb-link:hover{color:var(--primary)}.breadcrumb--accent .breadcrumb-separator{color:var(--muted)}.breadcrumb--accent .breadcrumb-page{color:var(--primary);font-weight:var(--font-normal);white-space:nowrap;text-overflow:ellipsis;max-width:40ch;overflow:hidden}.pagination{justify-content:center;align-items:center;gap:var(--gap-xs);display:flex}.pagination-content{align-items:center;gap:var(--gap-xs);display:flex}.pagination-item{min-width:2.25rem;height:2.25rem;padding:0 var(--padding-sm);font-size:var(--text-body-sm);border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg);color:var(--foreground);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.pagination-item:hover{background-color:var(--accent);color:var(--on-primary)}.pagination-item:focus{outline:2px solid var(--ring);outline-offset:2px}.pagination-item--active{background-color:var(--primary);color:var(--on-primary);border-color:var(--primary)}.pagination-item--active:hover{background-color:var(--primary);color:var(--on-primary)}.pagination-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination-ellipsis{width:2.25rem;height:2.25rem;color:var(--muted-foreground);justify-content:center;align-items:center;display:flex}.pagination-previous,.pagination-next{align-items:center;gap:var(--gap-xs);padding:0 var(--padding-md);display:flex}.pagination--sm .pagination-item{min-width:2rem;height:2rem;font-size:var(--text-tiny);padding:0 var(--padding-sm)}.pagination--sm .pagination-ellipsis{width:2rem;height:2rem}.pagination--sm .pagination-previous,.pagination--sm .pagination-next{padding:0 var(--padding-sm)}.pagination--lg .pagination-item{min-width:2.75rem;height:2.75rem;font-size:var(--text-body);padding:0 var(--padding-md)}.pagination--lg .pagination-ellipsis{width:2.75rem;height:2.75rem}.pagination--lg .pagination-previous,.pagination--lg .pagination-next{padding:0 var(--padding-md)}.pagination-info{font-size:var(--text-body-sm);color:var(--muted-foreground);margin:0 var(--margin-md)}.command-k-overlay{z-index:100;background-color:#00000080;animation:.2s fade-in;position:fixed;inset:0}.command-k{z-index:100;background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:40rem;box-shadow:var(--shadow-xl);animation:.2s slide-in;position:fixed;top:20%;left:50%;transform:translate(-50%)}.command-k-input-wrapper{align-items:center;gap:var(--gap-md);padding:var(--padding-md);border-bottom:1px solid var(--border);display:flex}.command-k-input{font-size:var(--text-body);color:var(--foreground);background:0 0;border:none;outline:none;flex:1}.command-k-list{max-height:20rem;padding:var(--padding-sm);overflow-y:auto}.command-k-item{align-items:center;gap:var(--gap-md);padding:var(--padding-md);border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s;display:flex}.command-k-item:hover,.command-k-item--selected{background-color:var(--accent)}.command-k-item-icon{width:1.25rem;height:1.25rem;color:var(--muted-foreground);flex-shrink:0}.command-k-item-content{flex:1;min-width:0}.command-k-item-title{font-size:var(--text-body-sm);color:var(--foreground);font-weight:500}.command-k-item-subtitle{font-size:var(--text-tiny);color:var(--muted-foreground)}.command-k-item-shortcut{font-size:var(--text-tiny);color:var(--muted-foreground);padding:var(--padding-xs) var(--padding-sm);background-color:var(--muted);border-radius:var(--radius-sm)}@keyframes slide-in{0%{opacity:0;transform:translate(-50%)translateY(-1rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}.menu{gap:var(--gap-xs);padding:var(--padding-xs);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;min-width:200px;display:flex}.menu-item{text-align:left;width:100%;padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-xs);transition:var(--transition-colors)}.menu-item:hover{background:var(--bg)}.menu-separator{background:var(--border);height:1px;margin:var(--margin-sm) 0}.stepper{display:flex}.stepper--horizontal{gap:var(--gap-md);flex-direction:row}.stepper--vertical{gap:var(--gap-lg);flex-direction:column}.stepper-step{gap:var(--gap-md);flex:1;display:flex}.stepper-step-indicator{align-items:center;gap:var(--gap-md);display:flex}.stepper-step-number{border-radius:var(--radius-full);background:var(--surface);border:2px solid var(--border);width:32px;height:32px;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--muted);transition:var(--transition-colors);justify-content:center;align-items:center;display:flex}.stepper-step--active .stepper-step-number,.stepper-step--completed .stepper-step-number{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.stepper-step-line{background:var(--border);height:2px;margin-top:var(--margin-md);flex:1}.stepper--vertical .stepper-step-line{width:2px;height:100%;margin-top:0;margin-left:var(--margin-md)}.stepper-step-content{flex:1}.stepper-step-label{font-size:var(--text-body);font-weight:var(--font-medium);color:var(--text)}.stepper-step--active .stepper-step-label{color:var(--titles)}.stepper-step-description{font-size:var(--text-small);color:var(--muted);margin-top:var(--margin-sm)}.scrollspy{gap:var(--gap-xs);top:var(--gap-lg);flex-direction:column;display:flex;position:sticky}.scrollspy-item{padding:var(--padding-sm) var(--padding-md);text-align:left;font-size:var(--text-body);color:var(--muted);border:none;border-left:2px solid var(--border);cursor:pointer;transition:var(--transition-colors);background:0 0}.scrollspy-item:hover{color:var(--text);border-left-color:var(--primary)}.scrollspy-item--active{color:var(--primary);border-left-color:var(--primary);font-weight:var(--font-medium)}.command-palette-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:flex-start;padding-top:20vh;display:flex;position:fixed;inset:0}.command-palette{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:90%;max-width:600px;box-shadow:var(--shadow-xl);overflow:hidden}.command-palette-input{width:100%;padding:var(--padding-lg);font-size:var(--text-body);color:var(--text);border:none;border-bottom:1px solid var(--border);background:0 0;outline:none}.command-palette-list{max-height:400px;overflow-y:auto}.command-palette-empty{padding:var(--padding-xl);text-align:center;color:var(--muted)}.command-palette-item{align-items:center;gap:var(--gap-md);width:100%;padding:var(--padding-md) var(--padding-lg);text-align:left;border-bottom:1px solid var(--border);transition:var(--transition-colors);display:flex}.command-palette-item:hover{background:var(--surface)}.command-palette-item:last-child{border-bottom:none}.command-palette-icon{font-size:var(--text-h4);flex-shrink:0}.command-palette-label{font-size:var(--text-body);color:var(--text);flex:1}.command-palette-shortcut{font-size:var(--text-small);font-family:var(--font-mono);color:var(--muted);padding:var(--padding-xs) var(--padding-sm);background:var(--surface);border-radius:var(--radius-xs);flex-shrink:0}.tabs{width:100%}.tabs-header{border-bottom:1px solid var(--border);margin-bottom:var(--margin-md)}.tabs-nav{gap:var(--gap-lg);flex-wrap:wrap;display:flex}.tab{padding:var(--padding-sm) 0;font-size:var(--text-body);color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:500;transition:color .15s,border-color .15s}.tab:hover{color:var(--foreground)}.tab--active{color:var(--foreground);border-bottom-color:var(--primary)}.tab--disabled{opacity:.5;cursor:not-allowed}.tabs-content{color:var(--text,var(--foreground));max-width:70ch;line-height:1.65}.tabs-content p{margin:0 0 var(--margin-sm)}.tabs-content ul{margin:0 0 var(--margin-sm);padding-left:1.1rem}.tabs-content li{margin-bottom:var(--margin-sm)}.tabs-list{border-radius:var(--radius-md);background-color:var(--muted);padding:var(--padding-xs);color:var(--muted-foreground);justify-content:center;align-items:center;display:inline-flex}.tabs-trigger{white-space:nowrap;border-radius:var(--radius-sm);padding:var(--padding-sm) var(--padding-md);font-size:var(--text-body-sm);cursor:pointer;color:var(--muted-foreground);background:0 0;border:none;justify-content:center;align-items:center;font-weight:500;transition:all .2s;display:inline-flex}.tabs-trigger:hover{background-color:var(--accent);color:var(--on-primary)}.tabs-trigger:focus{outline:2px solid var(--ring);outline-offset:2px}.tabs-trigger--active{background-color:var(--bg);color:var(--foreground);box-shadow:var(--shadow-sm)}.tabs-trigger:disabled{pointer-events:none;opacity:.5}.tabs-content{margin-top:var(--margin-sm);border-radius:var(--radius-md)}.tabs-content:focus{outline:2px solid var(--ring);outline-offset:2px}.tabs-list--underline{border-bottom:1px solid var(--border);background-color:#0000;border-radius:0;padding:0}.tabs-list--underline .tabs-trigger{padding-bottom:var(--padding-sm);border-bottom:2px solid #0000;border-radius:0}.tabs-list--underline .tabs-trigger--active{border-bottom-color:var(--primary);color:var(--primary);box-shadow:none;background-color:#0000}.tabs-list--sm .tabs-trigger{padding:var(--padding-xs) var(--padding-sm);font-size:var(--text-tiny)}.tabs-list--lg .tabs-trigger{padding:var(--padding-sm) var(--padding-md);font-size:var(--text-body)}.modal-overlay{z-index:50;padding:var(--padding-md);background-color:#000c;justify-content:center;align-items:center;animation:.2s ease-out modal-overlay-show;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:32rem;max-height:85vh;animation:.2s ease-out modal-content-show;position:relative;overflow:hidden}.modal-header{padding:var(--padding-xl);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-h5);color:var(--foreground);font-weight:600;line-height:1}.modal-close{right:var(--gap-md);top:var(--gap-md);cursor:pointer;padding:var(--padding-xs);border-radius:var(--radius-sm);color:var(--muted-foreground);opacity:.7;background:0 0;border:none;transition:opacity .2s;position:absolute}.modal-close:hover{opacity:1}.modal-close:focus{outline:2px solid var(--ring);outline-offset:2px}.modal-body{padding:var(--padding-xl);max-height:calc(85vh - 8rem);overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--gap-sm);padding:var(--padding-xl);border-top:1px solid var(--border);display:flex}.modal-content--sm{max-width:24rem}.modal-content--md{max-width:32rem}.modal-content--lg{max-width:48rem}.modal-content--xl{max-width:64rem}.modal-content--full{max-width:95vw;max-height:95vh}@keyframes modal-overlay-show{0%{opacity:0}to{opacity:1}}@keyframes modal-content-show{0%{opacity:0;transform:translate(-50%,-48%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes modal-overlay-hide{0%{opacity:1}to{opacity:0}}@keyframes modal-content-hide{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-48%)scale(.95)}}.modal-overlay--exiting{animation:.2s ease-in forwards modal-overlay-hide}.modal-content--exiting{animation:.2s ease-in forwards modal-content-hide}.dropdown{display:inline-block;position:relative}.dropdown-trigger{cursor:pointer;padding:var(--padding-sm);border-radius:var(--radius-md);background:0 0;border:none;transition:background-color .2s}.dropdown-trigger:hover{background-color:var(--accent)}.dropdown-trigger:focus{outline:2px solid var(--ring);outline-offset:2px}.dropdown-content{z-index:50;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--surface-overlay);min-width:8rem;color:var(--text);box-shadow:var(--shadow-md);margin-top:var(--margin-sm);animation:.2s ease-out dropdown-show;position:absolute;top:100%;left:0;overflow:hidden}.dropdown-content--right{left:auto;right:0}.dropdown-content--top{margin-top:0;margin-bottom:var(--margin-sm);top:auto;bottom:100%}.dropdown-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);padding:var(--padding-sm) var(--padding-sm);font-size:var(--text-body-sm);color:var(--text);outline:none;align-items:center;transition:colors .2s;display:flex;position:relative}.dropdown-item:focus,.dropdown-item:hover{background-color:var(--accent);color:var(--on-primary)}.dropdown-item--disabled{pointer-events:none;opacity:.5}.dropdown-item--destructive{color:var(--destructive)}.dropdown-item--destructive:focus,.dropdown-item--destructive:hover{background-color:var(--destructive);color:var(--error)}.dropdown-separator{background-color:var(--border);height:1px;margin:var(--margin-sm) 0}.dropdown-label{padding:var(--padding-sm) var(--padding-sm);font-size:var(--text-tiny);color:var(--muted-foreground);font-weight:600}.dropdown-shortcut{font-size:var(--text-tiny);letter-spacing:.1em;opacity:.6;margin-left:auto}@keyframes dropdown-show{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes dropdown-hide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.dropdown-content--exiting{animation:.15s ease-in forwards dropdown-hide}.drawer-overlay{z-index:50;animation:.2s fade-in;display:flex;position:fixed;inset:0}.drawer-backdrop{background-color:#00000080;position:absolute;inset:0}.drawer-container{z-index:51;display:flex;position:relative}.drawer-container--left{justify-content:flex-start}.drawer-container--right{justify-content:flex-end;margin-left:auto}.drawer-container--top{align-items:flex-start}.drawer-container--bottom{align-items:flex-end;margin-top:auto}.drawer-panel{background-color:var(--bg);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:relative;overflow:hidden}.drawer-panel--left,.drawer-panel--right{width:320px;max-width:90vw;height:100vh}.drawer-panel--top,.drawer-panel--bottom{width:100vw;height:320px;max-height:90vh}.drawer-header{padding:var(--padding-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.drawer-title{font-size:var(--text-h5);color:var(--foreground);font-weight:600}.drawer-close{cursor:pointer;padding:var(--padding-xs);color:var(--muted-foreground);border-radius:var(--radius-sm);background:0 0;border:none;transition:all .2s}.drawer-close:hover{background-color:var(--accent);color:var(--on-primary)}.drawer-content{padding:var(--padding-md);max-height:calc(100% - 5rem);overflow-y:auto}.drawer-footer{padding:var(--padding-md);border-top:1px solid var(--border)}.popover{z-index:50;background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--padding-md);min-width:12rem;max-width:20rem;position:absolute}.popover-arrow{background-color:var(--bg);border:1px solid var(--border);width:.5rem;height:.5rem;position:absolute;transform:rotate(45deg)}.popover--top .popover-arrow{border-bottom:none;border-right:none;bottom:-.25rem}.popover--bottom .popover-arrow{border-top:none;border-left:none;top:-.25rem}.popover--left .popover-arrow{border-bottom:none;border-right:none;right:-.25rem}.popover--right .popover-arrow{border-top:none;border-left:none;left:-.25rem}.tooltip{z-index:100;background-color:var(--foreground);color:var(--bg);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-sm);font-size:var(--text-body-sm);pointer-events:none;max-width:16rem;line-height:1.4;animation:.15s tooltip-fade-in;position:absolute}.tooltip-arrow{background-color:var(--foreground);width:.375rem;height:.375rem;position:absolute;transform:rotate(45deg)}.tooltip--top .tooltip-arrow{bottom:-.1875rem}.tooltip--bottom .tooltip-arrow{top:-.1875rem}.tooltip--left .tooltip-arrow{right:-.1875rem}.tooltip--right .tooltip-arrow{left:-.1875rem}@keyframes tooltip-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dropdown-menu{display:inline-block;position:relative}.dropdown-menu-content{margin-top:var(--margin-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:200px;box-shadow:var(--shadow-lg);padding:var(--padding-xs);z-index:50;position:absolute;top:100%}.dropdown-menu-content--left{left:0}.dropdown-menu-content--right{right:0}.dropdown-menu-item{text-align:left;width:100%;padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-xs);transition:var(--transition-colors)}.dropdown-menu-item:hover{background:var(--bg)}.dropdown-menu-separator{background:var(--border);height:1px;margin:var(--margin-sm) 0}.toast-container{z-index:var(--z-toast);pointer-events:none;position:fixed}.toast-container--top-right{top:var(--gap-lg);right:var(--gap-lg)}.toast-container--top-left{top:var(--gap-lg);left:var(--gap-lg)}.toast-container--bottom-right{bottom:var(--gap-lg);right:var(--gap-lg)}.toast-container--bottom-left{bottom:var(--gap-lg);left:var(--gap-lg)}.toast{align-items:flex-start;gap:var(--gap-md);padding:var(--padding-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;min-width:20rem;max-width:28rem;margin-bottom:var(--margin-sm);display:flex}.toast--success{border-left:4px solid var(--success)}.toast--warning{border-left:4px solid var(--warning)}.toast--error{border-left:4px solid var(--error)}.toast--info{border-left:4px solid var(--info)}.toast-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.toast-content{flex:1}.toast-title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--foreground);margin-bottom:var(--margin-sm)}.toast-description{font-size:var(--text-tiny);color:var(--muted)}.toast-close{padding:var(--padding-xs);color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-colors);background:0 0;border:none}.toast-close:hover{background-color:var(--muted);color:var(--foreground)}.toast-close-icon{width:1rem;height:1rem}.context-menu{min-width:12rem;padding:var(--padding-xs);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50}.context-menu-item{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md);font-size:var(--text-small);color:var(--foreground);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s;display:flex}.context-menu-item:hover{background-color:var(--muted)}.context-menu-item:focus{background-color:var(--muted);outline:none}.context-menu-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.context-menu-item--destructive{color:var(--destructive)}.context-menu-separator{height:1px;margin:var(--margin-sm) 0;background-color:var(--border)}.context-menu-label{padding:var(--padding-xs) var(--padding-md);font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.banner{align-items:center;gap:var(--gap-md);padding:var(--padding-md) var(--padding-md);border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg);color:var(--foreground);display:flex}.banner-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.banner-content{font-size:var(--text-body-sm);flex:1;line-height:1.5}.banner-title{margin-bottom:var(--margin-sm);font-weight:500}.banner-description{color:var(--muted-foreground)}.banner-close{cursor:pointer;padding:var(--padding-xs);border-radius:var(--radius-sm);color:var(--muted-foreground);background:0 0;border:none;flex-shrink:0;transition:all .2s}.banner-close:hover{background-color:var(--accent);color:var(--on-primary)}.banner--info{background-color:color-mix(in srgb, var(--info) 10%, transparent);border-color:var(--info);color:var(--info)}.banner--info .banner-description{color:var(--info);opacity:.9}.banner--success{background-color:color-mix(in srgb, var(--success) 10%, transparent);border-color:var(--success);color:var(--success)}.banner--success .banner-description{color:var(--success);opacity:.9}.banner--warning{background-color:color-mix(in srgb, var(--warning) 10%, transparent);border-color:var(--warning);color:var(--warning)}.banner--warning .banner-description{color:var(--warning);opacity:.9}.banner--destructive{background-color:color-mix(in srgb, var(--destructive) 10%, transparent);border-color:var(--destructive);color:var(--destructive)}.banner--destructive .banner-description{color:var(--destructive);opacity:.9}.banner--fixed{z-index:50;border-top:none;border-left:none;border-right:none;border-radius:0;position:fixed;top:0;left:0;right:0}.sidebar{background-color:var(--bg);border-right:1px solid var(--border);flex-direction:column;width:18rem;height:100vh;display:flex;overflow-y:auto}.sidebar-header{padding:var(--padding-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.sidebar-logo{font-size:var(--text-h5);color:var(--foreground);font-weight:600}.sidebar-content{padding:var(--padding-md);flex:1;overflow-y:auto}.sidebar-footer{padding:var(--padding-md);border-top:1px solid var(--border)}.sidebar-nav{gap:var(--gap-xs);flex-direction:column;display:flex}.sidebar-nav-item{align-items:center;gap:var(--gap-md);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-md);font-size:var(--text-body-sm);color:var(--muted-foreground);cursor:pointer;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav-item:hover{background-color:var(--accent);color:var(--on-primary)}.sidebar-nav-item--active{background-color:var(--primary);color:var(--bg);font-weight:500}.sidebar-nav-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.sidebar-nav-item--child{margin-left:var(--gap-lg)}.sidebar-nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar-nav-caret{transition:transform .2s}.sidebar-nav-caret--expanded{transform:rotate(90deg)}.sidebar-toggle-icon{transition:transform .2s}.sidebar-toggle-icon--flipped{transform:rotate(180deg)}.sidebar--collapsed{width:4rem}.sidebar--collapsed .sidebar-logo,.sidebar--collapsed .sidebar-nav-item span{display:none}.sidebar--collapsed .sidebar-nav-item{padding:var(--padding-sm);justify-content:center}@media (max-width:768px){.sidebar{z-index:40;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}}.sidebar-overlay{z-index:30;background-color:#00000080;display:none;position:fixed;inset:0}@media (max-width:768px){.sidebar-overlay--visible{display:block}}.page-header{gap:var(--gap-md);padding:calc(var(--padding-section-xl) + 4rem) 0 var(--padding-section-xl) 0;border-bottom:1px solid var(--border);flex-direction:column;display:flex}.page-header-top{justify-content:space-between;align-items:center;gap:var(--gap-md);display:flex}.page-header-content{flex:1}.page-header-breadcrumb{margin-bottom:var(--margin-sm)}.page-title{font-size:var(--text-h1);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--titles);margin-bottom:var(--margin-sm)}.page-subtitle{font-size:var(--text-body-lg);color:var(--muted);line-height:var(--leading-normal);max-width:48rem}.page-header-actions{align-items:center;gap:var(--gap-sm);display:flex}.page-header-tabs{margin-top:var(--margin-md)}.page-header--left{text-align:left}.page-header--center{text-align:center}.page-header--center .page-subtitle{margin-left:auto;margin-right:auto}.page-header--right{text-align:right}.page-header--right .page-subtitle{margin-left:auto}.page-header--compact{padding:calc(var(--padding-section-sm) + 4rem) 0 var(--padding-section-sm) 0}.page-header--compact .page-title{font-size:var(--text-h1);margin-bottom:var(--margin-sm)}.page-header--compact .page-subtitle{font-size:var(--text-body)}@media (max-width:768px){.page-header{padding:calc(var(--padding-section-md) + 4rem) 0 var(--padding-section-md) 0}.page-header-top{flex-direction:column;align-items:flex-start}.page-title{font-size:var(--text-h1)}.page-subtitle{font-size:var(--text-body)}.page-header-actions{flex-direction:column;width:100%}.page-header-actions>*{width:100%}}.app-page-header{gap:var(--gap-2xs);flex-direction:column;display:flex}.app-page-header__eyebrow{font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted)}.app-page-header__subtitle{font-size:var(--text-small);color:var(--muted);margin:0}.dashboard-header{padding:var(--padding-md) 0;border-bottom:1px solid var(--border);background-color:var(--bg)}.dashboard-header-main{justify-content:space-between;align-items:flex-start;gap:var(--gap-md);margin-bottom:var(--margin-md);display:flex}.dashboard-header-content{flex:1;min-width:0}.dashboard-header-title{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--titles);margin:0;line-height:1.2}.dashboard-header-subtitle{font-size:var(--text-body);color:var(--muted);margin:var(--margin-sm) 0 0;line-height:1.5}.dashboard-header-actions{align-items:center;gap:var(--gap-md);flex-shrink:0;display:flex}.dashboard-header-stats{gap:var(--gap-lg);padding-top:var(--padding-md);border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.dashboard-header-stat{gap:var(--gap-sm);flex-direction:column;display:flex}.dashboard-header-stat-value{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--titles);line-height:1}.dashboard-header-stat-label{font-size:var(--text-tiny);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--font-semibold)}@media (max-width:768px){.dashboard-header{padding:var(--padding-xl) 0}.dashboard-header-main{gap:var(--gap-lg);flex-direction:column}.dashboard-header-title{font-size:var(--text-h3)}.dashboard-header-stats{gap:var(--gap-md);grid-template-columns:repeat(2,1fr)}}.navbar{background-color:color-mix(in srgb, var(--navbar-bg) 80%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.4);border-bottom:1px solid var(--border-soft);z-index:50;position:sticky;top:0}.navbar--static{position:static}.navbar--overlay{border-bottom:none;width:100%;position:absolute;top:0;left:0;right:0}.navbar--transparent{background-color:#0000;border-bottom:none;width:100%;position:absolute}.navbar--transparent.navbar--menu-open{background-color:var(--bg);border-bottom:1px solid var(--border)}.navbar--app{background-color:var(--bg);border-bottom:1px solid var(--border);position:static}.navbar--app .navbar-nav{gap:var(--gap-md)}.navbar--app .navbar-link{display:none}.navbar--app .navbar-actions{gap:var(--gap-md);align-items:center;margin-left:auto;display:flex}.navbar-container{max-width:100%;padding:var(--padding-sm) 5%;justify-content:space-between;align-items:center;min-height:4rem;margin:0;display:flex}.navbar-brand{align-items:center;gap:var(--gap-sm);font-size:var(--text-body-lg);color:var(--titles);font-weight:600;text-decoration:none;transition:opacity .2s;display:flex}.navbar-brand:hover{opacity:.8}.navbar-brand svg,.navbar-brand img{width:auto;visibility:visible!important;display:block!important}.navbar-nav{align-items:center;gap:var(--gap-xl);display:flex}.navbar-link{color:var(--titles);font-size:var(--text-body);font-weight:var(--font-semibold);text-decoration:none;transition:color .2s}.navbar-link:hover,.navbar-link--active{color:var(--primary)}.navbar-dropdown{position:relative}.navbar-link--dropdown{align-items:center;gap:var(--gap-xs);display:flex}.navbar-link--dropdown svg{transition:transform var(--transition-all)}.navbar-dropdown:hover .navbar-link--dropdown svg{transform:rotate(180deg)}.navbar-mega-menu{margin-top:var(--margin-sm);opacity:0;visibility:hidden;transition:opacity var(--transition-all), visibility var(--transition-all);z-index:1000;position:absolute;top:100%;left:50%;transform:translate(-50%)}.navbar-dropdown:hover .navbar-mega-menu{opacity:1;visibility:visible}.navbar-mega-menu-content{background:var(--navbar-bg);border:1px solid var(--navbar-border);border-radius:var(--radius-md);padding:var(--padding-md);min-width:280px;box-shadow:var(--shadow-md)}.navbar-mega-menu-item{padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-sm);transition:background-color var(--transition-all);text-decoration:none;display:block}.navbar-mega-menu-item:hover{background-color:var(--surface)}.navbar-mega-menu-item-label{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.navbar-mega-menu-item-description{font-size:var(--text-small);color:var(--muted);line-height:var(--leading-tight)}.navbar-actions{align-items:center;gap:var(--gap-md);display:flex}.navbar-toggle{cursor:pointer;padding:var(--padding-sm);background:0 0;border:none;transition:opacity .2s;display:none}.navbar-toggle svg{color:var(--primary)}.navbar-toggle:hover{opacity:.8}.navbar-menu{background-color:var(--navbar-bg);border-top:1px solid var(--navbar-border);padding:var(--padding-md);min-height:calc(100vh - 4rem);max-height:calc(100vh - 4rem);display:none;overflow-y:auto}.navbar-menu-nav{gap:var(--gap-md);flex-direction:column;display:flex}.navbar-menu-link{color:var(--titles);font-weight:var(--font-semibold);font-size:var(--text-h4);padding:var(--padding-sm);border-radius:var(--radius-xs);text-decoration:none;transition:background-color .2s,color .2s}.navbar-menu-link:hover{background-color:var(--surface);color:var(--primary)}.navbar-menu-link--active{color:var(--primary);background-color:var(--surface)}.navbar-menu-link--dropdown{text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;display:flex}.navbar-menu-dropdown{flex-direction:column;display:flex}.navbar-menu-submenu{gap:var(--gap-xs);padding-left:var(--padding-lg);margin-top:var(--margin-sm);flex-direction:column;display:flex}.navbar-menu-submenu-link{color:var(--titles);font-size:var(--text-small);font-weight:var(--font-semibold);padding:var(--padding-sm);border-radius:var(--radius-xs);text-decoration:none;transition:background-color .2s,color .2s}.navbar-menu-submenu-link:hover{background-color:var(--surface);color:var(--primary)}.navbar-menu-actions{gap:var(--gap-md);display:flex}@media (max-width:1024px){.navbar-nav{display:none}.navbar-toggle,.navbar-menu{display:block}.navbar--app .navbar-nav{display:flex}.navbar--app .navbar-toggle,.navbar--app .navbar-menu{display:none}.navbar-menu-actions{gap:var(--gap-md);margin-top:var(--margin-md);padding-top:var(--padding-md);border-top:1px solid var(--border);flex-direction:column;display:flex}.navbar-menu-actions .navbar-link{color:var(--text);font-size:var(--text-body);font-weight:var(--font-medium);padding:var(--padding-sm);border-radius:var(--radius-xs);transition:background-color .2s,color .2s}.navbar-menu-actions .navbar-link:hover{background-color:var(--surface);color:var(--primary)}.navbar-menu-actions .mega-menu,.navbar-menu-actions .navbar-link{display:none}}.footer{background:var(--footer-bg);color:var(--text);padding:var(--padding-section-md) 0;border-top:1px solid var(--footer-border)}.footer-container{max-width:100%;margin:0;padding-left:5%;padding-right:5%}.footer-top{margin-bottom:var(--padding-section-md)}.footer-top .footer-container{gap:var(--padding-section-xl);grid-template-columns:1.2fr 2fr;display:grid}@media (max-width:768px){.footer-top .footer-container{gap:var(--padding-section-sm);grid-template-columns:minmax(0,1fr)}}.footer-brand{gap:var(--gap-sm);flex-direction:column;display:flex}.footer-tagline{font-size:var(--text-small);color:var(--muted);line-height:var(--leading-relaxed);max-width:300px;margin:0}.footer-newsletter{gap:var(--gap-md);flex-direction:column;display:flex}.footer-logo{font-size:var(--text-h3);font-weight:var(--font-bold);color:var(--titles);margin-bottom:var(--margin-sm);max-height:var(--gap-xl);align-items:center;visibility:visible!important;opacity:1!important;display:flex!important}.footer-logo svg,.footer-logo img{max-height:var(--gap-xl);width:auto;visibility:visible!important;display:block!important}@media (max-width:768px){.footer-logo{visibility:visible!important;opacity:1!important;min-height:32px!important;display:flex!important}.footer-logo svg,.footer-logo img{visibility:visible!important;opacity:1!important;width:auto!important;height:32px!important;min-height:32px!important;max-height:32px!important;display:block!important}}.footer-newsletter-text{font-size:var(--text-small);color:var(--text);line-height:var(--leading-relaxed);margin-bottom:var(--margin-md)}.footer-newsletter-form{gap:var(--gap-sm);margin-bottom:var(--margin-md);display:flex}.footer-newsletter-input{min-width:0;height:2.5rem;padding:0 var(--padding-md);background-color:var(--surface-sunken);border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-small);flex:1;box-shadow:inset 0 1px 2px #00000059}.footer-newsletter-input::placeholder{color:var(--muted)}.footer-newsletter-input:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.footer-newsletter-disclaimer{font-size:var(--text-tiny);color:var(--muted);line-height:var(--leading-relaxed)}.footer-newsletter-disclaimer a{color:var(--primary);text-decoration:underline}.footer-links{gap:var(--gap-xs);align-items:start;grid-template-columns:repeat(4,minmax(0,1fr))!important;display:grid!important}@media (max-width:1024px){.footer-links{gap:var(--gap-xl);grid-template-columns:repeat(2,minmax(0,1fr))!important}}.footer-column{gap:var(--gap-sm);flex-direction:column;display:flex}.footer-column-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.footer-column-links{gap:var(--gap-sm);flex-direction:column;display:flex}.footer-link{font-size:var(--text-small);color:var(--text);font-weight:var(--font-semibold);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--primary)}.footer-separator{background:var(--border-soft);height:1px;margin:0 0 var(--margin-lg)}[data-theme=light] .footer-separator{background:var(--border)!important;opacity:.3!important}.footer-bottom .footer-container{justify-content:space-between;align-items:center;display:flex}@media (max-width:640px){.footer-bottom .footer-container{gap:var(--gap-md);text-align:center;flex-direction:column}}.footer-copyright{font-size:var(--text-small);color:var(--muted)}.footer-powered{font-weight:var(--font-bold);color:var(--text)}.footer-powered__av{color:var(--avnir-studio-primary)}.footer-social{gap:var(--gap-xl);align-items:center;display:flex}.footer-social-link{align-items:center;gap:var(--gap-sm);font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--text);text-decoration:none;transition:color .2s;display:flex}.footer-social-link:hover{color:var(--primary)}.footer-social-icon{width:20px;height:20px}.footer--minimal{padding:var(--padding-section-sm) 0}.footer--minimal .footer-top{margin-bottom:var(--padding-section-sm)}.footer--minimal .footer-top .footer-container{gap:var(--padding-section-md)}.footer--minimal .footer-links{grid-template-columns:repeat(3,1fr)!important}@media (max-width:768px){.footer--minimal .footer-links{grid-template-columns:1fr!important}}.footer--minimal .footer-column{gap:var(--gap-xs)}.footer--minimal .footer-column-title{font-size:var(--text-body);margin-bottom:var(--margin-sm)}.footer--minimal .footer-separator{margin:0 0 var(--margin-md)}.section-header{margin-bottom:var(--margin-xl);padding-left:var(--padding-section-sm);padding-right:var(--padding-section-sm)}@media (min-width:768px){.section-header{padding-left:var(--padding-section-md);padding-right:var(--padding-section-md)}}@media (min-width:1024px){.section-header{padding-left:var(--padding-section-xl);padding-right:var(--padding-section-xl)}}.section-header.section-header--flush{padding-left:0;padding-right:0}.section-header--left{text-align:left}.section-header--center{text-align:center}.section-header--right{text-align:right}.section-header-eyebrow{font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--font-normal);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--primary);margin-bottom:var(--margin-sm)}.section-header-title{font-size:var(--text-h2);font-weight:var(--font-black);color:var(--titles);margin-bottom:var(--margin-sm);letter-spacing:var(--tracking-tighter)}.section-header-subtitle{font-size:var(--text-body-lg);color:var(--muted);line-height:var(--leading-tight);margin-bottom:var(--margin-lg)}.section-header-actions{gap:var(--gap-md);margin-top:var(--margin-lg);align-items:center;display:flex}.section-header--center .section-header-actions{justify-content:center}.section-header--left .section-header-actions{justify-content:flex-start}.section-header--right .section-header-actions{justify-content:flex-end}.doc-layout{grid-template-columns:.4fr 1fr;gap:0;min-height:calc(100vh - 64px);display:grid}.doc-layout-sidebar{border-right:1px solid var(--border);padding:var(--padding-section-md) var(--padding-xl);background:var(--bg)}.doc-layout-content{width:100%}@media (min-width:769px){.doc-layout-sidebar,.doc-layout-content{height:calc(100vh - 64px);position:sticky;top:64px;overflow-y:auto}}.doc-nav-section{margin-bottom:var(--margin-lg)}.doc-nav-title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--margin-md);padding:var(--padding-sm) 0;transition:var(--transition-colors);cursor:pointer;text-decoration:none;display:block}.doc-nav-title:hover{color:var(--primary)}.doc-nav-list{margin:0;padding:0;list-style:none}.doc-nav-list li{margin-bottom:var(--margin-sm)}.doc-nav-link{padding:var(--padding-sm) var(--padding-md);color:var(--text);border-radius:var(--radius-xs);transition:var(--transition-colors);font-size:var(--text-body);text-decoration:none;display:block}.doc-nav-link:hover{background-color:var(--surface);color:var(--titles)}.doc-nav-link:active,.doc-nav-link[aria-current=page]{background-color:var(--primary);color:var(--bg);font-weight:var(--font-medium)}@media (max-width:768px){.doc-layout{grid-template-columns:1fr}.doc-layout-sidebar{display:none}}.grid{width:100%;min-width:100%;display:grid}.grid--cols-1,.grid--cols-2,.grid--cols-3,.grid--cols-4,.grid--cols-6,.grid--cols-12{grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.grid--cols-2,.grid--cols-3,.grid--cols-4{grid-template-columns:repeat(2,1fr)}.grid--cols-6{grid-template-columns:repeat(3,1fr)}.grid--cols-12{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.grid--cols-3{grid-template-columns:repeat(3,1fr)}.grid--cols-4{grid-template-columns:repeat(4,1fr)}.grid--cols-6{grid-template-columns:repeat(6,1fr)}.grid--cols-12{grid-template-columns:repeat(12,1fr)}}.grid--gap-sm{gap:var(--gap-sm)}.grid--gap-md{gap:var(--gap-md)}.grid--gap-lg{gap:var(--gap-lg)}.grid--gap-xl{gap:var(--gap-xl)}.grid-item--span-1{grid-column:span 1}.grid-item--span-2{grid-column:span 2}.grid-item--span-3{grid-column:span 3}.grid-item--span-4{grid-column:span 4}.grid-item--span-6{grid-column:span 6}.grid-item--span-12{grid-column:span 12}.masonry{-moz-column-count:1;column-count:1}.masonry--cols-2{-moz-column-count:2;column-count:2}.masonry--cols-3{-moz-column-count:3;column-count:3}.masonry--cols-4{-moz-column-count:4;column-count:4}.masonry--gap-sm{-moz-column-gap:var(--gap-sm);column-gap:var(--gap-sm)}.masonry--gap-md{-moz-column-gap:var(--gap-md);column-gap:var(--gap-md)}.masonry--gap-lg{-moz-column-gap:var(--gap-lg);column-gap:var(--gap-lg)}.masonry>*{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:var(--margin-md)}@media (max-width:768px){.masonry--cols-3,.masonry--cols-4{-moz-column-count:2;column-count:2}}@media (max-width:480px){.masonry{-moz-column-count:1;column-count:1}}.split{gap:var(--gap-md);display:flex}.split--horizontal{flex-direction:row}.split--vertical{flex-direction:column}.split--ratio-1-1 .split-left,.split--ratio-1-1 .split-right,.split--ratio-1-2 .split-left{flex:1}.split--ratio-1-2 .split-right,.split--ratio-2-1 .split-left{flex:2}.split--ratio-2-1 .split-right,.split--ratio-1-3 .split-left{flex:1}.split--ratio-1-3 .split-right,.split--ratio-3-1 .split-left{flex:3}.split--ratio-3-1 .split-right{flex:1}@media (max-width:768px){.split--horizontal{flex-direction:column}}.project-header{padding:var(--padding-xl)}.project-header-content{justify-content:space-between;align-items:flex-start;display:flex}.project-header-info{flex:1}.project-header-title-row{align-items:center;gap:var(--gap-md);margin-bottom:var(--margin-sm);flex-wrap:wrap;display:flex}.project-header-title{font-size:var(--text-h4);color:var(--titles);margin:0;font-weight:600}.project-header-badge{font-size:var(--text-body-sm)}.project-header-type--artiste{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary)}.project-header-type--beatmaker{background:color-mix(in srgb, var(--info) 15%, transparent);color:var(--info)}.project-header-type--studio{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success)}.project-header-type--producteur{background:color-mix(in srgb, var(--warning) 15%, transparent);color:var(--warning)}.project-header-status--draft{background:color-mix(in srgb, var(--muted) 15%, transparent);color:var(--muted)}.project-header-status--active{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success)}.project-header-status--archived{background:color-mix(in srgb, var(--warning) 15%, transparent);color:var(--warning)}.project-header-description{font-size:var(--text-body-sm);color:var(--muted);margin:0 0 var(--margin-md);line-height:1.4}.project-header-meta{align-items:center;gap:var(--gap-md);font-size:var(--text-tiny);color:var(--muted);display:flex}.project-header-meta-item{display:inline-block}.project-header-actions{align-items:center;gap:var(--gap-sm);flex-shrink:0;display:flex}.project-header-action{padding:var(--padding-sm) var(--padding-md);font-size:var(--text-body-sm);color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.project-header-action:hover{color:var(--titles);background:#ffffff1a}.project-header-action-icon{width:1rem;height:1rem}.user-menu-trigger{align-items:center;gap:var(--gap-sm);cursor:pointer;padding:var(--padding-xs) var(--padding-sm);border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;border:1px solid #0000;transition:background-color .15s,border-color .15s;display:flex}.user-menu-trigger:hover{background-color:var(--surface);border-color:var(--border)}.user-menu-name{font-size:var(--text-small);color:var(--text);font-weight:var(--font-medium);text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.user-menu-dropdown{min-width:240px;padding:var(--padding-xs) 0}.user-menu-header{padding:var(--padding-sm) var(--padding-md) var(--padding-md);border-bottom:1px solid var(--border);gap:var(--gap-2xs);margin-bottom:var(--margin-sm);flex-direction:column;display:flex}.user-menu-display-name{font-weight:var(--font-semibold);font-size:var(--text-body);color:var(--titles);line-height:1.3}.user-menu-email{font-size:var(--text-small);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu-rail{position:relative}.user-menu-rail__profile{align-items:center;gap:var(--gap-sm);width:100%;padding:var(--padding-sm);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-raised);color:inherit;cursor:pointer;text-align:left;transition:var(--transition-colors);display:flex}.user-menu-rail__profile:hover{border-color:var(--border);background:color-mix(in srgb, var(--surface-raised) 70%, var(--primary) 6%)}.user-menu-rail__chevron{color:var(--muted);flex-shrink:0;margin-left:auto;transform:rotate(-90deg)}.user-menu-rail__backdrop{z-index:var(--z-popover);cursor:default;background:0 0;border:none;position:fixed;inset:0}.user-menu-rail__menu{bottom:calc(100% + var(--gap-xs));z-index:var(--z-popover);padding:var(--padding-xs);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-raised);box-shadow:var(--shadow-raised);flex-direction:column;display:flex;position:absolute;left:0;right:0}.user-menu-rail__item{align-items:center;gap:var(--gap-sm);width:100%;padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-small);font-weight:var(--font-medium);text-align:left;cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;display:flex}.user-menu-rail__item:hover{background:var(--surface-overlay);color:var(--titles)}.user-menu-rail__item svg{color:var(--muted);flex-shrink:0}.user-menu-rail__item--danger{color:var(--error)}.user-menu-rail__item--danger:hover{color:var(--error);background:color-mix(in srgb, var(--error) 12%, transparent)}.user-menu-rail__item--danger svg{color:var(--error)}.user-menu-rail__avatar{border-radius:var(--radius-full);background:color-mix(in srgb, var(--primary) 16%, transparent);width:2rem;height:2rem;color:var(--primary);font-weight:700;font-size:var(--text-small);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.user-menu-rail__avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.user-menu-rail__meta{flex-direction:column;min-width:0;display:flex}.user-menu-rail__name{color:var(--text);font-size:var(--text-small);font-weight:var(--font-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu-rail__rank{color:var(--primary);font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide)}.brand-switcher{position:relative}.brand-switcher__trigger{align-items:center;gap:var(--gap-xs);padding:var(--padding-xs) var(--padding-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--titles);font-size:var(--text-small);cursor:pointer;font-weight:600;transition:border-color .15s;display:flex}.brand-switcher__trigger:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border))}.brand-switcher__dot{border-radius:var(--radius-sm);flex:none;width:10px;height:10px}.brand-switcher__chevron{color:var(--muted)}.brand-switcher__menu{top:calc(100% + var(--gap-2xs));z-index:50;min-width:210px;padding:var(--padding-xs);gap:var(--gap-2xs);background:var(--surface-overlay);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;margin:0;list-style:none;display:flex;position:absolute;right:0}.brand-switcher__option{align-items:center;gap:var(--gap-sm);width:100%;padding:var(--padding-xs) var(--padding-sm);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-small);text-align:left;cursor:pointer;background:0 0;border:none;transition:background .12s,color .12s;display:flex}.brand-switcher__option:hover{background:var(--surface-raised);color:var(--titles)}.brand-switcher__option--active{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--titles)}.panel-section__head{align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-sm);display:flex}.panel-section__label{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}.panel-section__rule{background:var(--border);flex:1;height:1px}.panel-section__action{flex:none}.prose{color:var(--text);line-height:var(--leading-relaxed);margin-bottom:var(--margin-lg)}.prose:last-child{margin-bottom:0}.prose h2{font-size:var(--text-h2);font-weight:var(--font-semibold);color:var(--titles);margin-top:var(--margin-lg);margin-bottom:var(--margin-md)}.prose h3{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--titles);margin-top:var(--margin-md);margin-bottom:var(--margin-sm)}.prose h4{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin-top:var(--margin-md);margin-bottom:var(--margin-sm)}.prose p{margin-bottom:var(--margin-md)}.prose ul,.prose ol{margin-bottom:var(--margin-md);padding-left:var(--padding-lg)}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li{margin-bottom:var(--margin-sm)}.prose strong{font-weight:var(--font-semibold);color:var(--titles)}.prose a{color:var(--primary);text-decoration:underline}.prose a:hover{opacity:.8}.prose code{background-color:var(--surface);padding:var(--padding-xs) .375rem;border-radius:var(--radius-xs);color:var(--titles);font-family:monospace;font-size:.875em}.prose pre{background-color:var(--surface);padding:var(--padding-md);border-radius:var(--radius-sm);margin-bottom:var(--margin-md);overflow-x:auto}.prose pre code{background-color:#0000;padding:0}.prose blockquote{border-left:4px solid var(--primary);padding-left:var(--padding-md);margin-left:0;margin-bottom:var(--margin-md);color:var(--muted);font-style:italic}.prose hr{border:none;border-top:1px solid var(--border);margin:var(--margin-lg) 0}.prose table{border-collapse:collapse;width:100%;margin-bottom:var(--margin-md)}.prose th,.prose td{padding:var(--padding-sm) var(--padding-md);border:1px solid var(--border);text-align:left}.prose th{background-color:var(--surface);font-weight:var(--font-semibold);color:var(--titles)}.prose img{border-radius:var(--radius-sm);max-width:100%;height:auto;margin-bottom:var(--margin-md)}.prose--highlight>ul{padding-left:0;list-style:none}.prose--highlight>ul>li:not(:empty),.prose--highlight>p:not(:empty){border-left:4px solid var(--primary);padding-left:var(--padding-md);margin-bottom:var(--margin-md)}.code-block{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden}.code-block-header{padding:var(--padding-sm) var(--padding-md);background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.code-block-language{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--muted);text-transform:uppercase}.code-block-pre{padding:var(--padding-md);font-family:var(--font-mono);font-size:var(--text-small);line-height:var(--leading-relaxed);margin:0;overflow-x:auto}.code-block-code{display:block}.code-block-line{gap:var(--gap-md);display:flex}.code-block-line-number{text-align:right;min-width:2em;color:var(--muted);-webkit-user-select:none;user-select:none;display:inline-block}.code-block-line-content{flex:1}.markdown{color:var(--text);line-height:var(--leading-relaxed)}.markdown h1,.markdown h2,.markdown h3{color:var(--titles);font-weight:var(--font-semibold);margin-top:var(--margin-lg);margin-bottom:var(--margin-md)}.markdown h1{font-size:var(--text-h1)}.markdown h2{font-size:var(--text-h2)}.markdown h3{font-size:var(--text-h3)}.markdown strong{font-weight:var(--font-semibold);color:var(--titles)}.markdown em{font-style:italic}.markdown code{font-family:var(--font-mono);font-size:var(--text-small);background:var(--surface);border-radius:var(--radius-xs);border:1px solid var(--border);padding:.2em .4em}.markdown a{color:var(--primary);transition:var(--transition-colors);text-decoration:none}.markdown a:hover{text-decoration:underline}.legal-page{max-width:850px;margin:0 auto}.legal-page-header{padding-bottom:var(--padding-xl);border-bottom:2px solid var(--border);text-align:center;margin-bottom:4rem}.legal-page-title{font-size:clamp(2rem,5vw,2.5rem);font-weight:var(--font-bold);color:var(--titles);margin:0 0 var(--margin-md) 0;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.legal-page-meta{font-size:var(--text-small);color:var(--muted);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.legal-page-content{flex-direction:column;gap:3.5rem;display:flex}.legal-section{gap:var(--gap-lg);border-bottom:1px solid var(--border);flex-direction:column;padding-bottom:3rem;display:flex}.legal-section:last-child{border-bottom:none;padding-bottom:0}.legal-section-title{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:var(--font-bold);color:var(--titles);margin:0 0 var(--margin-sm) 0;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.legal-section-content{font-size:var(--text-body);color:var(--text);white-space:pre-line;line-height:1.75}.legal-section-items{gap:var(--gap-md);margin:var(--margin-md) 0;flex-direction:column;padding-left:0;list-style:none;display:flex}.legal-section-item{font-size:var(--text-body);color:var(--text);padding-left:var(--padding-xl);line-height:1.75;position:relative}.legal-section-item:before{content:"→";color:var(--primary);font-weight:var(--font-bold);font-size:var(--text-h4);position:absolute;top:.125rem;left:0}.legal-section-item strong{color:var(--titles);font-weight:var(--font-bold)}.legal-section-contact{font-size:var(--text-body);color:var(--text);margin-top:var(--margin-md);padding:var(--padding-lg);background-color:var(--surface);border-radius:var(--radius-lg);border-left:4px solid var(--primary);box-shadow:var(--shadow-card);line-height:1.75}.legal-section-content a,.legal-section-contact a,.legal-section-item a{color:var(--primary);text-underline-offset:2px;transition:var(--transition-all);font-weight:var(--font-medium);text-decoration:underline}.legal-section-content a:hover,.legal-section-contact a:hover,.legal-section-item a:hover{opacity:.8;text-decoration-thickness:2px}@media (max-width:768px){.legal-page{max-width:100%}.legal-page-header{margin-bottom:var(--margin-lg);padding-bottom:var(--padding-lg)}.legal-page-title{font-size:var(--text-h2)}.legal-section{gap:var(--gap-md);padding-bottom:var(--padding-lg)}.legal-section-title{font-size:var(--text-h4)}.legal-section-content{font-size:var(--text-small)}.legal-section-item{font-size:var(--text-small);padding-left:var(--padding-lg)}}.hero{width:100%;min-height:100vh;padding:calc(var(--padding-section-xl) + 4rem) var(--padding-container) var(--padding-section-xl) var(--padding-container);border-bottom:1px solid var(--border-soft);align-items:center;display:flex;position:relative}.hero--with-bg{border-bottom:none}.hero-overlay{background:linear-gradient(to top, var(--bg), color-mix(in srgb, var(--bg) 30%, transparent));position:absolute;inset:0}.hero:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(55% 45% at 50% 6%, color-mix(in srgb, var(--primary) 14%, transparent), transparent 70%);position:absolute;inset:0}.hero-container{z-index:10;width:100%;max-width:80rem;margin:0 auto;position:relative}.hero-content{width:100%}.hero-content--center{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-content--left{text-align:left}.hero-content--split{gap:var(--gap-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero-text{gap:var(--gap-md);flex-direction:column;display:flex}.hero-eyebrow{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--primary);margin-bottom:var(--margin-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.hero-title{font-size:clamp(2rem, 8vw, var(--text-display-sm));line-height:var(--leading-none);font-weight:var(--font-black);color:var(--titles);max-width:50rem;margin-bottom:var(--margin-sm);letter-spacing:var(--tracking-tighter);overflow-wrap:break-word}.hero-subtitle{font-size:var(--text-body-lg);line-height:var(--leading-tight);font-weight:var(--font-normal);color:var(--text);margin-bottom:var(--margin-lg);opacity:.9;max-width:42rem}.hero-actions{gap:var(--gap-md);flex-wrap:wrap;align-items:center;display:flex}.hero-content--center .hero-actions{justify-content:center}.hero-image{min-height:200px;margin-top:var(--margin-xl)}.hero-content--split .hero-image{margin-top:0}.hero-eyebrow-pill{align-self:flex-start;gap:var(--gap-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.hero-cta-stack{gap:var(--gap-md);flex-direction:column;align-items:flex-start;display:flex}.hero-cta-row{gap:var(--gap-md);flex-wrap:wrap;display:flex}.hero-trust{gap:var(--gap-md);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.hero-trust__item{align-items:center;gap:var(--gap-xs);font-size:var(--text-small);color:var(--muted);display:inline-flex}.hero-trust__item svg{color:var(--primary);flex-shrink:0}.hero-lesson-preview{width:100%;max-width:34rem;margin-inline:auto;position:relative}.hero-lesson-preview__rank{transform:translate(calc(var(--margin-md) * -1), 42%);z-index:2;width:min(13.5rem,58%);box-shadow:var(--shadow-xl);animation:5s ease-in-out infinite hero-preview-float;position:absolute;bottom:0;left:0}@keyframes hero-preview-float{0%,to{translate:0}50%{translate:0 -.55rem}}@media (prefers-reduced-motion:reduce){.hero-lesson-preview__rank,.hero-lesson-preview__streak{animation:none}}.hero-lesson-preview__streak{z-index:3;white-space:nowrap;box-shadow:var(--shadow-lg);animation:6s ease-in-out .6s infinite hero-preview-float;position:absolute;top:0;right:0;transform:translate(28%,-45%)}.hero-grid{z-index:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb, var(--titles) 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--titles) 4%, transparent) 1px, transparent 1px);background-size:3rem 3rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000,#0000 78%);mask-image:radial-gradient(90% 70% at 50% 0,#000,#0000 78%)}.hero--grid-image{border-bottom:none;min-height:70vh;padding:0}.hero--grid-image .hero-container{max-width:100%;padding:0}.hero-content--grid-image{grid-template-columns:1fr 1fr;align-items:stretch;gap:0;min-height:70vh;display:grid}.hero-image--cover{background:var(--surface);justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex;overflow:hidden}.hero-image--cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.hero-text--padded{justify-content:center;gap:var(--gap-lg);padding:var(--padding-section-sm) var(--padding-section-sm);flex-direction:column;display:flex}.hero-text--padded>:first-child{align-self:flex-start}@media (max-width:1024px){.hero{padding:calc(var(--padding-section-lg) + 4rem) var(--padding-container) var(--padding-section-lg) var(--padding-container)}.hero--grid-image{padding:0}.hero-content--grid-image{grid-template-columns:45fr 55fr}}@media (max-width:768px){.hero{padding:calc(var(--padding-section-md) + 4rem) var(--padding-section-sm) var(--padding-section-md) var(--padding-section-sm)}.hero--grid-image{padding:0}.hero-subtitle{font-size:var(--text-body)}.hero-actions .btn--lg{padding:var(--padding-sm) var(--padding-lg);font-size:var(--text-small)}.hero-content--split{gap:var(--gap-lg);grid-template-columns:1fr}.hero--grid-image{min-height:auto}.hero-content--grid-image{grid-template-columns:1fr;min-height:auto}.hero-image--cover{height:40vh;min-height:40vh}}.cta-section{padding:var(--padding-section-lg) var(--padding-container);text-align:center;background-color:none}.cta-container{max-width:var(--width-7xl);margin:0 auto}.cta-section .section-header-title{font-size:clamp(1.75rem, 5vw, var(--text-h2))}.cta-section .section-header-subtitle{font-size:clamp(1rem, 3vw, var(--text-body-lg))}.cta-content--text-only{align-items:center;gap:var(--gap-md);flex-direction:column;display:flex}.cta-content--text-only .section-header{margin-bottom:0}.cta-content--framed{max-width:var(--width-5xl);padding:var(--padding-2xl) var(--padding-2xl);margin-inline:auto}.cta-content--framed .section-header-subtitle{margin-bottom:0}@media (min-width:768px){.cta-content--split{text-align:left;justify-content:space-between;align-items:center;gap:var(--gap-xl);flex-direction:row}.cta-content--split .section-header{flex:1;margin-bottom:0}.cta-content--split .cta-actions{flex-shrink:0;justify-content:flex-end}}.cta-actions{gap:var(--gap-md);flex-wrap:wrap;justify-content:center;display:flex}.cta-content--with-image{gap:var(--gap-xl);grid-template-columns:1fr;align-items:center;display:grid}@media (min-width:768px){.cta-content--with-image{grid-template-columns:1fr 1fr}.cta-content--reverse{direction:rtl}.cta-content--reverse>*{direction:ltr}}.cta-text{gap:var(--gap-lg);flex-direction:column;display:flex}.cta-image{justify-content:center;align-items:center;display:flex}@media (max-width:768px){.cta-actions .btn--lg{padding:var(--padding-sm) var(--padding-md);font-size:var(--text-small)}.cta-actions{flex-direction:column;align-items:stretch;width:100%}.cta-actions>*{gap:var(--gap-md);flex-direction:column;width:100%;display:flex}.cta-actions .btn{width:100%}.cta-content--split .section-header--left{text-align:center}}.content-split{gap:var(--gap-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.content-split-image{border-radius:var(--radius-lg);border:1px solid var(--border-soft);width:100%;height:100%;box-shadow:var(--shadow-card);justify-content:center;align-items:center;display:flex;overflow:hidden}.content-split-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.content-split-image--bare{box-shadow:none;border:none;border-radius:0;overflow:visible}.content-split-content{gap:var(--gap-md);flex-direction:column;display:flex}.content-split-eyebrow{font-family:var(--font-mono);font-size:var(--text-tiny);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--primary)}.content-split-title{font-size:var(--text-h2);font-weight:var(--font-black);color:var(--titles);line-height:var(--leading-none);letter-spacing:var(--tracking-tighter)}.content-split-subtitle{font-size:var(--text-body-lg);color:var(--text);line-height:var(--leading-tight)}.content-split-features{gap:var(--gap-sm);margin:0;margin-bottom:var(--margin-md);flex-direction:column;padding:0;list-style:none;display:flex}.content-split-feature{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);align-items:center;gap:var(--gap-md);display:flex}.content-split-feature--check{gap:var(--gap-sm);align-items:flex-start}.content-split-feature__check{color:var(--primary);flex:none;margin-top:.15em}.content-split-features--rich{gap:var(--gap-lg)}.content-split-feature--rich{font-weight:var(--font-normal);align-items:flex-start}.content-split-feature__icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--primary) 25%, transparent);width:2.5rem;height:2.5rem;color:var(--primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.content-split-feature__text{gap:var(--gap-xs);flex-direction:column;display:flex}.content-split-feature__title{font-weight:var(--font-bold);color:var(--titles)}.content-split-feature__desc{font-size:var(--text-small);font-weight:var(--font-normal);color:var(--muted);line-height:var(--leading-tight)}.content-split-actions{gap:var(--gap-md);flex-wrap:wrap;display:flex}@media (max-width:768px){.content-split{gap:var(--gap-xl);grid-template-columns:1fr}.content-split-image{order:-1}.content-split-actions .btn--lg{padding:var(--padding-sm) var(--padding-lg);font-size:var(--text-small)}}.faq-container{gap:var(--gap-sm);flex-direction:column;max-width:48rem;margin:0 auto;display:flex}.faq-item{transition:border-color var(--duration-200) var(--easing-standard);gap:0;padding:0}.faq-item:hover{border-color:color-mix(in srgb, var(--primary) 22%, var(--border-soft))}.faq-question{justify-content:space-between;align-items:center;gap:var(--gap-md);padding:var(--padding-md) var(--padding-lg);text-align:left;width:100%;font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);cursor:pointer;background:0 0;border:none;display:flex}.faq-icon{color:var(--primary);transition:transform var(--duration-200) var(--easing-standard);flex:none}.faq-icon--open{transform:rotate(45deg)}.faq-answer{padding:0 var(--padding-lg) var(--padding-lg);color:var(--muted);line-height:var(--leading-relaxed);font-size:var(--text-small)}.faq-answer p{margin:0}.logo-cloud,.logo-cloud-grid{gap:var(--gap-xl);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.logo-cloud-item{opacity:.8;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.logo-cloud-item:hover{opacity:1}.logo-cloud-image{-o-object-fit:contain;object-fit:contain;height:2rem}.testimonials-grid{gap:var(--gap-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}@media (min-width:768px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{padding:var(--padding-lg);background-color:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center;box-sizing:border-box;width:100%;min-height:300px;transition:transform var(--duration-200) var(--easing-standard), box-shadow var(--duration-200) var(--easing-standard), border-color var(--duration-200) var(--easing-standard);flex-direction:column;display:flex;position:relative;overflow:hidden}.testimonial-card:hover{border-color:color-mix(in srgb, var(--primary) 20%, var(--border-soft));box-shadow:var(--shadow-raised);transform:translateY(-2px)}@media (min-width:768px){.testimonial-card{padding:var(--padding-xl)}}.testimonials-grid .testimonial-card{max-width:800px;margin:0 auto}.testimonial-quote{font-size:var(--text-body);color:var(--text);line-height:var(--leading-tight);margin:0 0 var(--margin-md) 0;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;padding:0;font-style:italic;display:block}@media (min-width:768px){.testimonial-quote{font-size:var(--text-h4);line-height:var(--leading-tight)}}.testimonial-author{align-items:center;gap:var(--gap-md);flex-direction:column;display:flex}.testimonial-avatar{border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;flex:none;width:2.75rem;height:2.75rem}.testimonial-avatar--initial{background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 62%, var(--bg)));color:var(--on-primary);font-weight:var(--font-bold);font-size:var(--text-body);justify-content:center;align-items:center;line-height:1;display:inline-flex}.testimonial-author--card{align-items:center;gap:var(--gap-sm);width:fit-content;max-width:100%;padding:var(--padding-sm) var(--padding-md);text-align:left;flex-direction:row;margin-inline:auto}.testimonial-author--card .testimonial-info{align-items:flex-start}.testimonial-info{gap:var(--gap-xs);flex-direction:column;display:flex}.testimonial-info h4{font-size:var(--text-h4);color:var(--titles);margin-bottom:var(--margin-sm);font-weight:600}.testimonial-info p{font-size:var(--text-tiny);color:var(--muted)}.testimonial-name{color:var(--titles);font-weight:500}.testimonial-role{font-size:var(--text-tiny);color:var(--muted)}.testimonials-carousel{overflow:hidden}.testimonials-carousel .carousel-item{flex:0 0 100%;min-width:0}.testimonial-item{text-align:center;box-sizing:border-box;width:100%;padding:var(--padding-lg) var(--padding-xl);flex-direction:column;max-width:760px;margin:0 auto;display:flex}.testimonial-item .testimonial-quote{box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;width:100%;max-width:100%}.testimonials-grid--no-avatar .testimonial-avatar{display:none}.testimonials-carousel .carousel-viewport{flex-direction:column;justify-content:center;display:flex}.stats-grid{background:var(--surface-raised);border:1px solid var(--border-soft);box-shadow:var(--shadow-card);border-radius:var(--radius-lg);grid-template-columns:1fr;gap:0;display:grid;overflow:hidden}.stats-grid--2{grid-template-columns:repeat(2,1fr)}.stats-grid--3{grid-template-columns:repeat(3,1fr)}.stats-grid--4{grid-template-columns:repeat(4,1fr)}.stat-item,.stat-card{text-align:center;padding:var(--padding-xl) var(--padding-lg);border:none;border-right:1px solid var(--border-soft);background:0 0;border-radius:0}.stat-item:last-child,.stat-card:last-child{border-right:none}.stat-card:hover{box-shadow:none;transform:none}.stat-value{font-size:clamp(var(--text-h1), 5vw, var(--text-display-sm));font-weight:var(--font-bold);background:var(--gradient-brand);-webkit-text-fill-color:transparent;color:var(--primary);margin-bottom:var(--margin-md);line-height:var(--leading-none);letter-spacing:var(--tracking-tight);-webkit-background-clip:text;background-clip:text}.stat-label{font-size:var(--text-body-lg);font-weight:var(--font-medium);color:var(--titles);margin-bottom:var(--margin-sm);opacity:.9}.stat-sublabel{font-size:var(--text-small);color:var(--muted);line-height:var(--leading-tight)}.stats-grid--strip{background:color-mix(in srgb, var(--surface) 20%, var(--bg));border:none;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);box-shadow:none;border-radius:0;gap:0}.stats-grid--strip .stat-card{padding:var(--padding-lg) var(--padding-md);background:0 0;border:none;border-radius:0}.stats-grid--strip .stat-value{font-size:clamp(var(--text-h2), 4vw, var(--text-h1));font-weight:var(--font-black);letter-spacing:var(--tracking-tight);line-height:var(--leading-none);margin-bottom:var(--margin-sm);-webkit-text-fill-color:currentColor;color:var(--titles);background:0 0}.stats-grid--strip .stat-card--highlight .stat-value{color:var(--primary)}.stats-grid--strip .stat-label{font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--font-normal);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--muted);opacity:1;margin-bottom:0}@media (max-width:768px){.stats-grid--2,.stats-grid--3,.stats-grid--4{grid-template-columns:1fr}.stat-item,.stat-card{border-right:none;border-bottom:1px solid var(--border-soft)}.stat-item:last-child,.stat-card:last-child{border-bottom:none}}.steps{width:100%;padding:var(--padding-section-md) var(--padding-md);margin:0 auto}.steps-container{max-width:80rem;margin:0 auto}.steps-header{margin-bottom:var(--padding-section-sm);text-align:center}@media (min-width:768px){.steps-header{margin-bottom:var(--padding-section-md)}}.steps-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-md)}@media (min-width:768px){.steps-title{font-size:var(--text-h2)}}.steps-subtitle{font-size:var(--text-body-lg);color:var(--muted);margin:0}.steps-list{gap:var(--padding-section-sm);flex-direction:column;display:flex}@media (min-width:768px){.steps-list{gap:var(--padding-section-xl)}}.steps-list--horizontal{gap:var(--padding-section-md);flex-direction:column}.steps-list--horizontal .step-item{text-align:center;flex-direction:column;align-items:center}@media (min-width:768px){.steps-list--horizontal{gap:var(--padding-section-xl);flex-direction:row}.steps-list--horizontal .step-item{flex:1}}.step-item{gap:var(--gap-md);align-items:flex-start;display:flex}.step-number{background-color:var(--primary);width:3rem;height:3rem;color:var(--on-primary);border-radius:var(--radius-full);font-weight:var(--font-semibold);font-size:var(--text-body-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-content{padding-top:var(--padding-xs);flex:1}.step-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.step-description{color:var(--text);margin:0;line-height:1.6}.pricing-strip{width:100%;padding:var(--padding-section-md) var(--padding-md);background-color:var(--surface-raised);margin:0 auto}.pricing-strip-container{text-align:center;max-width:60rem;margin:0 auto}.pricing-strip-title{font-size:var(--text-h3);color:var(--titles);margin-bottom:var(--margin-md);font-weight:600}.pricing-strip-description{color:var(--muted);margin-bottom:var(--margin-lg)}.pricing-strip-content{align-items:center;gap:var(--gap-xl);flex-direction:column;display:flex}@media (min-width:768px){.pricing-strip-content{flex-direction:row;justify-content:center}}.pricing-strip-price{align-items:baseline;gap:var(--gap-sm);display:flex}.pricing-strip-amount{font-size:var(--text-h2);background:var(--gradient-brand);-webkit-text-fill-color:transparent;color:var(--primary);-webkit-background-clip:text;background-clip:text;font-weight:700}.pricing-strip-period{font-size:var(--text-body);color:var(--muted)}.pricing-strip-actions{gap:var(--gap-md);flex-wrap:wrap;justify-content:center;display:flex}.newsletter{background-color:var(--surface-raised);color:var(--text);padding:var(--padding-section-lg) var(--padding-container);text-align:center}.newsletter-section{background:var(--card-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--padding-section-md) 0;text-align:center;margin:var(--padding-section-md) 0}.newsletter-container{max-width:32rem;margin:0 auto}.newsletter-title{color:var(--titles);margin-bottom:var(--margin-md);letter-spacing:var(--tracking-tight);font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.newsletter-description{font-size:var(--text-body);color:var(--muted);margin-bottom:var(--margin-lg);max-width:28rem;margin-left:auto;margin-right:auto}.newsletter-form{gap:var(--gap-md);flex-direction:column;max-width:24rem;margin:0 auto;display:flex}@media (min-width:640px){.newsletter-form{flex-direction:row}}.newsletter-input{padding:.75rem var(--padding-md);border:1px solid var(--border-soft);border-radius:var(--radius-md);font-size:var(--text-body-sm);background:var(--surface-sunken);color:var(--text);box-sizing:border-box;flex:1;transition:border-color .2s;box-shadow:inset 0 1px 2px #00000059}.newsletter-input:focus{border-color:var(--primary);outline:none}.newsletter-button{padding:.75rem var(--padding-lg);background:var(--gradient-brand);color:var(--on-primary);border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--duration-200) var(--easing-standard);white-space:nowrap;font-weight:500;font-size:var(--text-body-sm);border:none}.newsletter-button:hover{opacity:.9}.contact-block{width:100%;padding:calc(var(--padding-section-xl) + 4rem) var(--padding-md) var(--padding-section-lg);margin:0 auto}@media (max-width:768px){.contact-block{padding:calc(var(--padding-section-md) + 4rem) var(--padding-md) var(--padding-section-md)}}.contact-block-container{gap:var(--padding-section-sm);grid-template-columns:minmax(0,1fr);max-width:80rem;margin:0 auto;display:grid}@media (min-width:768px){.contact-block-container{gap:var(--padding-section-md);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.contact-block-content{align-items:flex-start;gap:var(--gap-md);flex-direction:column;min-width:0;display:flex}.contact-block-eyebrow{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--primary);margin:0}.contact-block-title{font-size:clamp(2rem, 6vw, var(--text-h1));font-weight:var(--font-black);letter-spacing:var(--tracking-tight);color:var(--titles);overflow-wrap:break-word;text-wrap:balance;margin:0}.contact-block-description{color:var(--muted);line-height:var(--leading-relaxed);overflow-wrap:break-word;max-width:26rem;margin:0}.contact-block-info{gap:var(--gap-md);margin-top:var(--gap-md);flex-direction:column;display:flex}.contact-block-item{align-items:center;gap:var(--gap-md);display:flex}.contact-block-icon{border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-soft);width:2.5rem;height:2.5rem;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.contact-block-item-label{font-size:var(--text-small);color:var(--muted)}.contact-block-item-value{font-size:var(--text-body-sm);font-weight:var(--font-semibold);color:var(--titles)}.contact-block-text{color:var(--text)}.contact-block-form{background:var(--card-surface);padding:var(--padding-xl);border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-card);min-width:0}.feature-grid{gap:var(--gap-xl);display:grid}.feature-grid--cols-2,.feature-grid--cols-3,.feature-grid--cols-4{grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.feature-grid--cols-2,.feature-grid--cols-3,.feature-grid--cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.feature-grid--cols-3{grid-template-columns:repeat(3,1fr)}.feature-grid--cols-4{grid-template-columns:repeat(4,1fr)}}.feature-grid-item{gap:var(--gap-sm);padding:var(--padding-xl)}.feature-grid-item:hover{border-color:color-mix(in srgb, var(--primary) 20%, var(--border-soft));box-shadow:var(--shadow-raised);transform:translateY(-2px)}.feature-grid-item--center{text-align:center;align-items:center}.feature-grid-icon{font-size:var(--text-h2);background:var(--gradient-brand);-webkit-text-fill-color:transparent;color:var(--primary);-webkit-background-clip:text;background-clip:text}.feature-grid-icon img{-o-object-fit:contain;object-fit:contain;width:4rem;height:4rem}.feature-grid-icon--box{border-radius:var(--radius-md);background:color-mix(in srgb, var(--primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--primary) 25%, transparent);width:2.75rem;height:2.75rem;color:var(--primary);font-size:inherit;-webkit-text-fill-color:currentColor;-webkit-background-clip:border-box;background-clip:border-box;justify-content:center;align-items:center;display:inline-flex}.feature-grid-title{font-size:var(--text-h3);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--titles);margin:0}.feature-grid-description{font-size:var(--text-body);color:var(--muted);line-height:var(--leading-relaxed);margin:0}.tag-list{gap:var(--gap-sm);margin:0 0 var(--margin-lg);flex-wrap:wrap;padding:0;list-style:none;display:flex}.tag-list--center{justify-content:center}.tag-list--start{justify-content:flex-start}.tag-list__tag{font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--primary);background:color-mix(in srgb, var(--primary) 14%, transparent);border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);border-radius:var(--radius-full);padding:var(--padding-xs) var(--padding-sm)}.criteria-cards{gap:var(--gap-md);grid-template-columns:1fr;max-width:56rem;margin-inline:auto;display:grid}@media (min-width:768px){.criteria-cards{grid-template-columns:1fr 1fr}}.criteria-card{border-top:2px solid var(--border);padding:var(--padding-xl)}.criteria-card--include{border-top-color:var(--primary)}.criteria-card__eyebrow{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--muted);margin:0 0 var(--margin-md)}.criteria-card--include .criteria-card__eyebrow{color:var(--primary)}.criteria-card__list{gap:var(--gap-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.criteria-card__item{gap:var(--gap-sm);font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--text);align-items:flex-start;display:flex}.criteria-card__item svg{color:var(--muted);flex:none;margin-top:.2em}.criteria-card--include .criteria-card__item svg{color:var(--primary)}.criteria-card--exclude .criteria-card__item svg{color:var(--error)}.criteria-card--exclude .criteria-card__item{color:var(--muted)}.rank-ladder{gap:var(--gap-sm);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));margin:0;padding:0;list-style:none;display:grid}.rank-ladder__tile{text-align:center;align-items:center;gap:var(--gap-2xs);padding:var(--padding-lg) var(--padding-md);flex-direction:column;display:flex}.rank-ladder__medal{width:3.25rem;height:3.25rem;margin-bottom:var(--gap-sm);clip-path:var(--shape-octagon);background:color-mix(in srgb, var(--primary) 30%, transparent);color:var(--primary);justify-content:center;align-items:center;display:flex;position:relative}.rank-ladder__medal:before{content:"";clip-path:var(--shape-octagon);background:radial-gradient(circle at 50% 34%, var(--surface-overlay), var(--bg) 72%);position:absolute;inset:1px}.rank-ladder__medal svg{z-index:1;width:1.75rem;height:1.75rem;position:relative}.rank-ladder__medal .achievement-symbol__fill-body,.rank-ladder__medal .achievement-symbol__fill-accent{fill:var(--primary)}.rank-ladder__name{font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles)}.rank-ladder__band{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--muted)}.rank-ladder__desc{margin:var(--gap-2xs) 0 0;font-size:var(--text-small);line-height:var(--leading-relaxed);color:var(--muted)}.rank-ladder__tile--active{border-color:color-mix(in srgb, var(--primary) 42%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--primary) 12%, transparent), var(--surface-raised) 62%);box-shadow:0 0 30px -14px color-mix(in srgb, var(--primary) 70%, transparent)}.rank-ladder__tile--active .rank-ladder__medal{background:var(--primary);width:3.75rem;height:3.75rem;filter:drop-shadow(0 0 .75rem color-mix(in srgb, var(--primary) 55%, transparent))}.rank-ladder__tile--active .rank-ladder__medal:before{inset:2px}.rank-ladder__tile--active .rank-ladder__band{color:var(--primary)}.rank-ladder--compact{max-width:var(--width-5xl);grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));justify-content:center;margin-inline:auto}.rank-ladder--compact .rank-ladder__tile{padding:var(--padding-md) var(--padding-sm)}.rank-ladder--compact .rank-ladder__medal{width:2.875rem;height:2.875rem}.rank-ladder--compact .rank-ladder__medal svg{width:1.5rem;height:1.5rem}.rank-ladder--compact .rank-ladder__name{font-size:var(--text-body-sm)}.rank-ladder-xp{gap:var(--gap-sm);margin-top:var(--gap-lg);flex-wrap:wrap;justify-content:center;display:flex}.rank-ladder-xp__pill{font-family:var(--font-mono);font-size:var(--text-small);color:var(--text);background-color:var(--surface-raised);border:1px solid var(--border-soft);padding:var(--gap-xs) var(--gap-md);border-radius:var(--radius-full)}.rank-ladder-xp__pill b{color:var(--primary);font-weight:var(--font-bold)}.badge-showcase{gap:var(--gap-lg);flex-direction:column;display:flex}.badge-showcase__xp{gap:var(--gap-lg) var(--gap-md);padding:var(--padding-lg);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.badge-showcase__xp{grid-template-columns:repeat(4,1fr)}}.badge-showcase__xp-row{text-align:center;align-items:center;gap:var(--gap-2xs);flex-direction:column;display:flex}.badge-showcase__xp-value{font-family:var(--font-mono);font-size:var(--text-h5);font-weight:var(--font-extrabold);line-height:var(--leading-none);color:var(--primary)}.badge-showcase__xp-label{font-size:var(--text-small);color:var(--muted)}.badge-showcase__head{justify-content:space-between;align-items:baseline;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.badge-showcase__heading{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--titles);margin:0}.badge-showcase__note{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted);margin:0}.badge-showcase__grid{justify-content:center;gap:var(--gap-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.badge-showcase__item{text-align:center;align-items:center;gap:var(--gap-xs);padding:var(--padding-md) var(--padding-sm);flex-direction:column;flex:0 8rem;display:flex}.badge-showcase__medal{border-radius:var(--radius-full);background:radial-gradient(circle at 50% 34%, var(--surface-overlay), var(--bg) 72%);border:2px solid color-mix(in srgb, var(--primary) 45%, transparent);width:3rem;height:3rem;color:var(--primary);justify-content:center;align-items:center;display:flex}.badge-showcase__medal svg{width:1.6rem;height:1.6rem}.badge-showcase__medal .achievement-symbol__fill-body,.badge-showcase__medal .achievement-symbol__fill-accent{fill:var(--primary)}.badge-showcase__label{font-size:var(--text-small);font-weight:var(--font-bold);line-height:var(--leading-snug);color:var(--titles)}.badge-showcase__footer{justify-content:center;display:flex}.comparison{margin-top:var(--margin-xl);border:1px solid var(--border-soft);border-radius:var(--radius-lg);overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%}.comparison-header{padding:var(--padding-md) var(--padding-lg);text-align:left;font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--titles);background:var(--surface-raised);border-bottom:1px solid var(--border-soft)}.comparison-row{border-bottom:1px solid var(--border-soft)}.comparison-row:last-child{border-bottom:none}.comparison-feature{padding:var(--padding-md) var(--padding-lg);font-size:var(--text-body);color:var(--titles);font-weight:var(--font-medium)}.comparison-value{padding:var(--padding-md) var(--padding-lg);text-align:left;font-size:var(--text-body);color:var(--muted)}.comparison-row:hover{background:var(--surface-raised)}.comparison-mark--yes{color:var(--primary);font-weight:var(--font-bold)}.comparison-mark--no{color:var(--muted)}.content-split:has(.avnir-sphere-container){overflow:visible}:is(.content-split:has(.avnir-sphere-container) .content-split-media,.content-split:has(.avnir-sphere-container) .content-split-image){box-shadow:none;border:none;border-radius:0;overflow:visible}.avnir-sphere-container{perspective:1000px;justify-content:center;align-items:center;width:100%;min-height:31.25rem;padding:3.125rem;display:flex;position:relative;overflow:visible!important}.gradient-avnir{aspect-ratio:1;filter:blur(3.125rem)brightness(1.25);mix-blend-mode:screen;z-index:2;background:conic-gradient(#ff2d55,#ff9d00,#2fad66,#5cb9f2,#9802eb,#ff2d55);border-radius:50%;width:15rem;height:15rem;animation:15s linear infinite avnir-spin;position:relative}@keyframes avnir-spin{0%{transform:rotate(0)scale(1.02)}to{transform:rotate(360deg)scale(1.02)}}.orbiter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.carrier{position:absolute}.orbiter--avnir .carrier{animation:30s linear infinite orbit-horizontal}.orbiter--jacque .carrier{animation:30s linear -15s infinite orbit-horizontal}.planet{border-radius:var(--radius-md);width:4rem;height:4rem;box-shadow:var(--shadow-lg);justify-content:center;align-items:center;display:flex}.orbiter--avnir .planet{animation:30s linear infinite orbit-depth}.orbiter--jacque .planet{animation:30s linear -15s infinite orbit-depth}.planet-img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.planet--avnir,.planet--jacque{background:var(--bg)}@keyframes orbit-horizontal{0%{transform:translate(11rem)translateY(0)}25%{transform:translate(0)translateY(-3rem)}50%{transform:translate(-11rem)translateY(0)}75%{transform:translate(0)translateY(3rem)}to{transform:translate(11rem)translateY(0)}}@keyframes orbit-depth{0%{z-index:3;transform:scale(1.3)}25%{z-index:2;transform:scale(.9)}50%{z-index:1;transform:scale(.7)}75%{z-index:2;transform:scale(.9)}to{z-index:3;transform:scale(1.3)}}@media (max-width:48rem){.avnir-sphere-container{min-height:30rem;padding:var(--padding-2xl) var(--padding-lg);padding-top:4rem;padding-bottom:4rem}.gradient-avnir{filter:blur(2.5rem)brightness(1.25)}@keyframes orbit-horizontal{0%{transform:translate(7rem)translateY(0)}25%{transform:translate(0)translateY(-2rem)}50%{transform:translate(-7rem)translateY(0)}75%{transform:translate(0)translateY(2rem)}to{transform:translate(7rem)translateY(0)}}.sphere-logo{width:4rem;height:4rem}.sphere-logo-text{font-size:var(--text-h3)}}.overline{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--primary);margin:0 0 var(--gap-md)}.overline--muted{color:var(--muted)}.theme-program-card{flex-flow:wrap;padding:0;display:flex;overflow:hidden}.theme-program-card__media{flex:16rem;min-width:min(100%,16rem);min-height:12.5rem;position:relative}.theme-program-card__media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.theme-program-card__scrim{background:linear-gradient(120deg, color-mix(in srgb, var(--surface-raised) 20%, transparent), color-mix(in srgb, var(--surface-raised) 85%, transparent));position:absolute;inset:0}.theme-program-card__caption{left:var(--padding-lg);bottom:var(--padding-md);position:absolute}.theme-program-card__index{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wider);color:var(--primary);margin:0 0 var(--gap-2xs)}.theme-program-card__name{font-size:var(--text-h3);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--titles)}.theme-program-card__body{min-width:min(100%,20rem);padding:var(--padding-lg);flex:2 22rem}.theme-program-card__stats{gap:var(--gap-lg);margin-bottom:var(--gap-md);display:flex}.theme-program-card__stat{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted)}.theme-program-card__stat b{color:var(--primary);font-size:var(--text-body);font-weight:var(--font-bold)}.theme-program-card__desc{font-size:var(--text-body-sm);line-height:var(--leading-relaxed);color:var(--muted);margin:0 0 var(--gap-md)}.theme-program-card__chips{gap:var(--gap-xs);flex-wrap:wrap;display:flex}.theme-program-card__chip{font-size:var(--text-small);color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--primary) 25%, transparent);padding:var(--gap-2xs) var(--gap-sm);border-radius:var(--radius-sm)}.resource-groups{gap:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.resource-group{background-color:var(--surface-sunken);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--padding-lg);box-shadow:inset 0 1px 2px #00000059}.resource-group__label{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--primary);margin:0 0 var(--gap-md)}.resource-group__list{gap:var(--gap-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.resource-group__name{font-size:var(--text-body-sm);font-weight:var(--font-semibold);color:var(--titles)}.resource-group__desc{font-size:var(--text-small);color:var(--muted)}.brand-hero{isolation:isolate;border-radius:var(--radius-lg);justify-content:center;align-items:center;min-height:60vh;display:flex;position:relative;overflow:hidden}.brand-hero-bg{z-index:0;position:absolute;inset:0}.brand-hero-img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}.brand-hero-overlay{background:var(--bg);z-index:1;position:absolute;inset:0}.brand-hero-content{z-index:10;width:100%;max-width:var(--width-7xl);padding:3rem var(--padding-lg);text-align:center;margin:0 auto;position:relative}@media (min-width:768px){.brand-hero{min-height:70vh}.brand-hero-content{padding:4rem var(--padding-xl)}}@media (min-width:1024px){.brand-hero{min-height:80vh}.brand-hero-content{padding:5rem 3rem}}.price{align-items:baseline;gap:var(--gap-sm);color:var(--foreground);font-weight:600;display:inline-flex}.price-currency{color:var(--muted-foreground);margin-right:var(--margin-sm);font-size:.875em;font-weight:500}.price-amount{color:var(--foreground);font-size:1em;font-weight:700}.price-original{color:var(--muted-foreground);font-size:.875em;font-weight:400;text-decoration:line-through}.price--sm{font-size:var(--text-body-sm)}.price--md{font-size:var(--text-body)}.price--lg{font-size:var(--text-h3)}.price:has(.price-original) .price-amount{color:var(--destructive)}.price--sale,.price--sale .price-amount{color:var(--destructive)}.mini-cart{position:relative}.mini-cart-trigger{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border-soft);width:2.5rem;height:2.5rem;color:var(--foreground);transition:color var(--duration-150) var(--easing-standard), border-color var(--duration-150) var(--easing-standard), background var(--duration-150) var(--easing-standard);justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.mini-cart-trigger:hover{color:var(--primary);background:var(--surface-overlay);border-color:color-mix(in srgb, var(--primary) 30%, transparent)}.mini-cart-badge{min-width:1.1rem;height:1.1rem;font-size:var(--text-tiny);background-color:var(--primary);color:var(--bg);border-radius:var(--radius-full);padding:0 var(--padding-xs);justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-6px;right:-6px}.mini-cart-panel{top:calc(100% + var(--gap-sm));background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:20rem;box-shadow:var(--shadow-lg);z-index:50;position:absolute;right:0}.mini-cart-header{padding:var(--padding-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.mini-cart-title{font-size:var(--text-body-sm);color:var(--foreground);font-weight:600}.mini-cart-close{cursor:pointer;padding:var(--padding-xs);color:var(--muted-foreground);background:0 0;border:none;transition:color .2s}.mini-cart-close:hover{color:var(--foreground)}.mini-cart-items{max-height:20rem;padding:var(--padding-md);overflow-y:auto}.mini-cart-item{gap:var(--gap-md);padding-bottom:var(--padding-md);margin-bottom:var(--margin-md);border-bottom:1px solid var(--border);display:flex}.mini-cart-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.mini-cart-item-image{border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover;background-color:var(--muted);flex-shrink:0;width:3rem;height:3rem}.mini-cart-item-placeholder{border-radius:var(--radius-sm);background-color:var(--muted);width:3rem;height:3rem;color:var(--muted-foreground);flex-shrink:0;justify-content:center;align-items:center;display:flex}.mini-cart-item-content{flex:1;min-width:0}.mini-cart-item-name{font-size:var(--text-body-sm);color:var(--foreground);margin-bottom:var(--margin-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.mini-cart-item-variant{font-size:var(--text-tiny);color:var(--muted-foreground);margin-bottom:var(--margin-sm)}.mini-cart-item-footer{justify-content:space-between;align-items:center;display:flex}.mini-cart-quantity{align-items:center;gap:var(--gap-sm);display:flex}.mini-cart-quantity-btn{border:1px solid var(--border);border-radius:var(--radius-sm);width:1.5rem;height:1.5rem;color:var(--muted-foreground);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.mini-cart-quantity-btn:hover{border-color:var(--primary);color:var(--foreground)}.mini-cart-quantity-value{font-size:var(--text-body-sm);color:var(--foreground);text-align:center;min-width:2rem}.mini-cart-item-price{font-size:var(--text-body-sm);color:var(--foreground);font-weight:600}.mini-cart-item-remove{cursor:pointer;padding:var(--padding-xs);color:var(--destructive);background:0 0;border:none;transition:opacity .2s}.mini-cart-item-remove:hover{opacity:.8}.mini-cart-empty{padding:var(--padding-section-sm) var(--padding-xl);text-align:center}.mini-cart-empty-icon{width:4rem;height:4rem;margin:0 auto var(--margin-md);color:var(--muted-foreground)}.mini-cart-empty-text{font-size:var(--text-body-sm);color:var(--muted-foreground)}.mini-cart-footer{padding:var(--padding-md);border-top:1px solid var(--border)}.mini-cart-total{margin-bottom:var(--margin-md);justify-content:space-between;align-items:center;display:flex}.mini-cart-total-label{font-size:var(--text-body-sm);color:var(--foreground);font-weight:500}.mini-cart-total-amount{font-size:var(--text-h5);color:var(--foreground);font-weight:700}.cart-view{max-width:1100px;padding:2.5rem var(--padding-lg) 4rem;margin:0 auto}.cart-view-header{justify-content:space-between;align-items:baseline;gap:var(--gap-md);margin:0 0 var(--margin-md);display:flex}.cart-view-title{font-size:var(--text-stat-sm);margin:0}.cart-view-count{color:var(--muted);font-weight:400}.cart-view-empty{padding:var(--padding-xl) 0;color:var(--muted);flex-direction:column;align-items:flex-start;gap:1.25rem;display:flex}.cart-view-layout{gap:var(--gap-xl);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}@media (max-width:860px){.cart-view-layout{grid-template-columns:1fr}}.cart-view-lines{gap:var(--gap-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cart-view-line{gap:var(--gap-md);padding:var(--padding-md);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:132px minmax(0,1fr);align-items:start;display:grid}.cart-view-thumb{-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-md);background:var(--bg);width:132px;height:132px}.cart-view-thumb--empty{display:block}.cart-view-body{flex-direction:column;gap:.75rem;min-width:0;display:flex}.cart-view-head{justify-content:space-between;gap:var(--gap-md);display:flex}.cart-view-brand{font-size:var(--text-tiny);color:var(--muted);display:block}.cart-view-name{color:var(--foreground);font-weight:600;text-decoration:none}.cart-view-name:hover{color:var(--primary)}.cart-view-variant{margin:var(--margin-sm) 0 0;font-size:var(--text-body-sm);color:var(--muted)}.cart-view-actions{flex-shrink:0;align-items:baseline;gap:.75rem;display:inline-flex}.cart-view-edit,.cart-view-remove{color:var(--muted);font-size:var(--text-body-sm);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;text-decoration:underline}.cart-view-edit:hover{color:var(--primary)}.cart-view-remove:hover{color:var(--destructive)}.cart-view-placements{gap:var(--gap-sm);flex-wrap:wrap;display:flex}.cart-view-placement{align-items:center;gap:var(--gap-sm);padding:var(--padding-xs) var(--padding-sm) var(--padding-xs) var(--padding-xs);border:1px solid var(--border);font-size:var(--text-tiny);color:var(--muted);border-radius:999px;display:inline-flex}.cart-view-placement-thumb{-o-object-fit:contain;object-fit:contain;background:var(--bg);border-radius:50%;width:1.5rem;height:1.5rem}.cart-view-breakdown{padding:var(--padding-sm) .65rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);flex-direction:column;gap:.3rem;margin:.1rem 0 0;list-style:none;display:flex}.cart-view-breakdown-row{justify-content:space-between;align-items:baseline;gap:var(--gap-md);font-size:var(--text-tiny);color:var(--muted);display:flex}.cart-view-breakdown-amount{font-variant-numeric:tabular-nums;white-space:nowrap}.cart-view-foot{justify-content:space-between;align-items:center;gap:var(--gap-md);margin-top:auto;display:flex}.cart-view-qty{padding:var(--padding-xs) var(--padding-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);align-items:center;gap:.6rem;display:inline-flex}.cart-view-qty-btn{background:var(--surface);width:1.8rem;height:1.8rem;color:var(--foreground);font-size:var(--text-body);cursor:pointer;border:none;border-radius:8px;line-height:1}.cart-view-qty-btn:hover:not(:disabled){color:var(--primary)}.cart-view-qty-btn:disabled{opacity:.35;cursor:not-allowed}.cart-view-qty-value{text-align:center;min-width:1.4rem;font-weight:600}.cart-view-prices{flex-direction:column;align-items:flex-end;display:flex}.cart-view-unit{font-size:var(--text-tiny);color:var(--muted)}.cart-view-total{font-size:var(--text-h5);font-weight:700}.cart-view-summary{padding:var(--padding-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;gap:.9rem;display:flex;position:sticky;top:96px}.cart-view-summary-title{font-size:var(--text-h5);margin:0}.cart-view-summary-row{font-size:var(--text-body);justify-content:space-between;font-weight:600;display:flex}.cart-view-summary-note{font-size:var(--text-tiny);color:var(--muted);margin:0}.variants-swatches{gap:var(--gap-md);flex-direction:column;display:flex}.variants-swatches-label{font-size:var(--text-body);color:var(--muted);font-weight:500}.variants-swatches-required{color:var(--destructive);margin-left:1px}.variants-swatches-value{color:var(--foreground);font-weight:700}.variants-swatches-group{gap:var(--gap-sm);flex-wrap:wrap;display:flex}.swatch{border-radius:var(--radius-sm);border:2px solid var(--border);cursor:pointer;width:2.5rem;height:2.5rem;transition:all .2s;position:relative}.swatch:hover{border-color:var(--primary);transform:scale(1.05)}.swatch--active{border-color:var(--primary);box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--primary)}.swatch--disabled{opacity:.3;cursor:not-allowed;position:relative}.swatch--disabled:after{content:"";background-color:var(--destructive);height:1px;position:absolute;top:50%;left:-10%;right:-10%;transform:rotate(-45deg)}.swatch--size{width:auto;min-width:2.5rem;height:2.5rem;padding:0 var(--padding-md);font-size:var(--text-body-sm);color:var(--foreground);background-color:var(--bg);justify-content:center;align-items:center;font-weight:500;display:flex}.swatch--size:hover{background-color:var(--accent)}.swatch--size.swatch--active{background-color:var(--primary);color:var(--bg)}.swatch--size.swatch--disabled{background-color:var(--muted);color:var(--muted-foreground)}.swatch--text{width:auto;min-width:4rem;height:2.5rem;padding:0 var(--padding-md);font-size:var(--text-body-sm);color:var(--foreground);background-color:var(--bg);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.swatch--text:hover{background-color:var(--accent)}.swatch--text.swatch--active{background-color:var(--primary);color:var(--bg);border-color:var(--primary)}.swatch--image{width:3rem;height:3rem;padding:0;overflow:hidden}.swatch--image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.media-gallery{gap:var(--gap-md);display:grid}.media-gallery-main{aspect-ratio:1;border-radius:var(--radius-lg);background-color:var(--muted);width:100%;position:relative;overflow:hidden}.media-gallery-main-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.media-gallery-main-image--zoomable{cursor:zoom-in}.media-gallery-nav{bottom:var(--gap-md);gap:var(--gap-sm);padding:var(--padding-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);background-color:#00000080;display:flex;position:absolute;left:50%;transform:translate(-50%)}.media-gallery-nav-btn{width:2rem;height:2rem;color:var(--foreground);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.media-gallery-nav-btn:hover{background-color:#ffffff1a}.media-gallery-thumbnails{gap:var(--gap-sm);grid-template-columns:repeat(auto-fill,minmax(4rem,1fr));display:grid}.media-gallery-thumbnail{aspect-ratio:1;border-radius:var(--radius-md);cursor:pointer;border:2px solid #0000;transition:all .2s;position:relative;overflow:hidden}.media-gallery-thumbnail:hover{border-color:var(--primary)}.media-gallery-thumbnail--active{border-color:var(--primary);box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--primary)}.media-gallery-thumbnail-image{-o-object-fit:cover;object-fit:cover;background-color:var(--muted);width:100%;height:100%}.media-gallery-thumbnail-placeholder{background-color:var(--muted);width:100%;height:100%;color:var(--muted-foreground);justify-content:center;align-items:center;display:flex}.media-gallery-zoom{top:var(--gap-md);right:var(--gap-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);width:2.5rem;height:2.5rem;color:var(--foreground);cursor:pointer;background-color:#00000080;border:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:absolute}.media-gallery-zoom:hover{background-color:#000000b3}.media-gallery-fullscreen{z-index:100;padding:var(--padding-xl);background-color:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.media-gallery-fullscreen-backdrop{cursor:zoom-out;position:absolute;inset:0}.media-gallery-fullscreen-image{z-index:1;-o-object-fit:contain;object-fit:contain;cursor:zoom-out;max-width:100%;max-height:100%;position:relative}.media-gallery-fullscreen-close,.media-gallery-fullscreen-nav,.media-gallery-fullscreen-counter{z-index:2}.media-gallery-fullscreen-close{top:var(--gap-md);right:var(--gap-md);border-radius:var(--radius-full);width:3rem;height:3rem;color:var(--foreground);cursor:pointer;background-color:#ffffff1a;border:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:absolute}.media-gallery-fullscreen-close:hover{background-color:#fff3}.media-gallery-fullscreen-nav{background-color:#ffffff1a;width:3rem;height:3rem;position:absolute;top:50%;transform:translateY(-50%)}.media-gallery-fullscreen-nav:hover{background-color:#fff3}.media-gallery-fullscreen-nav--prev{left:var(--gap-md)}.media-gallery-fullscreen-nav--next{right:var(--gap-md)}.media-gallery-fullscreen-counter{bottom:var(--gap-lg);padding:var(--padding-sm) var(--padding-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);color:var(--foreground);font-size:var(--text-body-sm);background-color:#00000080;position:absolute;left:50%;transform:translate(-50%)}.checkout-steps{padding:var(--padding-xl) 0;justify-content:space-between;align-items:center;display:flex}.checkout-step{align-items:center;gap:var(--gap-sm);flex-direction:column;flex:1;display:flex;position:relative}.checkout-step-indicator{border-radius:var(--radius-full);background-color:var(--muted);width:2.5rem;height:2.5rem;color:var(--muted-foreground);font-weight:600;font-size:var(--text-body-sm);z-index:2;justify-content:center;align-items:center;transition:all .2s;display:flex}.checkout-step--active .checkout-step-indicator{background-color:var(--primary);color:var(--bg)}.checkout-step--completed .checkout-step-indicator{background-color:var(--success);color:var(--bg)}.checkout-step-label{font-size:var(--text-body-sm);color:var(--muted-foreground);text-align:center;font-weight:500}.checkout-step--active .checkout-step-label,.checkout-step--completed .checkout-step-label{color:var(--foreground)}.checkout-step-connector{background-color:var(--border);z-index:1;height:2px;position:absolute;top:1.25rem;left:50%;right:-50%}.checkout-step:last-child .checkout-step-connector{display:none}.checkout-step--completed .checkout-step-connector{background-color:var(--success)}@media (max-width:768px){.checkout-steps{flex-direction:column;align-items:stretch}.checkout-step{padding:var(--padding-md) 0;flex-direction:row;justify-content:flex-start}.checkout-step-indicator{flex-shrink:0}.checkout-step-label{text-align:left;flex:1}.checkout-step-connector{width:2px;height:100%;inset:auto auto -50% 1.25rem}.checkout-step:last-child .checkout-step-connector{display:none}}.design-canvas{gap:var(--gap-md);flex-direction:column;display:flex}.design-canvas-toolbar{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.design-canvas-toolbar-spacer{flex:auto}.design-canvas-tool{align-items:center;gap:var(--gap-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--foreground);font-size:var(--text-body-sm);cursor:pointer;padding:.45rem .75rem;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.design-canvas-tool:hover{border-color:var(--primary)}.design-canvas-tool svg{width:1.05rem;height:1.05rem}.design-canvas-tool--danger{color:var(--destructive);border-color:color-mix(in srgb, var(--destructive) 40%, var(--border))}.design-canvas-file{display:none}.design-canvas-frame{background:repeating-conic-gradient(color-mix(in srgb, var(--muted) 8%, transparent) 0% 25%, transparent 0% 50%) 50% / 24px 24px;border:1px solid var(--border);border-radius:var(--radius-lg);touch-action:none;-webkit-user-select:none;user-select:none;background-color:#fff;width:100%;position:relative;overflow:hidden;container-type:size}.design-canvas-bg{-o-object-fit:contain;object-fit:contain;pointer-events:none;opacity:.9;width:100%;height:100%;position:absolute;inset:0}.design-canvas-safe{border:1px dashed color-mix(in srgb, var(--primary) 55%, transparent);border-radius:var(--radius-md);pointer-events:none;position:absolute;inset:8%}.design-canvas-layers{position:absolute;inset:0}.design-canvas-empty{text-align:center;max-width:60%;height:fit-content;color:var(--muted);font-size:var(--text-body-sm);pointer-events:none;margin:auto;line-height:1.5;position:absolute;inset:0}.design-canvas-layer{cursor:grab;touch-action:none;position:absolute;transform:translate(-50%,-50%)}.design-canvas-layer:active{cursor:grabbing}.design-canvas-layer--selected{outline:2px solid var(--primary);outline-offset:2px}.design-canvas-layer--overflow{outline:2px dashed var(--destructive);outline-offset:2px}.design-canvas-layer--overflow.design-canvas-layer--selected{outline-style:solid}.design-canvas-layer-img{pointer-events:none;width:100%;height:auto;display:block}.design-canvas-text{white-space:nowrap;pointer-events:none;line-height:1.1;display:block}.design-canvas-handle{background:var(--primary);touch-action:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 0 0 1px #00000026}.design-canvas-handle--tl{cursor:nwse-resize;top:-7px;left:-7px}.design-canvas-handle--tr{cursor:nesw-resize;top:-7px;right:-7px}.design-canvas-handle--bl{cursor:nesw-resize;bottom:-7px;left:-7px}.design-canvas-handle--br{cursor:nwse-resize;bottom:-7px;right:-7px}.design-canvas-rotstem{background:var(--primary);pointer-events:none;width:1px;height:22px;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.design-canvas-rotate{border:2px solid var(--primary);cursor:grab;touch-action:none;background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:-28px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #00000026}.design-canvas-rotate:active{cursor:grabbing}.design-canvas-badge{z-index:3;border-radius:var(--radius-md);font-size:var(--text-body-sm);color:#fff;pointer-events:none;flex-direction:column;gap:2px;padding:.4rem .55rem;line-height:1.3;display:flex;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 4px 12px #0003}.design-canvas-badge--warn{background:color-mix(in srgb, var(--warning) 92%, black)}.design-canvas-badge--poor{background:color-mix(in srgb, var(--destructive) 90%, black)}.design-canvas-guide{background:color-mix(in srgb, var(--primary) 70%, transparent);pointer-events:none;z-index:2;position:absolute}.design-canvas-guide--v{width:1px;top:0;bottom:0;left:50%;transform:translate(-50%)}.design-canvas-guide--h{height:1px;top:50%;left:0;right:0;transform:translateY(-50%)}.design-canvas-frame--bare{border:1px dashed color-mix(in srgb, var(--primary) 65%, transparent);background:0 0;border-radius:0}.design-canvas-frame--bare .design-canvas-safe{border-color:color-mix(in srgb, var(--primary) 45%, transparent)}.design-canvas-frame--bare .design-canvas-empty{color:var(--foreground)}.design-canvas-text-controls{align-items:center;gap:var(--gap-md);padding:var(--padding-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-wrap:wrap;display:flex}.design-canvas-text-input{padding:var(--padding-sm) .7rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--foreground);font-size:var(--text-body-sm);flex:200px}.design-canvas-color,.design-canvas-bold{align-items:center;gap:var(--gap-sm);font-size:var(--text-body-sm);color:var(--muted);display:inline-flex}.design-canvas-color input[type=color]{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background:0 0;width:2rem;height:2rem;padding:0}.design-canvas-error{color:var(--destructive);font-size:var(--text-body-sm);margin:0}.design-preview{border-radius:var(--radius-md,10px);background:var(--bg);width:100%;position:relative;overflow:hidden}.design-preview-garment{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.design-preview-art{-o-object-fit:contain;object-fit:contain;pointer-events:none;position:absolute}.creation-card .design-preview{border-radius:0}.design-preview-faces{gap:2px;width:100%;display:flex}.design-preview-faces .design-preview{flex:1 1 0;min-width:0}.studio{flex-direction:column;min-height:100vh;display:flex}.studio-topbar{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.studio-back{color:var(--foreground);font-size:.9rem;font-weight:500;text-decoration:none}.studio-topbar-title{color:var(--muted);font-size:.9rem}.studio-close{color:var(--muted);margin-left:auto;font-size:1.1rem;text-decoration:none}.studio-body{flex:auto;grid-template-columns:340px minmax(0,1fr);min-height:0;display:grid}@media (max-width:860px){.studio-body{grid-template-columns:1fr}}@media (min-width:861px){.studio{height:100vh;min-height:0;overflow:hidden}.studio-side,.studio-main{min-height:0;overflow-y:auto}}.studio-side{border-right:1px solid var(--border);flex-direction:column;gap:1.5rem;padding:1.25rem;display:flex;overflow-y:auto}.studio-side-title{color:var(--titles,var(--foreground));margin:0;font-size:1.05rem;font-weight:600;line-height:1.3}.studio-side-brand{color:var(--muted);margin:-1rem 0 0;font-size:.85rem}.studio-field{flex-direction:column;gap:.6rem;display:flex}.studio-support-lead{color:var(--muted);margin:-.2rem 0 0;font-size:.78rem;line-height:1.35}.studio-supports{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;max-height:300px;padding-right:.25rem;display:grid;overflow-y:auto}.studio-support{border:1px solid var(--border);border-radius:var(--radius-md,10px);background:var(--surface);color:var(--foreground);cursor:pointer;flex-direction:column;align-items:center;gap:.35rem;padding:.45rem;display:flex;position:relative}.studio-support:disabled{cursor:default}.studio-support--active,.studio-support--selected{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.studio-support-check{background:var(--primary);width:1.15rem;height:1.15rem;color:var(--on-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:.35rem;right:.35rem}.studio-gamme-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.2rem;padding-bottom:.6rem;display:flex}.studio-gtab{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.studio-gtab--active{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.studio-gtab-btn{color:var(--foreground);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;max-width:12rem;padding:.4rem .7rem;font-size:.85rem;display:inline-flex}.studio-gtab-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-gtab-remove{border:none;border-left:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;padding:.4rem .55rem;font-size:.75rem}.studio-gtab-remove:hover{color:var(--destructive)}.studio-gamme-summary{color:var(--muted);align-self:center;font-size:.85rem}.studio-support-thumb{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-sm,6px);background:var(--surface-muted,var(--surface));width:100%}.studio-support-thumb--empty{background:var(--border);display:block}.studio-support-name{-webkit-line-clamp:2;text-align:center;color:var(--muted);-webkit-box-orient:vertical;font-size:.72rem;line-height:1.2;display:-webkit-box;overflow:hidden}.studio-support-busy,.studio-support-hint{color:var(--muted);font-weight:400}.studio-support-hint{margin:.2rem 0 0;font-size:.78rem}.studio-field-label{color:var(--foreground);font-size:.85rem;font-weight:600}.studio-technique-families{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.studio-technique{border:1px solid var(--border);border-radius:var(--radius-md,10px);background:var(--surface);color:var(--foreground);cursor:pointer;padding:.7rem;font-weight:500}.studio-technique--active{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.studio-types{flex-direction:column;gap:.5rem;display:flex}.studio-type{border:1px solid var(--border);border-radius:var(--radius-md,10px);background:var(--surface);cursor:pointer;align-items:center;gap:.6rem;padding:.7rem .9rem;font-size:.9rem;display:flex}.studio-type--active{border-color:var(--primary)}.studio-swatches{flex-wrap:wrap;gap:.4rem;display:flex}.studio-swatch{border:1px solid var(--border);cursor:pointer;border-radius:50%;width:26px;height:26px;padding:0}.studio-swatch--active{outline:2px solid var(--primary);outline-offset:2px}.studio-sizes{flex-wrap:wrap;gap:.4rem;display:flex}.studio-size{border:1px solid var(--border);border-radius:var(--radius-md,10px);background:var(--surface);min-width:2.4rem;color:var(--foreground);cursor:pointer;padding:.45rem .6rem;font-size:.85rem}.studio-size--active{border-color:var(--primary);color:var(--primary)}.studio-size:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}.studio-main{flex-direction:column;gap:1rem;min-width:0;padding:1.25rem;display:flex}.studio-placements{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.studio-placement{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.9rem;font-weight:500;display:inline-flex}.studio-placement--active{color:var(--primary);border-bottom-color:var(--primary)}.studio-placement--disabled{opacity:.45;cursor:not-allowed}.studio-placement-dot{border-radius:50%;justify-content:center;align-items:center;width:1.1rem;height:1.1rem;font-size:.7rem;line-height:1;display:inline-flex}.studio-placement-dot--empty{border:1px solid var(--border);width:.5rem;height:.5rem}.studio-placement-dot--filled{background:color-mix(in srgb, var(--primary) 20%, transparent);color:var(--primary)}.studio-placement-dot--blocked{background:color-mix(in srgb, var(--destructive) 20%, transparent);color:var(--destructive)}.studio-placements-count{color:var(--muted);margin-left:auto;font-size:.78rem}.studio-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.studio-tool{border:1px solid var(--border);border-radius:var(--radius-md,10px);background:var(--surface);color:var(--foreground);cursor:pointer;padding:.5rem .9rem;font-size:.85rem;font-weight:500}.studio-tool:hover{border-color:var(--primary)}.studio-tool--danger{color:var(--destructive)}.studio-toolbar-spacer{flex:auto}.studio-bgtool{align-items:center;gap:.5rem;display:inline-flex}.studio-bgtool-tol{color:var(--muted);white-space:nowrap;align-items:center;gap:.4rem;font-size:.72rem;display:inline-flex}.studio-bgtool-tol input[type=range]{width:84px;accent-color:var(--primary);cursor:pointer}.studio-bgtool-tol input[type=range]:disabled{cursor:default;opacity:.5}@media (max-width:640px){.studio-main,.studio-side{padding:1rem .9rem}.studio-stage{padding:.5rem 0}.studio-toolbar{gap:.4rem}.studio-toolbar-spacer{display:none}.studio-tool{padding:.45rem .7rem;font-size:.8rem}.studio-bgtool{flex-wrap:wrap}}.studio-text-controls{border:1px solid var(--border);border-radius:var(--radius-md,10px);background:var(--surface);flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.studio-text-input{border:1px solid var(--border);border-radius:var(--radius-md,10px);background:var(--bg);color:var(--foreground);font:inherit;resize:vertical;flex:200px;min-height:2.4rem;padding:.5rem .7rem}.studio-text-field{color:var(--muted);align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.studio-text-select{border:1px solid var(--border);border-radius:var(--radius-md,10px);background:var(--bg);color:var(--foreground);font:inherit;cursor:pointer;padding:.4rem .55rem}.studio-text-align{gap:.25rem;display:inline-flex}.studio-align{border:1px solid var(--border);border-radius:var(--radius-md,10px);background:var(--bg);width:2rem;height:2rem;color:var(--foreground);cursor:pointer;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex}.studio-align--active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 16%, var(--bg))}.studio-color,.studio-bold{color:var(--muted);align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.studio-color input[type=color]{border:1px solid var(--border);border-radius:var(--radius-md,10px);cursor:pointer;background:0 0;width:2rem;height:2rem;padding:0}.studio-stage{flex:auto;justify-content:center;align-items:flex-start;padding:1rem;display:flex}.studio-garment{width:100%;max-width:620px;position:relative}.studio-garment-img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.studio-printzone{position:absolute}.studio-printzone .design-canvas-frame{width:100%;height:100%}.studio-empty{color:var(--muted);margin:3rem auto}.studio-fidelity{border-top:1px solid var(--border);flex-direction:column;gap:.15rem;padding:.6rem 1.25rem;font-size:.85rem;display:flex}.studio-fidelity--warn{color:var(--destructive);background:color-mix(in srgb, var(--destructive) 10%, var(--surface))}.studio-fidelity-cta{opacity:.9;font-weight:600}.studio-bottombar{border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.7rem;padding:.5rem 1rem;display:flex}.studio-price{font-size:1.15rem;font-weight:700}.studio-price-eyebrow{opacity:.6;text-transform:uppercase;letter-spacing:.06em;margin-right:.5rem;font-size:.72rem;font-weight:500}.studio-notice{color:var(--destructive);font-size:.85rem}.studio-validated{color:var(--primary);font-size:.85rem;font-weight:500}.studio-qty{border:1px solid var(--border);border-radius:var(--radius-md,10px);background:var(--bg);align-items:center;gap:.4rem;padding:.15rem .3rem;display:inline-flex}.studio-qty-btn{background:var(--surface);width:1.55rem;height:1.55rem;color:var(--foreground);cursor:pointer;border:none;border-radius:8px;font-size:1rem;line-height:1}.studio-qty-btn:hover:not(:disabled){color:var(--primary)}.studio-qty-btn:disabled{opacity:.35;cursor:not-allowed}.studio-qty-value{text-align:center;min-width:1.5rem;font-weight:600}.studio-cart-link{color:var(--primary);text-decoration:underline}.studio-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.studio-mockup-overlay{z-index:50;background:#0009;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.studio-mockup-panel{border:1px solid var(--border);border-radius:var(--radius-lg,14px);background:var(--bg);width:min(900px,100%);max-height:90vh;padding:1.25rem;overflow-y:auto}.studio-mockup-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.studio-mockup-head h2{margin:0;font-size:1.15rem}.studio-mockup-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.studio-mockup-img{border-radius:var(--radius-md,10px);background:var(--surface);width:100%}.asset-overlay{z-index:60;background:#000000b8;justify-content:center;align-items:center;padding:1.5rem;animation:.15s ease-out asset-fade;display:flex;position:fixed;inset:0}@keyframes asset-fade{0%{opacity:0}to{opacity:1}}.asset-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:min(920px,94vw);max-height:88vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #0000008c}.asset-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.asset-modal-title{color:var(--foreground);margin:0;font-size:1.15rem;font-weight:700}.asset-modal-sub{color:var(--muted);margin:.2rem 0 0;font-size:.88rem}.asset-modal-close{appearance:none;color:var(--muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;width:2rem;height:2rem;font-size:1rem;line-height:1;transition:color .12s,border-color .12s}.asset-modal-close:hover{color:var(--foreground);border-color:var(--border)}.asset-tabs{gap:.4rem;padding:.85rem 1.5rem 0;display:flex}.asset-tab{appearance:none;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;padding:.45rem .25rem;font-weight:600;display:inline-flex}.asset-tab--active{color:var(--foreground);border-bottom-color:var(--primary)}.asset-tab-count{background:var(--bg);border:1px solid var(--border);min-width:1.35rem;height:1.35rem;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0 .35rem;font-size:.72rem;font-weight:700;display:inline-flex}.asset-body{border-top:1px solid var(--border);flex:auto;min-height:340px;margin-top:.85rem;padding:1.25rem 1.5rem;overflow-y:auto}.asset-empty{text-align:center;color:var(--muted);margin:0;padding:2rem 1rem}.asset-empty-cta{flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 1rem;display:flex}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.asset-picker-tile{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;gap:.4rem;width:100%;padding:0;display:flex}.asset-picker-tile-thumb{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-md);background:repeating-conic-gradient(var(--bg) 0% 25%, var(--surface) 0% 50%) 50% / 16px 16px;width:100%;transition:border-color .12s,box-shadow .12s;display:block;overflow:hidden}.asset-picker-tile:hover .asset-picker-tile-thumb{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 35%, transparent)}.asset-picker-tile-thumb img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.asset-picker-tile-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.asset-picker-tile-wrap{position:relative}.asset-picker-tile-del{background:color-mix(in srgb, var(--bg) 78%, transparent);width:1.6rem;height:1.6rem;color:var(--foreground);cursor:pointer;opacity:0;border:none;border-radius:50%;place-items:center;padding:0;font-size:.8rem;line-height:1;transition:opacity .12s,background .12s,color .12s;display:grid;position:absolute;top:.35rem;right:.35rem}.asset-picker-tile-wrap:hover .asset-picker-tile-del,.asset-picker-tile-del:focus-visible{opacity:1}.asset-picker-tile-del:hover:not(:disabled){background:var(--destructive);color:var(--on-primary,#fff)}.asset-picker-tile-del:disabled{cursor:default;opacity:1}.asset-import{flex-direction:column;gap:.75rem;height:100%;display:flex}.asset-dropzone{border:2px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg);cursor:pointer;width:100%;min-height:280px;color:var(--foreground);flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:.5rem;transition:border-color .12s,background .12s;display:flex}.asset-dropzone:hover:not(:disabled),.asset-dropzone--over{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, var(--bg))}.asset-dropzone--over{border-style:solid}.asset-dropzone:disabled{cursor:default;opacity:.7}.asset-dropzone-icon{color:var(--primary);font-size:1.6rem}.asset-dropzone-title{font-weight:700}.asset-dropzone-hint{color:var(--muted);font-size:.85rem}.asset-error{color:var(--destructive);text-align:center;margin:0;font-size:.9rem}.asset-file{display:none}.asset-modal-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.asset-usage{flex-direction:column;flex:auto;gap:.4rem;min-width:0;max-width:60%;display:flex}.asset-usage-bar{background:var(--border);border-radius:999px;height:6px;position:relative;overflow:hidden}.asset-usage-fill{background:var(--primary);border-radius:999px;transition:width .2s;position:absolute;inset:0 auto 0 0}.asset-usage--full .asset-usage-fill{background:var(--destructive)}.asset-usage-text{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}@media (max-width:560px){.asset-modal-foot{flex-direction:column;align-items:stretch}.asset-usage{max-width:none}}.assets{border-radius:var(--radius-lg);outline-offset:-12px;outline:2px dashed #0000;max-width:1080px;margin:0 auto;padding:6rem 1.5rem 4rem;transition:outline-color .12s,background .12s}.assets--drag{outline-color:var(--primary);background:color-mix(in srgb, var(--primary) 5%, transparent)}.assets-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.25rem;display:flex}.assets-title{color:var(--titles);margin:0 0 .35rem}.assets-sub{color:var(--muted);margin:0}.assets-usage{margin:0 0 1.5rem}.assets-error{text-align:left;margin:0 0 1.5rem}.assets-empty{text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius-lg,14px);flex-direction:column;align-items:center;gap:1.25rem;padding:4rem 1.5rem;display:flex}.assets-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.asset-card{border:1px solid var(--border);border-radius:var(--radius-lg,14px);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.asset-card-thumb{aspect-ratio:1;background:repeating-conic-gradient(var(--bg) 0% 25%, var(--surface) 0% 50%) 50% / 18px 18px;border-bottom:1px solid var(--border);width:100%;display:block}.asset-card-thumb img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.asset-card-body{padding:.7rem .85rem .4rem}.asset-card-name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;font-weight:600;overflow:hidden}.asset-card-meta{color:var(--muted);margin:.15rem 0 0;font-size:.78rem}.asset-card-del{appearance:none;border-radius:var(--radius-md);color:var(--destructive);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;margin:.2rem .5rem .6rem;padding:.4rem .5rem;font-size:.82rem;font-weight:600;transition:background .12s,border-color .12s}.asset-card-del:hover:not(:disabled){border-color:var(--destructive);background:color-mix(in srgb, var(--destructive) 8%, transparent)}.asset-card-del:disabled{cursor:default;opacity:.6}.produits-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin:1.5rem 0 .5rem;display:flex}.produits-toolbar-count{color:var(--muted);font-size:.85rem}.catalog-sort{color:var(--muted);align-items:center;gap:.5rem;font-size:.85rem;display:inline-flex}.produits-sort-hint{color:var(--muted);opacity:.8;margin:0 0 .5rem;font-size:.78rem}.produits-layout{grid-template-columns:260px 1fr;align-items:start;gap:2rem;display:grid}@media (max-width:860px){.produits-layout{grid-template-columns:1fr}}.product-filters{border:1px solid var(--border-soft);background:var(--surface-sunken);border-radius:14px;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;position:sticky;top:96px}@media (max-width:860px){.product-filters{position:static}}.product-filters-header{justify-content:space-between;align-items:baseline;display:flex}.product-filters-title{margin:0;font-size:1.1rem}.product-filters-count{opacity:.6;font-size:.8rem}.catalog-search{flex:260px;max-width:420px}.produits-toolbar-end{align-items:center;gap:1rem;display:inline-flex}@media (max-width:640px){.produits-toolbar{flex-wrap:wrap}.catalog-search{max-width:none}}.product-filters-mobile-trigger{display:none}@media (max-width:860px){.product-filters--desktop{display:none}.product-filters-mobile-trigger{border:1px solid var(--border);border-radius:var(--radius-md,10px);background:var(--surface);width:100%;color:var(--foreground);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;font-weight:600;display:flex}.product-filters-mobile-count{color:var(--muted);font-size:.85rem;font-weight:400}}.product-filters-drawer{flex-direction:column;gap:1.25rem;display:flex}.product-filters-drawer-apply{width:100%;margin-top:.5rem}nav.product-breadcrumbs{justify-content:flex-start}nav.product-breadcrumbs [aria-current=page]{color:var(--primary)}.cart-continue{text-align:center;color:var(--muted);font-size:.9rem;text-decoration:none}.cart-continue:hover{color:var(--primary)}.cart-confirm-text{color:var(--muted);margin:0 0 1.25rem}.cart-confirm-actions{justify-content:flex-end;gap:.75rem;display:flex}.cart-page{padding-top:3.5rem}.creations{max-width:1080px;margin:0 auto;padding:6rem 1.5rem 4rem}.creations-head{margin-bottom:2rem}.creations-head h1{color:var(--titles);margin:0 0 .35rem}.creations-sub{color:var(--muted);margin:0}.creations-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.creation-card{gap:0;padding:0}.creation-thumb{aspect-ratio:1;background:var(--bg)}.creation-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.creation-thumb-empty{background:var(--bg);width:100%;height:100%}.creation-body{padding:.9rem 1rem .25rem}.creation-name{color:var(--titles);margin:0;font-size:.98rem}.creation-variant{color:var(--muted);margin:.2rem 0 0;font-size:.85rem}.creation-price{color:var(--foreground);margin:.5rem 0 0;font-weight:600}.creation-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:auto;padding:.9rem 1rem 1.1rem;display:flex}.creation-delete{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:.35rem .25rem;font-size:.82rem}.creation-delete:hover:not(:disabled){color:var(--destructive)}.creation-delete:disabled{opacity:.5;cursor:default}.creation-gamme{grid-column:1/-1}.creation-gamme-head{align-items:center;gap:1rem;padding:1rem 1rem .25rem;display:flex}.creation-gamme-fan{flex:none;width:96px;height:96px;position:relative}.creation-gamme-fan-item{border-radius:var(--radius-md,10px);border:2px solid var(--surface);background:var(--bg);width:64px;height:64px;box-shadow:var(--shadow-card);position:absolute;top:50%;left:50%;overflow:hidden}.creation-gamme-fan-item:first-child{transform:translate(-70%,-55%)rotate(-7deg)}.creation-gamme-fan-item:nth-child(2){transform:translate(-50%,-50%)rotate(0)}.creation-gamme-fan-item:nth-child(3){transform:translate(-30%,-45%)rotate(7deg)}.creation-gamme-fan-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.creation-gamme-info{min-width:0}.creation-gamme-badge{background:var(--primary);color:var(--on-primary);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;margin-bottom:.3rem;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.creation-gamme-info .creation-variant{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creation-gamme-members{border-top:1px solid var(--border);margin-top:.25rem;padding:.25rem 1rem 1.1rem}.creation-gamme-toggle:hover:not(:disabled){color:var(--foreground)}.checkout{max-width:1080px;margin:0 auto;padding:6rem 1.5rem 4rem}.checkout-title{color:var(--titles);margin:0 0 2rem}.checkout-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:2rem;display:grid}@media (max-width:900px){.checkout-layout{grid-template-columns:1fr}}.checkout-section-title{color:var(--titles);margin:0 0 1rem;font-size:1.05rem}.checkout-addresses{flex-direction:column;gap:.75rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.checkout-address{cursor:pointer;flex-direction:row;align-items:flex-start;gap:.75rem}.checkout-address-body{flex-direction:column;gap:.2rem;min-width:0;display:flex}.checkout-address-name{color:var(--foreground);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.checkout-address-badge{text-transform:uppercase;letter-spacing:.03em;color:var(--primary);border:1px solid var(--primary);border-radius:999px;padding:.05rem .45rem;font-size:.7rem}.checkout-address-lines{color:var(--muted);font-size:.88rem}.checkout-address-item{flex-direction:column;gap:.4rem;display:flex}.checkout-address-actions{flex-wrap:wrap;gap:.9rem;padding-left:.25rem;display:flex}.checkout-address-action{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.1rem 0;font-size:.82rem}.checkout-address-action:hover:not(:disabled){color:var(--foreground)}.checkout-address-action--danger:hover:not(:disabled){color:var(--destructive)}.checkout-address-action:disabled{opacity:.5;cursor:default}.checkout-form-title{color:var(--titles);margin:0;font-size:.98rem}.checkout-add-address{border:1px dashed var(--border);border-radius:var(--radius-md,10px);width:100%;color:var(--muted);cursor:pointer;background:0 0;padding:.85rem 1rem;font-size:.9rem}.checkout-add-address:hover{color:var(--primary);border-color:var(--primary)}.checkout-form{border:1px solid var(--border);border-radius:var(--radius-lg,14px);background:var(--surface);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.checkout-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:560px){.checkout-form-row{grid-template-columns:1fr}}.checkout-form-actions{justify-content:flex-end;gap:.75rem;display:flex}.checkout-summary{position:sticky;top:6rem}.checkout-items{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.checkout-item{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.checkout-item-media img,.checkout-item-media--empty{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md,8px);background:var(--bg);width:56px;height:70px;display:block}.checkout-item-body{flex-direction:column;gap:.1rem;min-width:0;display:flex}.checkout-item-name{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.checkout-item-variant{color:var(--muted);font-size:.8rem}.checkout-item-price{color:var(--foreground);font-size:.85rem}.checkout-totals{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:.5rem;margin:0;padding:1rem 0;display:flex}.checkout-totals>div{color:var(--muted);justify-content:space-between;font-size:.9rem;display:flex}.checkout-totals dt,.checkout-totals dd{margin:0}.checkout-total{font-weight:700;color:var(--foreground)!important;font-size:1.05rem!important}.checkout-error{color:var(--destructive);margin:0;font-size:.85rem}.checkout-hint,.checkout-note{color:var(--muted);margin:0;font-size:.8rem}.order-confirm{text-align:center;max-width:620px;margin:0 auto}.order-confirm-badge{background:var(--primary);width:64px;height:64px;color:var(--on-primary);border-radius:999px;place-items:center;margin:0 auto 1rem;font-size:2rem;display:grid}.order-confirm-title{color:var(--titles);margin:0 0 .4rem}.order-confirm-sub{color:var(--muted);margin:0 0 1.75rem}.order-lines{text-align:left;gap:0;margin:0 0 1rem;padding:0;list-style:none}.order-line{align-items:center;gap:.9rem;padding:.85rem 1rem;display:flex}.order-line+.order-line{border-top:1px solid var(--border)}.order-line-thumb{border-radius:var(--radius-md,10px);background:var(--bg);flex:none;width:44px;height:44px;overflow:hidden}.order-line-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.order-line-body{flex-direction:column;flex:1;min-width:0;display:flex}.order-line-name{color:var(--foreground);font-weight:600}.order-line-meta{color:var(--muted);font-size:.85rem}.order-line-price{color:var(--foreground);font-weight:600}.order-confirm-total{color:var(--foreground);justify-content:space-between;align-items:baseline;padding:.5rem .25rem 1.5rem;font-size:1.1rem;display:flex}.order-confirm-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.orders-list{flex-direction:column;gap:.75rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.order-row{flex-direction:row;align-items:center;gap:1rem;text-decoration:none;transition:border-color .15s}.order-row:hover{border-color:var(--primary)}.order-row-main{flex-direction:column;flex:1;min-width:0;display:flex}.order-row-number{color:var(--titles);font-weight:600}.order-row-date{color:var(--muted);font-size:.85rem}.order-row-status{flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.order-badge{text-transform:uppercase;letter-spacing:.02em;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:600}.order-badge--paid{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.order-badge--failed{color:var(--destructive);border-color:var(--destructive)}.order-row-fulfil{color:var(--muted);font-size:.8rem}.order-row-total{color:var(--foreground);white-space:nowrap;font-weight:600}@media (max-width:560px){.order-row{flex-wrap:wrap}.order-row-status{align-items:flex-start}}.admin-curation{max-width:980px;margin:0 auto;padding:2.5rem 1.5rem}.admin-curation__title{margin-bottom:.25rem}.admin-curation__intro{color:var(--muted);margin-top:0}.admin-curation__note{color:var(--muted);font-size:.82rem}.admin-curation__table{border-collapse:collapse;width:100%;margin-top:var(--gap-md)}.admin-curation__table th,.admin-curation__table td{vertical-align:top;text-align:left;padding:.5rem .6rem}.admin-curation__table thead th{color:var(--muted);font-size:.82rem;font-weight:500}.admin-curation__row{border-top:1px solid var(--border)}.admin-curation__meta{color:var(--muted);margin-top:.15rem;font-size:.82rem}.admin-curation__form{gap:.5rem;display:grid}.admin-curation__form .btn{justify-self:start}.admin-curation__check{align-items:center;gap:.4rem;display:flex}.admin-curation__markup{width:88px;padding:.2rem .4rem}.admin-curation__zones{border:1px solid var(--border);border-radius:var(--radius-md);padding:.4rem .6rem}.admin-curation__zones legend{color:var(--muted);font-size:.8rem}.admin-curation__zone{gap:.3rem;margin-right:.8rem;display:inline-flex}.admin-curation__margin{color:var(--success)}.facet-filters{flex-direction:column;gap:1.25rem;display:flex}.facet-filters-active{gap:var(--gap-sm);flex-wrap:wrap;align-items:center;display:flex}.facet-filters-chip{align-items:center;gap:.35rem;display:inline-flex}.facet-filters-chip-remove{color:inherit;cursor:pointer;font-size:var(--text-body);background:0 0;border:none;padding:0;line-height:1}.facet-filters-group{border:none;border-top:1px solid var(--border);padding:var(--padding-md) 0 0;margin:0}.facet-filters-group:first-of-type{border-top:none;padding-top:0}.facet-filters-group-title{font-size:var(--text-body-sm);opacity:.8;margin-bottom:.6rem;padding:0;font-weight:600}.facet-filters-options{gap:var(--gap-sm);flex-direction:column;display:flex}.facet-filters-option{font-size:var(--text-body-sm)}.faceted-search{gap:var(--gap-xl);flex-direction:column;display:flex}.faceted-search-header{padding-bottom:var(--padding-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.faceted-search-title{font-size:var(--text-body);color:var(--foreground);font-weight:600}.faceted-search-clear{font-size:var(--text-body-sm);color:var(--primary);cursor:pointer;background:0 0;border:none;text-decoration:underline}.faceted-search-clear:hover{opacity:.8}.faceted-search-facet{gap:var(--gap-md);flex-direction:column;display:flex}.faceted-search-facet-title{font-size:var(--text-body-sm);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:600}.faceted-search-facet-options{gap:var(--gap-sm);flex-direction:column;display:flex}.faceted-search-option{align-items:center;gap:var(--gap-sm);cursor:pointer;display:flex}.faceted-search-option-checkbox{flex-shrink:0}.faceted-search-option-label{font-size:var(--text-body-sm);color:var(--foreground);cursor:pointer;flex:1}.faceted-search-option-count{font-size:var(--text-tiny);color:var(--muted-foreground)}.faceted-search-range{gap:var(--gap-md);flex-direction:column;display:flex}.faceted-search-range-slider{background-color:var(--muted);border-radius:var(--radius-full);width:100%;height:4px;position:relative}.faceted-search-range-track{background-color:var(--primary);border-radius:var(--radius-full);height:100%;position:absolute}.faceted-search-range-values{justify-content:space-between;align-items:center;gap:var(--gap-sm);display:flex}.faceted-search-range-input{padding:var(--padding-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg);color:var(--foreground);font-size:var(--text-body-sm);text-align:center;flex:1}.faceted-search-active{gap:var(--gap-sm);padding:var(--padding-md);background-color:var(--muted);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.faceted-search-active-filter{align-items:center;gap:var(--gap-xs);padding:var(--padding-xs) var(--padding-sm);background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-tiny);color:var(--foreground);display:inline-flex}.faceted-search-active-filter-remove{cursor:pointer;color:var(--muted-foreground);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.faceted-search-active-filter-remove:hover{color:var(--destructive)}.mega-menu{position:relative}.mega-menu-trigger{align-items:center;gap:var(--gap-xs);color:var(--titles);cursor:pointer;font-size:var(--text-body);font-weight:var(--font-semibold);transition:color var(--transition-all);background:0 0;border:none;padding:0;text-decoration:none;display:flex}.mega-menu-trigger:hover,.mega-menu-trigger--active{color:var(--primary)}.mega-menu-panel{width:100%;margin-top:var(--margin-sm);background-color:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xl);z-index:50;padding:var(--padding-md) 5%;position:fixed;top:4rem;left:0;right:0}.mega-menu-content{gap:var(--gap-md);grid-template-columns:2fr 1fr;display:grid}.mega-menu-sections{gap:var(--gap-md);grid-template-columns:repeat(2,1fr);display:grid}.mega-menu-section{gap:var(--gap-md);flex-direction:column;display:flex}.mega-menu-section-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--primary)}.mega-menu-links{gap:var(--gap-sm);flex-direction:column;display:flex}.mega-menu-link{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-small);transition:all var(--transition-all);text-decoration:none;display:flex}.mega-menu-link:hover{color:var(--primary);background-color:#0000}.mega-menu-link:hover .mega-menu-link-title{color:var(--primary)}.mega-menu-link-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.mega-menu-link-content{flex:1}.mega-menu-link-title{font-weight:var(--font-medium);color:var(--titles)}.mega-menu-link-description{font-size:var(--text-tiny);color:var(--muted);line-height:var(--leading-tight)}.mega-menu-featured{gap:var(--gap-md);padding:var(--padding-md);background-color:var(--bg);border-radius:var(--radius-md);border:1px solid var(--border);flex-direction:column;display:flex}.mega-menu-featured-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--primary)}.mega-menu-featured-items{gap:var(--gap-sm);flex-direction:column;display:flex}.mega-menu-featured-item{gap:var(--gap-sm);padding:var(--padding-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-all);text-decoration:none;display:flex}.mega-menu-featured-item:hover{background-color:var(--surface)}.mega-menu-featured-image{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:80px;height:60px}.mega-menu-featured-content{flex:1;min-width:0}.mega-menu-featured-item-title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm);line-height:var(--leading-tight)}.mega-menu-featured-item-description{font-size:var(--text-tiny);color:var(--muted);line-height:var(--leading-tight);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:1024px){.mega-menu{display:none!important}}.product-card{background:var(--surface);border-radius:var(--radius-md);transition:var(--transition-transform);border:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card-title-link{color:inherit;outline:none;text-decoration:none}.product-card-title-link:after{content:"";position:absolute;inset:0}.product-card-title-link:focus-visible .product-card-title{outline:var(--border-width-thick) var(--border-style) var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card-image-wrapper{aspect-ratio:1;background:var(--surface);position:relative;overflow:hidden}.product-card-image-wrapper--widescreen{aspect-ratio:16/9}.product-card-skeleton-image{border-radius:0}.product-card-skeleton .product-card-content{gap:var(--gap-sm);flex-direction:column;display:flex}.product-card-badge{top:var(--gap-sm);right:var(--gap-sm);padding:var(--padding-xs) var(--padding-sm);background:var(--primary);color:var(--bg);font-size:var(--text-small);font-weight:var(--font-semibold);border-radius:var(--radius-xs);z-index:10;position:absolute}.product-card-overlay{top:var(--gap-sm);right:var(--gap-sm);z-index:10;position:absolute}.product-card-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:var(--transition-transform)}.product-card:hover .product-card-image{transform:scale(1.05)}.product-card-content{padding:var(--padding-md);gap:var(--gap-sm);flex-direction:column;display:flex}.product-card-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--titles);margin:0}.product-card-description{font-size:var(--text-body);color:var(--muted);margin:0;line-height:1.6}.product-card-pricing{align-items:center;gap:var(--gap-sm);display:flex}.product-card-price{font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--primary)}.product-card-original-price{font-size:var(--text-body);color:var(--muted);text-decoration:line-through}.product-card-button{width:100%;margin-top:var(--margin-sm)}.product-details{gap:var(--gap-xl);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}@media (max-width:900px){.product-details{grid-template-columns:1fr}}.product-details-media{position:sticky;top:96px}@media (max-width:900px){.product-details-media{position:static}}.product-details-media .media-gallery-main{border:1px solid var(--border);background:#fff}.product-details-media .media-gallery-main-image{-o-object-fit:contain;object-fit:contain;padding:var(--padding-md)}.product-details-panel{gap:var(--gap-lg);flex-direction:column;display:flex}.product-details-eyebrow{font-size:var(--text-body-sm);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.product-details-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--titles,var(--foreground));margin:0;line-height:1.2}.product-details-meta{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.product-details-meta .badge{padding:var(--padding-xs) .7rem;border:1px solid var(--border);color:var(--muted);font-size:var(--text-tiny);letter-spacing:.01em;background:0 0;border-radius:999px;align-items:center;font-weight:500;display:inline-flex}.product-details-options{gap:var(--gap-lg);flex-direction:column;display:flex}.product-details-buy{gap:var(--gap-md);padding:var(--padding-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.product-details-purchase{justify-content:space-between;align-items:center;gap:var(--gap-md);flex-wrap:wrap;display:flex}.product-details-delivery{font-size:var(--text-body-sm);color:var(--muted);text-align:right}.product-details-actions{gap:var(--gap-sm);flex-direction:column;display:flex}.product-details-actions button,.product-details-actions a{justify-content:center;width:100%}.product-details-footnote{font-size:var(--text-tiny);color:var(--muted);line-height:1.5}.product-specs{gap:var(--gap-xl);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (max-width:1000px){.product-specs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.product-specs{grid-template-columns:1fr}}.product-specs-group-header{align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-md);display:flex}.product-specs-group-icon{font-size:var(--text-h4);line-height:1}.product-specs-group-title{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles,var(--foreground));margin:0}.product-specs-list{gap:var(--gap-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.product-specs-item{font-size:var(--text-body-sm);color:var(--text,var(--foreground));line-height:1.5}.reviews{gap:var(--gap-xl);flex-direction:column;display:flex}.reviews-summary{align-items:center;gap:var(--gap-lg);padding:var(--padding-lg);background:var(--surface);border-radius:var(--radius-sm);display:flex}.reviews-average{align-items:center;gap:var(--gap-md);display:flex}.reviews-average-score{font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--titles)}.reviews-average-stars{gap:var(--gap-xs);display:flex}.reviews-total{font-size:var(--text-body);color:var(--muted)}.reviews-list{gap:var(--gap-lg);flex-direction:column;display:flex}.review-item{padding:var(--padding-lg);border:1px solid var(--border);border-radius:var(--radius-sm)}.review-header{margin-bottom:var(--margin-sm);justify-content:space-between;align-items:flex-start;display:flex}.review-author{align-items:center;gap:var(--gap-sm);display:flex}.review-author-name{font-weight:var(--font-semibold);color:var(--titles)}.review-verified{font-size:var(--text-small);color:var(--primary);padding:var(--padding-xs) var(--padding-sm);background:var(--surface);border-radius:var(--radius-xs)}.review-date{font-size:var(--text-small);color:var(--muted)}.review-rating{gap:var(--gap-xs);margin-bottom:var(--margin-sm);display:flex}.review-star{font-size:var(--text-h4);color:var(--muted)}.review-star--filled{color:var(--warning)}.review-comment{font-size:var(--text-body);color:var(--text);line-height:var(--leading-relaxed);margin:0}.wishlist-button{transition:var(--transition-transform);position:relative}.wishlist-button:hover{transform:scale(1.1)}.wishlist-button--active .wishlist-icon{animation:.3s ease-in-out heartbeat}.wishlist-icon{font-size:var(--text-h3);display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.size-guide{gap:var(--gap-lg);flex-direction:column;display:flex}.size-guide-empty{color:var(--muted);font-size:var(--text-body-sm)}.size-guide-units{padding:var(--padding-xs);align-self:flex-start;gap:var(--gap-xs);border:1px solid var(--border);background:var(--bg);border-radius:999px;display:inline-flex}.size-guide-unit{color:var(--muted);font-size:var(--text-body-sm);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.3rem .75rem;font-weight:600}.size-guide-unit--active{background:var(--surface);color:var(--foreground)}.size-guide-table-block{flex-direction:column;gap:.75rem;display:flex}.size-guide-caption{font-size:var(--text-body);margin:0;font-weight:700}.size-guide-image{border-radius:var(--radius-md);background:var(--surface);max-width:240px;height:auto}.size-guide-scroll{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.size-guide-table{border-collapse:collapse;width:100%;font-size:var(--text-body-sm);font-variant-numeric:tabular-nums}.size-guide-th,.size-guide-cell,.size-guide-row-label{text-align:center;white-space:nowrap;border-bottom:1px solid var(--border);padding:.55rem .75rem}.size-guide-th{color:var(--foreground);background:var(--surface);font-weight:700}.size-guide-row-label,.size-guide-th--corner{z-index:1;text-align:left;color:var(--foreground);background:var(--surface);font-weight:600;position:sticky;left:0}.size-guide-cell{color:var(--muted)}.size-guide-table tbody tr:last-child .size-guide-cell,.size-guide-table tbody tr:last-child .size-guide-row-label{border-bottom:none}.access-banner__action{margin-top:var(--margin-md);align-self:flex-start}.card--warning,.card--info,.card--success{gap:var(--gap-sm)}.card--warning .card__description,.card--info .card__description,.card--success .card__description{color:var(--text);font-size:var(--text-small);line-height:var(--leading-relaxed)}.activity-feed{gap:var(--gap-md);flex-direction:column;display:flex}.activity-item{gap:var(--gap-md);padding:var(--padding-md);border-radius:var(--radius-sm);transition:var(--transition-colors);display:flex}.activity-item:hover{background:var(--surface)}.activity-icon{background:var(--surface);border-radius:var(--radius-full);width:40px;height:40px;font-size:var(--text-h4);flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-content{gap:var(--gap-xs);flex-direction:column;flex:1;display:flex}.activity-text{font-size:var(--text-body);color:var(--text);line-height:var(--leading-relaxed)}.activity-user{font-weight:var(--font-semibold);color:var(--titles)}.activity-action{color:var(--text)}.activity-target{font-weight:var(--font-medium);color:var(--primary)}.activity-timestamp{font-size:var(--text-small);color:var(--muted)}.api-keys-container{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--padding-xl)}.api-keys-header{margin-bottom:var(--margin-lg);justify-content:space-between;align-items:center;display:flex}.api-keys-header-content h3{font-size:var(--text-h5);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:600}.api-keys-header-content p{font-size:var(--text-body-sm);color:var(--muted-foreground)}.api-keys-empty{text-align:center;padding:var(--padding-section-sm) 0}.api-keys-empty-icon{width:4rem;height:4rem;margin:0 auto var(--margin-md);color:var(--muted-foreground)}.api-keys-empty h4{font-size:var(--text-body);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:500}.api-keys-empty p{font-size:var(--text-body-sm);color:var(--muted-foreground);margin-bottom:var(--margin-md)}.api-keys-list{gap:var(--gap-md);flex-direction:column;display:flex}.api-key-item{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--padding-md)}.api-key-content{margin-bottom:var(--margin-md);justify-content:space-between;align-items:flex-start;display:flex}.api-key-info{flex:1;min-width:0}.api-key-header{align-items:center;gap:var(--gap-md);margin-bottom:var(--margin-sm);display:flex}.api-key-name{font-size:var(--text-body);color:var(--foreground);font-weight:500}.api-key-code-wrapper{align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-sm);display:flex}.api-key-code{font-family:monospace;font-size:var(--text-body-sm);background-color:var(--muted);color:var(--muted-foreground);padding:var(--padding-xs) var(--padding-sm);border-radius:var(--radius-sm)}.api-key-permissions{gap:var(--gap-xs);margin-bottom:var(--margin-sm);flex-wrap:wrap;display:flex}.api-key-meta{font-size:var(--text-tiny);color:var(--muted-foreground)}.api-key-actions{gap:var(--gap-sm);display:flex}.api-keys-form{gap:var(--gap-md);flex-direction:column;display:flex}.api-keys-form-field label{font-size:var(--text-body-sm);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:500;display:block}.api-keys-permissions-list{gap:var(--gap-sm);flex-direction:column;display:flex}.api-keys-permission-item{align-items:center;gap:var(--gap-sm);cursor:pointer;display:flex}.api-keys-permission-item input[type=checkbox]{border-radius:var(--radius-sm);border:1px solid var(--border);background-color:#0000}.api-keys-permission-item span{font-size:var(--text-body-sm);color:var(--foreground);text-transform:capitalize}.api-keys-form-actions{gap:var(--gap-md);padding-top:var(--padding-md);display:flex}.billing-history{overflow-x:auto}.billing-table{border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%}.billing-table-header{padding:var(--padding-md);text-align:left;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);background:var(--surface);border-bottom:1px solid var(--border)}.billing-table-row{border-bottom:1px solid var(--border);transition:var(--transition-colors)}.billing-table-row:hover{background:var(--surface)}.billing-table-row:last-child{border-bottom:none}.billing-table-cell{padding:var(--padding-md);font-size:var(--text-body);color:var(--text)}.billing-status{padding:var(--padding-xs) var(--padding-sm);font-size:var(--text-small);font-weight:var(--font-medium);border-radius:var(--radius-xs);text-transform:capitalize;display:inline-block}.billing-status--paid{background:var(--success);color:var(--bg)}.billing-status--pending{background:var(--warning);color:var(--bg)}.billing-status--failed{background:var(--destructive);color:var(--on-primary)}.chapter-card__content{padding:var(--padding-md)}.chapter-card__badge{margin-bottom:.75rem}.chapter-card__title{margin-bottom:var(--margin-sm);line-height:1.3}.chapter-card__description{margin-bottom:.75rem;line-height:1.6}.chapter-card__stats{gap:.75rem;margin-bottom:.75rem;display:flex}.chapter-card__stat{gap:var(--gap-xs);flex-direction:column;display:flex}.chapter-card__progress{margin-bottom:.75rem}.chapter-card__progress-header{margin-bottom:var(--margin-sm);justify-content:space-between;align-items:center;display:flex}.chapter-card__progress-footer{margin-top:var(--margin-sm)}.console-shell{background:var(--bg);min-height:100vh;display:flex}.console-shell--fill{height:100vh;overflow:hidden}.console-shell--fill .console-shell__main{min-height:0}.console-shell--fill .console-shell__content{flex-direction:column;min-height:0;display:flex;overflow:hidden}.console-shell__rail{gap:var(--gap-lg);width:248px;padding:var(--padding-lg) var(--padding-md) var(--padding-md);background:var(--surface);border-right:1px solid var(--border-soft);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.console-shell__rail-logo{padding:0 var(--padding-sm)}.console-shell__rail-bottom{gap:var(--gap-sm);flex-direction:column;margin-top:auto;display:flex}.console-shell__nav{flex-direction:column;gap:2px;display:flex}.console-shell__nav-item{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-sm);border-radius:var(--radius-md);color:var(--muted);font-size:var(--text-small);font-weight:var(--font-medium);transition:var(--transition-colors);border:1px solid #0000;text-decoration:none;display:flex}.console-shell__nav-item:hover{background:var(--surface-raised);color:var(--text)}.console-shell__nav-item--active{background:color-mix(in srgb, var(--primary) 12%, transparent);border-color:color-mix(in srgb, var(--primary) 24%, transparent);color:var(--primary)}.console-shell__nav-icon{flex-shrink:0;display:inline-flex}.console-shell__nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.console-shell__main{flex-direction:column;flex:1;min-width:0;display:flex}.console-shell__topbar{align-items:center;gap:var(--gap-md);padding:var(--padding-lg) var(--padding-xl);border-bottom:1px solid var(--border-soft);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:var(--z-drawer);display:flex;position:sticky;top:0}.console-shell__title{font-size:var(--text-h5);color:var(--titles);margin:0;font-weight:700}.console-shell__actions{align-items:center;gap:var(--gap-md);flex-shrink:0;display:flex}.console-shell__content{flex:1;min-width:0;overflow-x:clip}.console-shell__hamburger{border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-raised);width:2.25rem;height:2.25rem;color:var(--text);cursor:pointer;justify-content:center;align-items:center;display:none}.console-shell__rail-drawer{display:none}.console-shell__rail-drawer-scrim{opacity:0;transition:opacity var(--duration-200) var(--easing-standard);background:#00000080;position:fixed;inset:0}.console-shell__rail-drawer-panel{height:100vh;transition:transform var(--duration-200) var(--easing-standard);box-shadow:var(--shadow-raised);position:fixed;top:0;left:0;transform:translate(-100%)}.console-shell__rail-drawer--open .console-shell__rail-drawer-scrim{opacity:1}.console-shell__rail-drawer--open .console-shell__rail-drawer-panel{transform:translate(0)}@media (max-width:1024px){.console-shell>.console-shell__rail{display:none}.console-shell__rail-drawer{pointer-events:none;z-index:var(--z-modal);display:block}.console-shell__rail-drawer--open{pointer-events:auto}.console-shell__hamburger{display:inline-flex}}@media (max-width:640px){.console-shell__title{display:none}}@media (prefers-reduced-motion:reduce){.console-shell__rail-drawer-panel,.console-shell__rail-drawer-scrim{transition:none}}.chapter-list-item{padding:var(--padding-md);align-items:center;gap:var(--gap-md);display:flex}.chapter-list-item__number{border-radius:var(--radius-full);background-color:var(--primary);width:40px;height:40px;color:var(--on-primary);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.chapter-list-item__number--completed{background-color:var(--success);color:var(--on-primary)}.chapter-list-item__content{flex:1;min-width:0}.chapter-list-item__title{margin-bottom:var(--margin-sm);font-size:var(--text-body);font-weight:600}.chapter-list-item__duration{font-size:var(--text-small);color:var(--muted-foreground);margin:0}.dashboard-progress-card{flex-direction:column;height:100%;display:flex}.dashboard-progress-header{align-items:center;gap:var(--gap-md);margin-bottom:var(--margin-md);display:flex}.dashboard-progress-emoji{font-size:32px}.dashboard-progress-current,.dashboard-progress-bar-container{margin-bottom:var(--margin-md)}.dashboard-progress-bar-header{margin-bottom:var(--margin-sm);justify-content:space-between;align-items:center;display:flex}.dashboard-progress-bar-wrapper{background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.dashboard-progress-bar-fill{background-color:var(--primary);border-radius:var(--radius-full);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.dashboard-progress-cta{margin-top:auto}.dashboard-stats-grid{gap:var(--gap-lg);flex-direction:column;display:flex}.dashboard-stats-card{gap:var(--gap-sm);flex-direction:column;display:flex}.dashboard-stats-card__header{align-items:center;gap:var(--gap-sm);display:flex}.dashboard-stats-card__icon{font-size:var(--text-h3)}.dashboard-stats-card__value{font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--titles)}.dashboard-stats-card__label{font-size:var(--text-small);color:var(--muted)}.dashboard-theme-card-content{gap:var(--gap-lg);flex-direction:column;flex:1;display:flex}.dashboard-theme-badge{align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-sm);display:flex}.dashboard-theme-description{flex:1;line-height:1.6}.dashboard-theme-stats{gap:var(--gap-lg);padding-top:var(--padding-md);border-top:1px solid var(--border);display:flex}.dashboard-theme-stat{gap:var(--gap-xs);flex-direction:column;display:flex}.dashboard-theme-progress{gap:var(--gap-sm);flex-direction:column;display:flex}.dashboard-theme-progress-header{justify-content:space-between;align-items:center;display:flex}.lesson-header{margin-bottom:var(--margin-md);padding-bottom:var(--padding-lg);border-bottom:1px solid var(--border)}.lesson-breadcrumb{align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-md);flex-wrap:wrap;display:flex}.lesson-breadcrumb-link{transition:var(--transition-colors);text-decoration:none}.lesson-breadcrumb-link:hover{color:var(--primary)}.section-title{margin-bottom:var(--margin-md);align-items:center;gap:var(--gap-sm);display:flex}.section-title-icon{font-size:var(--text-h3);line-height:1}.concepts-grid ul{gap:var(--gap-md);flex-direction:column;padding:0;list-style:none;display:flex}.concepts-grid li{background-color:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius-sm);padding:var(--padding-lg);transition:var(--transition-all)}.concepts-grid li:hover{border-left-width:6px;transform:translate(2px)}.concepts-grid strong{color:var(--primary);font-size:var(--text-h4);font-weight:var(--font-bold);margin-bottom:var(--margin-sm);display:block}.concepts-grid li>:last-child{margin-bottom:0}.dynamic-row-card{padding:var(--padding-lg);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);justify-content:space-between;align-items:center;gap:var(--gap-md);color:inherit;text-decoration:none;display:flex}.dynamic-row-card--disabled{cursor:not-allowed;opacity:.6}.dynamic-row-card:hover:not(.dynamic-row-card--disabled){border-color:var(--primary)}.dynamic-row-card:focus-visible:not(.dynamic-row-card--disabled){outline:2px solid var(--primary);outline-offset:2px}.dynamic-row-card__content{align-items:center;gap:var(--gap-md);flex:1;display:flex}.dynamic-row-card__leading{flex-shrink:0}.dynamic-row-card__info{gap:var(--gap-xs);flex-direction:column;flex:1;display:flex}.dynamic-row-card__title-wrapper{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.dynamic-row-card__title{margin:0}.dynamic-row-card__badge{display:inline-flex}.dynamic-row-card__subtitle{font-size:var(--text-small);color:var(--muted)}.dynamic-row-card__trailing{color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dynamic-row-card--disabled .dynamic-row-card__trailing{color:var(--muted)}.setting-row__head{justify-content:space-between;align-items:flex-start;gap:var(--gap-md);min-width:0;display:flex}.setting-row__heading{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;min-width:0;display:flex}.setting-row__title{font-size:var(--text-h6);font-weight:var(--font-semibold);color:var(--titles);overflow-wrap:break-word;min-width:0;margin:0}.setting-row__action{flex-shrink:0}.setting-row__body{gap:var(--gap-sm);font-size:var(--text-small);color:var(--muted);overflow-wrap:break-word;flex-direction:column;min-width:0;display:flex}@media (max-width:560px){.setting-row__head{flex-direction:column;align-items:stretch}.setting-row__action{align-self:flex-start}}.stat-tile{gap:var(--gap-md);flex-direction:column;display:flex}.stat-tile__head{justify-content:space-between;align-items:center;gap:var(--gap-sm);display:flex}.stat-tile__label{color:var(--muted);font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.stat-tile__icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--primary) 12%, transparent);width:1.75rem;height:1.75rem;color:var(--primary);justify-content:center;align-items:center;display:inline-flex}.stat-tile__value{align-items:baseline;gap:var(--gap-xs);color:var(--titles);font-size:var(--text-stat-md);font-variant-numeric:tabular-nums;font-weight:800;line-height:1;display:flex}.stat-tile__suffix{color:var(--muted);font-size:var(--text-body);font-weight:600}.stat-tile__delta{font-size:var(--text-body);font-weight:600}.stat-tile__delta--up{color:var(--success)}.stat-tile__delta--down{color:var(--error)}.stat-tile__delta--muted{color:var(--muted)}.attention-list{flex-direction:column;display:flex}.attention-item{align-items:center;gap:var(--gap-md);width:100%;padding:var(--padding-md) var(--padding-sm);text-align:left;color:inherit;border-radius:var(--radius-md);transition:var(--transition-colors);text-decoration:none;display:flex}.attention-item+.attention-item{border-top:1px solid var(--border)}button.attention-item{appearance:none;font:inherit;cursor:pointer;background:0 0;border:none}.attention-item--link{cursor:pointer}.attention-item--link:hover{background:var(--surface)}.attention-item__dot{border-radius:var(--radius-full);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, currentColor 14%, transparent);flex:none}.attention-item__dot--critical{color:var(--error);background:var(--error)}.attention-item__dot--warning{color:var(--warning);background:var(--warning)}.attention-item__dot--info{color:var(--info,var(--primary));background:var(--info,var(--primary))}.attention-item__dot--success{color:var(--success);background:var(--success)}.attention-item__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.attention-item__title{color:var(--titles);font-size:var(--text-body);font-weight:var(--font-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attention-item__meta{color:var(--muted);font-size:var(--text-small)}.attention-item__time{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-tiny);font-variant-numeric:tabular-nums;flex:none}.attention-item__status{flex:none}.attention-item__chevron{color:var(--muted);transition:var(--transition-all);flex:none}.attention-item--link:hover .attention-item__chevron{color:var(--titles);transform:translate(2px)}.attention-list--empty{padding:var(--padding-lg);justify-content:center;align-items:center;display:flex}.attention-list__empty{color:var(--muted);font-size:var(--text-small)}.metric-breakdown{gap:var(--gap-lg);--mb-color:var(--primary);flex-direction:column;display:flex}.metric-breakdown__row{gap:var(--gap-sm);flex-direction:column;display:flex}.metric-breakdown__head{justify-content:space-between;align-items:center;gap:var(--gap-sm);display:flex}.metric-breakdown__label{align-items:center;gap:var(--gap-sm);min-width:0;color:var(--text);font-size:var(--text-small);text-overflow:ellipsis;white-space:nowrap;display:inline-flex;overflow:hidden}.metric-breakdown__dot{border-radius:var(--radius-sm);background:var(--mb-color);flex:none;width:8px;height:8px}.metric-breakdown__value{align-items:baseline;gap:var(--gap-sm);color:var(--muted);font-family:var(--font-mono);font-size:var(--text-small);font-variant-numeric:tabular-nums;flex:none;display:inline-flex}.metric-breakdown__hint{color:var(--faint,var(--muted));font-size:var(--text-tiny)}.metric-breakdown__track{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--titles) 6%, transparent);height:6px;overflow:hidden}.metric-breakdown__fill{border-radius:inherit;background:var(--mb-color);height:100%;transition:var(--transition-all)}.badge-chip{aspect-ratio:1;padding:var(--padding-sm);border-radius:var(--radius-full);border:2px solid var(--border-soft);background:radial-gradient(circle at 50% 34%, var(--surface-overlay), var(--bg) 72%);justify-content:center;align-items:center;display:flex}.badge-chip__icon{width:2.5rem;height:2.5rem;color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.badge-chip__icon svg{width:100%;height:100%}.badge-chip--earned{border-color:color-mix(in srgb, var(--primary) 45%, transparent)}.badge-chip--earned .badge-chip__icon{color:var(--primary)}.badge-chip--earned .achievement-symbol__fill-body,.badge-chip--earned .achievement-symbol__fill-accent{fill:var(--primary)}.badge-chip--in_progress{border-color:color-mix(in srgb, var(--primary) 18%, transparent)}.badge-chip--in_progress .achievement-symbol__fill-body,.badge-chip--in_progress .achievement-symbol__fill-accent{fill:color-mix(in srgb, var(--primary) 70%, var(--muted))}.badge-chip--locked{opacity:.5}.badge-chip--locked .badge-chip__icon{color:var(--muted);filter:grayscale()}.badge-chip--locked .achievement-symbol__fill-body,.badge-chip--locked .achievement-symbol__fill-accent{fill:var(--muted)}.callout-banner{justify-content:space-between;align-items:center;gap:var(--gap-lg);padding:var(--padding-lg);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, transparent), var(--surface-raised) 60%);color:inherit;transition:var(--transition-colors);text-decoration:none;display:flex}.callout-banner:hover{border-color:color-mix(in srgb, var(--primary) 45%, transparent)}.callout-banner__info{gap:var(--gap-2xs);flex-direction:column;display:flex}.callout-banner__eyebrow{font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);color:var(--primary)}.callout-banner__title{font-size:var(--text-h6);font-weight:var(--font-semibold);color:var(--titles)}.callout-banner__desc{font-size:var(--text-small);color:var(--muted)}.callout-banner__cta{align-items:center;gap:var(--gap-xs);flex-shrink:0;display:inline-flex}@media (max-width:640px){.callout-banner{flex-direction:column;align-items:flex-start}}.link-card-grid{gap:var(--gap-md);flex-direction:column;display:flex}.link-card-group{gap:var(--gap-sm);flex-direction:column;display:flex}.link-card-group__label{font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wider);color:var(--primary);margin:0}.link-card-group__items{gap:var(--gap-md);grid-template-columns:repeat(3,1fr);display:grid}.link-card-group--cols-2 .link-card-group__items{grid-template-columns:repeat(2,1fr)}.link-card-group--cols-4 .link-card-group__items{grid-template-columns:repeat(4,1fr)}.link-card{gap:var(--gap-xs);padding:var(--padding-md);border-radius:var(--radius-md);color:inherit;text-decoration:none}.link-card:hover{border-color:color-mix(in srgb, var(--primary) 40%, transparent)}.link-card__top{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.link-card__name{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.link-card__desc{font-size:var(--text-tiny);color:var(--muted)}@media (max-width:900px){.link-card-group:not(.link-card-group--cols-2) .link-card-group__items{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.link-card-group__items{grid-template-columns:1fr}}.rank-card{align-items:center;gap:var(--gap-lg);flex-direction:row;display:flex}.rank-card__medal{width:5.5rem;height:5.5rem;clip-path:var(--shape-octagon);background:color-mix(in srgb, var(--primary) 42%, transparent);color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.rank-card__medal:before{content:"";clip-path:var(--shape-octagon);background:radial-gradient(circle at 50% 34%, var(--surface-overlay), var(--bg) 72%);position:absolute;inset:1px}.rank-card__symbol{z-index:1;color:var(--primary);justify-content:center;align-items:center;display:flex;position:relative}.rank-card__symbol svg{width:3.75rem;height:3.75rem}.rank-card__symbol .achievement-symbol__fill-body,.rank-card__symbol .achievement-symbol__fill-accent{fill:var(--primary)}.rank-card__info{gap:var(--gap-xs);flex-direction:column;flex:1;min-width:0;display:flex}.rank-card__eyebrow{color:var(--muted);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0}.rank-card__name{color:var(--titles);font-size:var(--text-h5);margin:0;font-weight:800}.rank-card__xp{margin:var(--margin-sm) 0 0;color:var(--muted);font-size:var(--text-small);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.rank-card__xp b{color:var(--text)}.rank-card__next{color:var(--primary)}.rank-card--compact{gap:var(--gap-md);padding:var(--padding-sm);height:auto}.rank-card--compact .rank-card__medal{width:3rem;height:3rem}.rank-card--compact .rank-card__symbol svg{width:2rem;height:2rem}.rank-card--compact .rank-card__name{font-size:var(--text-body)}.progress-strip{align-items:center;gap:var(--gap-md);display:flex}.progress-strip__label{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted);white-space:nowrap}.progress-strip__bar{border-radius:var(--radius-full);background:color-mix(in srgb, var(--titles) 8%, transparent);flex:1;height:5px;overflow:hidden}.progress-strip__fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--primary), var(--accent-2));height:100%;display:block}.progress-strip__count{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--primary);white-space:nowrap;font-variant-numeric:tabular-nums}.theme-tile__link{color:inherit;text-decoration:none}.theme-tile.card--overlay{aspect-ratio:2;border:1px solid var(--border-soft);border-radius:var(--radius-lg)}.theme-tile__ph{z-index:0;background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 22%, var(--surface-raised)), var(--surface-raised));position:absolute;inset:0}.theme-tile.card--overlay:after{background:linear-gradient(#0000 15%,#00000052 55%,#000000d9);height:100%}.theme-tile.card--overlay:hover:after{background:linear-gradient(#0000000d 10%,#00000073 55%,#000000e6);height:100%}.theme-tile__top{align-items:center;gap:var(--gap-sm);display:flex}.theme-tile__pct{color:var(--titles);font-size:var(--text-h5);font-variant-numeric:tabular-nums;font-weight:800}.theme-tile.card--overlay .card-title{font-size:var(--text-h6);font-weight:700}.theme-tile__meta{color:#ffffffbf;font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-family:var(--font-mono);margin:0}.resume-card{gap:var(--gap-md);flex-direction:column;display:flex}.resume-card__head{justify-content:space-between;align-items:center;gap:var(--gap-sm);display:flex}.resume-card__status{align-items:center;gap:var(--gap-xs);color:var(--success);font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);display:inline-flex}.resume-card__dot{border-radius:var(--radius-full);background:var(--success);width:6px;height:6px}.resume-card__body{align-items:center;gap:var(--gap-md);display:flex}.resume-card__thumb{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.resume-card__chapter{color:var(--muted);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0 0 2px}.resume-card__title{color:var(--titles);font-size:var(--text-h6);margin:0;font-weight:700;line-height:1.25}.resume-card__meta{color:var(--muted);font-size:var(--text-tiny);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);font-family:var(--font-mono);justify-content:space-between;align-items:center;display:flex}.resume-card__cta{margin-top:var(--margin-sm);text-align:center}.dash-preview{background:var(--card-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);width:100%;padding:var(--padding-lg);box-shadow:var(--shadow-xl)}.dash-preview__head{justify-content:space-between;align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-md);display:flex}.dash-preview__greeting{font-weight:var(--font-bold);color:var(--titles)}.dash-preview__stats{gap:var(--gap-xs);margin-bottom:var(--margin-md);grid-template-columns:repeat(4,1fr);display:grid}.dash-preview__stat{background:var(--card-inset);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--padding-sm)}.dash-preview__stat-label{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted);margin-bottom:var(--gap-xs);display:block}.dash-preview__stat-value{font-size:var(--text-h5);font-weight:var(--font-extrabold);color:var(--titles);line-height:var(--leading-none)}.dash-preview__stat--accent .dash-preview__stat-value{color:var(--primary)}.dash-preview .progress--animate-in .progress-indicator{animation-play-state:paused}.dash-preview--in-view .progress--animate-in .progress-indicator{animation-play-state:running}.lesson-preview{background-color:var(--surface-sunken);border:1px solid var(--border-soft);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 34px 80px -40px #000000f2}.lesson-preview__chrome{align-items:center;gap:var(--gap-sm);padding:var(--gap-sm) var(--padding-md);border-bottom:1px solid var(--border-soft);background-color:var(--bg);display:flex}.lesson-preview__dots{gap:var(--gap-2xs);display:flex}.lesson-preview__dot{border-radius:var(--radius-full);background:var(--border);width:.625rem;height:.625rem}.lesson-preview__url{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted)}.lesson-preview__body{flex-wrap:wrap;display:flex}.lesson-preview__main{min-width:min(100%,20rem);padding:var(--padding-lg);border-right:1px solid var(--border-soft);gap:var(--gap-md);flex-direction:column;flex:25rem;display:flex}.lesson-preview__aside{min-width:min(100%,16rem);padding:var(--padding-lg);gap:var(--gap-md);flex-direction:column;flex:16rem;display:flex}.lesson-preview__breadcrumb{align-items:center;gap:var(--gap-xs);font-size:var(--text-small);color:var(--muted);flex-wrap:wrap;display:flex}.lesson-preview__crumb--accent{color:var(--primary)}.lesson-preview__crumb--current{color:var(--text)}.lesson-preview__progress{background-color:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--gap-sm) var(--padding-md)}.lesson-preview__progress-head{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--muted);margin-bottom:var(--gap-xs);justify-content:space-between;display:flex}.lesson-preview__progress-track{border-radius:var(--radius-full);background:color-mix(in srgb, var(--titles) 8%, transparent);height:.3125rem;overflow:hidden}.lesson-preview__progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--primary), color-mix(in srgb, var(--primary) 70%, var(--bg)));height:100%}.lesson-preview__title{font-size:var(--text-h4);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--titles);margin:0}.lesson-preview__prose{gap:var(--gap-lg);flex-direction:column;display:flex}.lesson-preview__section{gap:var(--gap-sm);flex-direction:column;display:flex}.lesson-preview__prose p{font-size:var(--text-body-sm);line-height:var(--leading-relaxed);color:var(--text);margin:0}.lesson-preview__prose b{color:var(--titles)}.lesson-preview__prose h4{font-size:var(--text-h5);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--titles);margin:0;line-height:1.25}.lesson-preview__prose ul{gap:var(--gap-2xs);flex-direction:column;margin:0;padding-left:1.15rem;display:flex}.lesson-preview__prose li{font-size:var(--text-body-sm);line-height:var(--leading-relaxed);color:var(--text)}.lesson-preview__prose li b{color:var(--titles)}.lesson-player-thumb{border-radius:var(--radius-md);background:linear-gradient(150deg, var(--surface-overlay), var(--bg));border:1px solid var(--border-soft);flex:none;justify-content:center;align-items:center;width:7rem;height:4.625rem;display:flex;position:relative;overflow:hidden}.lesson-player-thumb__grid{background-image:linear-gradient(color-mix(in srgb, var(--titles) 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--titles) 4%, transparent) 1px, transparent 1px);background-size:20px 20px;position:absolute;inset:0}.lesson-player-thumb__play{border-radius:var(--radius-full);background:var(--primary);width:2.375rem;height:2.375rem;box-shadow:0 8px 22px -6px color-mix(in srgb, var(--primary) 70%, transparent);justify-content:center;align-items:center;display:flex;position:relative}.lesson-player-thumb__triangle{border-left:.625rem solid var(--on-primary);border-top:.375rem solid #0000;border-bottom:.375rem solid #0000;width:0;height:0;margin-left:.19rem}.number-badge{background-color:var(--surface);width:2.5rem;height:2.5rem;color:var(--muted);font-weight:var(--font-bold);font-size:var(--text-small);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.number-badge--completed{color:var(--primary);background:radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--primary) 26%, transparent), var(--bg));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 42%, transparent), 0 0 .85rem -.2rem color-mix(in srgb, var(--primary) 55%, transparent)}.number-badge--completed svg{display:block}.lesson-content-card{padding:var(--padding-xl);margin-bottom:var(--margin-lg)}.lesson-content-card__header{align-items:center;gap:var(--gap-md);margin-bottom:var(--margin-md);padding-bottom:var(--padding-md);border-bottom:1px solid var(--border);display:flex}.lesson-content-card__icon{font-size:var(--text-stat-md);line-height:1}.lesson-content-card__title{font-size:var(--text-h3);font-weight:var(--font-bold);color:var(--titles);margin:0}.lesson-content-card__content{color:var(--text);line-height:var(--leading-relaxed)}.lesson-content-card--objectifs{border-left:4px solid var(--primary);background:linear-gradient(to right, color-mix(in srgb, var(--primary) 5%, transparent) 0%, var(--surface) 50%)}.lesson-content-card--objectifs .lesson-content-card__icon,.lesson-content-card--objectifs .lesson-content-card__title{color:var(--primary)}.lesson-content-card--concepts{border:1px solid var(--border);border-left:4px solid var(--primary);background-color:var(--surface)}.lesson-content-card--concepts .lesson-content-card__icon,.lesson-content-card--concepts .lesson-content-card__title{color:var(--warning)}.lesson-content-card--concepts .lesson-content-card__header{border-bottom-color:var(--border)}.lesson-content-card--concepts .lesson-content-card__content ul{gap:var(--gap-lg);flex-direction:column;padding-left:0;list-style:none;display:flex}.lesson-content-card--concepts .lesson-content-card__content li{padding:var(--padding-md);background-color:var(--surface);border-radius:var(--radius-sm);border-left:3px solid var(--warning)}.lesson-content-card--concepts .lesson-content-card__content strong{color:var(--warning);font-size:var(--text-h4);margin-bottom:var(--margin-sm);font-weight:var(--font-bold);display:block}.lesson-content-card--objectifs .lesson-content-card__content ul{padding-left:0;list-style:none}.lesson-content-card--objectifs .lesson-content-card__content li{padding-left:var(--padding-lg);margin-bottom:var(--margin-sm);position:relative}.lesson-content-card--objectifs .lesson-content-card__content li:before{content:"•";color:var(--primary);font-weight:var(--font-bold);position:absolute;left:0}.lesson-content-card--exemples{border-left:3px solid var(--success)}.lesson-content-card--exemples .lesson-content-card__icon{color:var(--success)}.lesson-content-card--recap{background-color:var(--surface);border:1px solid var(--border);border-left:4px solid var(--success)}.lesson-content-card--recap .lesson-content-card__icon,.lesson-content-card--recap .lesson-content-card__title{color:var(--success)}.lesson-content-card--recap .lesson-content-card__header{border-bottom-color:var(--border)}.lesson-content-card--recap .lesson-content-card__content ul{padding-left:0;list-style:none}.lesson-content-card--recap .lesson-content-card__content li{padding-left:var(--padding-lg);margin-bottom:var(--margin-sm);position:relative}.lesson-content-card--recap .lesson-content-card__content li:before{content:"✓";color:var(--success);font-weight:var(--font-bold);position:absolute;left:0}.lesson-content-card--quiz{border:2px dashed var(--border);background-color:var(--surface)}.lesson-content-card--quiz .lesson-content-card__icon{color:var(--text)}.lesson-content-card__content.prose{max-width:none}.lesson-content-card__content.prose>*+*{margin-top:var(--margin-md)}.lesson-content-card__content.prose h3{font-size:var(--text-h4);margin-top:var(--margin-md);margin-bottom:var(--margin-sm)}.lesson-content-card__content.prose ul,.lesson-content-card__content.prose ol{padding-left:var(--padding-xl)}.lesson-content-card__content.prose li{margin-bottom:var(--margin-sm)}.lesson-content-card__content.prose code{font-family:var(--font-mono);padding:var(--padding-xs) .375rem;background-color:var(--bg);border-radius:var(--radius-sm);color:var(--primary);font-size:.9em}.lesson-navigation{justify-content:space-between;align-items:center;gap:var(--gap-md);padding:var(--padding-lg) 0;margin-top:var(--margin-xl);border-top:1px solid var(--border);display:flex}.lesson-navigation__prev,.lesson-navigation__next{flex:1;max-width:300px}.lesson-navigation__prev[disabled],.lesson-navigation__next[disabled]{opacity:.4;cursor:not-allowed}@media (max-width:768px){.lesson-navigation{gap:var(--gap-sm);flex-direction:column}.lesson-navigation__prev,.lesson-navigation__next{width:100%;max-width:none}}.lesson-schema{gap:var(--gap-sm);padding:var(--padding-md);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);flex-direction:column;margin:0;display:flex}.lesson-schema__eyebrow{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wider);color:var(--muted);text-transform:uppercase;margin:0}.lesson-schema__frame{cursor:zoom-in;border-radius:var(--radius-md);width:100%;color:inherit;background:0 0;border:0;margin:0;padding:0;display:block;position:relative}.lesson-schema__frame:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.lesson-schema__figure{color:var(--primary);--mono:var(--font-mono)}.lesson-schema__figure .mzd-schema{width:100%;height:auto;display:block}.lesson-schema__zoom{top:var(--gap-xs);right:var(--gap-xs);border-radius:var(--radius-full);width:2rem;height:2rem;color:var(--titles);background:color-mix(in srgb, var(--surface-raised) 92%, transparent);border:1px solid var(--border-soft);opacity:0;transition:opacity var(--duration-150) ease;pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute}.lesson-schema__frame:hover .lesson-schema__zoom,.lesson-schema__frame:focus-visible .lesson-schema__zoom{opacity:1}.lesson-schema--square .lesson-schema__frame{max-width:30rem;margin-inline:auto}.lesson-schema__lightbox{z-index:var(--z-modal);padding:var(--padding-lg);cursor:zoom-out;animation:lessonSchemaLightboxIn var(--duration-150) ease;background:#000000d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@supports ((-webkit-backdrop-filter:blur(4px)) or (backdrop-filter:blur(4px))){.lesson-schema__lightbox{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes lessonSchemaLightboxIn{0%{opacity:0}to{opacity:1}}.lesson-schema__lightbox-scroll{padding:var(--padding-lg);cursor:zoom-out;display:flex;position:absolute;inset:0;overflow:auto}.lesson-schema__lightbox-figure{color:var(--primary);--mono:var(--font-mono);--schema-zoom:1;width:calc(min(94vw, 68rem) * var(--schema-zoom));cursor:default;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--padding-lg);flex:none;margin:auto;box-shadow:0 40px 90px -40px #000000f2}.lesson-schema__lightbox-figure .mzd-schema{width:100%;height:auto;display:block}.lesson-schema__lightbox-tools{bottom:var(--padding-lg);align-items:center;gap:var(--gap-xs);padding:var(--gap-2xs);border-radius:var(--radius-full);background:var(--surface-raised);border:1px solid var(--border-soft);display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 30px -16px #000000e6}.lesson-schema__zoom-btn{width:2.25rem;height:2.25rem;font-size:var(--text-body-lg);color:var(--titles);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-150) ease;background:0 0;border:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.lesson-schema__zoom-btn:hover:not(:disabled){background:var(--surface)}.lesson-schema__zoom-btn:disabled{opacity:.4;cursor:default}.lesson-schema__zoom-level{text-align:center;min-width:3.5rem;font-family:var(--font-mono);font-size:var(--text-small);color:var(--muted)}.lesson-schema__lightbox-close{top:var(--padding-md);right:var(--padding-md);border-radius:var(--radius-full);width:2.5rem;height:2.5rem;color:var(--titles);background:var(--surface-raised);border:1px solid var(--border-soft);cursor:pointer;transition:background var(--duration-150) ease;justify-content:center;align-items:center;display:inline-flex;position:absolute}.lesson-schema__lightbox-close:hover{background:var(--surface)}@media (prefers-reduced-motion:reduce){.lesson-schema__lightbox{animation:none}}.lesson-schema__caption{font-size:var(--text-tiny);line-height:var(--leading-relaxed);color:var(--muted)}.lesson-video{aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:linear-gradient(150deg, var(--surface-overlay), var(--bg));position:relative;overflow:hidden;box-shadow:0 24px 60px -34px #000000e6}.lesson-video__el{-o-object-fit:contain;object-fit:contain;background:var(--bg);width:100%;height:100%}.lesson-video--placeholder{justify-content:center;align-items:center;display:flex}.lesson-video__grid{background-image:linear-gradient(color-mix(in srgb, var(--titles) 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--titles) 4%, transparent) 1px, transparent 1px);background-size:34px 34px;position:absolute;inset:0}.lesson-video__badge{top:var(--gap-sm);left:var(--gap-sm);align-items:center;gap:var(--gap-xs);font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--primary);display:inline-flex;position:absolute}.lesson-video__dot{border-radius:var(--radius-full);background:var(--primary);width:6px;height:6px;animation:1.8s infinite lesson-video-pulse}@keyframes lesson-video-pulse{0%,to{opacity:1}50%{opacity:.3}}.lesson-video__tag{top:var(--gap-sm);right:var(--gap-sm);font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--on-primary);background:var(--primary);padding:2px var(--gap-sm);border-radius:var(--radius-sm);position:absolute}.lesson-video__play{border-radius:var(--radius-full);background:var(--primary);width:4rem;height:4rem;box-shadow:0 14px 34px -8px color-mix(in srgb, var(--primary) 75%, transparent);justify-content:center;align-items:center;display:flex;position:relative}.lesson-video__triangle{border-left:1.05rem solid var(--on-primary);border-top:.7rem solid #0000;border-bottom:.7rem solid #0000;width:0;height:0;margin-left:.3rem}.lesson-video__soon{bottom:var(--gap-sm);font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--text);background:color-mix(in srgb, var(--bg) 60%, transparent);padding:3px var(--gap-sm);border-radius:var(--radius-sm);white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.lesson-video-shell{gap:var(--gap-sm);flex-direction:column;display:flex}.lesson-video__transport{align-items:center;gap:var(--gap-md);padding:var(--gap-sm) var(--gap-xs) 0;display:flex}.lesson-video__transport-play{border-left:.7rem solid var(--text);opacity:.7;border-top:.45rem solid #0000;border-bottom:.45rem solid #0000;flex:none;width:0;height:0}.lesson-video__transport-track{border-radius:var(--radius-full);background:color-mix(in srgb, var(--titles) 10%, transparent);flex:1;height:5px;overflow:hidden}.lesson-video__transport-fill{background:linear-gradient(90deg, var(--primary), var(--accent-2));width:0;height:100%;display:block}.lesson-video__transport-time{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted);font-variant-numeric:tabular-nums}.lesson-video__transport-chips{gap:var(--gap-xs);display:flex}.lesson-video__transport-chip{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted);background:var(--surface);border:1px solid var(--border-soft);padding:3px var(--gap-sm);border-radius:var(--radius-sm)}.lesson-tabs{gap:var(--gap-lg);flex-direction:column;display:flex}.lesson-tabs__bar{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;gap:2px;display:flex}.lesson-tabs__tab{align-items:center;gap:var(--gap-xs);padding:var(--padding-sm) var(--padding-md);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--muted);cursor:pointer;white-space:nowrap;transition:var(--transition-colors);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;display:inline-flex}.lesson-tabs__tab:hover:not(.lesson-tabs__tab--active):not(:disabled){color:var(--text)}.lesson-tabs__tab--active{color:var(--primary);font-weight:var(--font-semibold);border-bottom-color:var(--primary)}.lesson-tabs__tab--disabled,.lesson-tabs__tab:disabled{color:color-mix(in srgb, var(--muted) 45%, transparent);cursor:not-allowed}.lesson-tabs__count{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted)}.lesson-tabs__tab--active .lesson-tabs__count{color:var(--primary)}.lesson-tabs__panel{min-width:0}.lesson-takeaways{gap:var(--gap-md);flex-direction:column;display:flex}.lesson-takeaways__title{font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles);margin:0}.lesson-takeaways__body ul,.lesson-takeaways__body ol{gap:var(--gap-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lesson-takeaways__body li{font-size:var(--text-small);color:var(--text);padding-left:1.6rem;line-height:1.55;position:relative}.lesson-takeaways__body li:before{content:"→";color:var(--primary);font-weight:var(--font-bold);position:absolute;top:0;left:0}.lesson-takeaways__body strong,.lesson-takeaways__body b{color:var(--titles);font-weight:var(--font-semibold)}.lesson-objectives{gap:var(--gap-md);padding:var(--padding-lg);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--primary) 5%, var(--surface));border:1px solid color-mix(in srgb, var(--primary) 18%, transparent);border-left:3px solid var(--primary);flex-direction:column;display:flex}.lesson-objectives__title{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--primary);margin:0}.lesson-objectives__list{gap:var(--gap-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lesson-objectives__item{align-items:flex-start;gap:var(--gap-sm);display:flex}.lesson-objectives__check{color:var(--primary);flex:none;margin-top:1px;display:flex}.lesson-objectives__label{font-size:var(--text-small);color:var(--text);line-height:1.55}.lesson-jacque{background:linear-gradient(160deg, color-mix(in srgb, var(--primary) 7%, transparent), var(--surface) 62%);border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);border-radius:var(--radius-lg);padding:var(--padding-lg);gap:var(--gap-md);flex-direction:column;display:flex}.lesson-jacque__head{align-items:center;gap:var(--gap-sm);display:flex}.lesson-jacque__icon{border-radius:var(--radius-full);background:color-mix(in srgb, var(--primary) 16%, transparent);width:24px;height:24px;color:var(--primary);flex:none;justify-content:center;align-items:center;display:flex}.lesson-jacque__name{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles)}.lesson-jacque__text{font-size:var(--text-small);color:var(--text);margin:0;line-height:1.55}.lesson-jacque__cta{align-items:center;gap:var(--gap-sm);font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--on-primary);background:var(--gradient-brand);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-md);align-self:flex-start;display:inline-flex}.lesson-jacque__cta--soon{color:var(--muted);background:var(--surface-raised);border:1px solid var(--border-soft);cursor:default}.lesson-jacque__soon{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--primary)}.lesson-jacque--inline{align-items:center;gap:var(--gap-sm);padding:var(--padding-md);border-radius:var(--radius-md);border-color:color-mix(in srgb, var(--primary) 20%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 6%, transparent), var(--surface-raised) 60%);flex-direction:row}.lesson-jacque--inline .lesson-jacque__icon{border-radius:var(--radius-sm);background:var(--primary);width:1.75rem;height:1.75rem;color:var(--on-primary)}.lesson-jacque--inline .lesson-jacque__text{min-width:0;color:var(--muted);flex:1}.lesson-jacque--inline .lesson-jacque__text b{color:var(--text)}.lesson-jacque__cta--inline{align-items:center;gap:var(--gap-xs);flex-shrink:0;display:inline-flex}@media (max-width:640px){.lesson-jacque--inline{flex-direction:column;align-items:flex-start}}.chapter-playlist{padding:0}.chapter-playlist__header{justify-content:space-between;align-items:center;gap:var(--gap-sm);padding:var(--padding-md) var(--padding-lg);border-bottom:1px solid var(--border-soft);display:flex}.chapter-playlist__title{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles)}.chapter-playlist__count{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.chapter-playlist__list{padding:var(--gap-xs);overscroll-behavior:contain;flex-direction:column;max-height:17.5rem;margin:0;list-style:none;display:flex;overflow-y:auto}.chapter-playlist__row{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-sm);border-radius:var(--radius-md);transition:var(--transition-colors);border:1px solid #0000;text-decoration:none;display:flex}.chapter-playlist__row:hover{background:var(--surface-raised)}.chapter-playlist__row--current{background:color-mix(in srgb, var(--primary) 10%, transparent);border-color:color-mix(in srgb, var(--primary) 28%, transparent)}.chapter-playlist__row--current:hover{background:color-mix(in srgb, var(--primary) 14%, transparent)}.chapter-playlist__marker{border-radius:var(--radius-full);width:18px;height:18px;font-size:var(--text-tiny);font-weight:var(--font-extrabold);flex:none;justify-content:center;align-items:center;display:flex}.chapter-playlist__marker--done{background:color-mix(in srgb, var(--success) 16%, transparent);color:var(--success)}.chapter-playlist__marker--current{background:var(--primary)}.chapter-playlist__marker--todo{border:1.5px solid var(--border)}.chapter-playlist__triangle{border-left:6px solid var(--on-primary);border-top:4px solid #0000;border-bottom:4px solid #0000;width:0;height:0;margin-left:1px}.chapter-playlist__label{min-width:0;font-size:var(--text-small);color:var(--text);flex:1}.chapter-playlist__row--done .chapter-playlist__label{color:var(--muted);text-decoration:line-through}.chapter-playlist__row--current .chapter-playlist__label{color:var(--titles);font-weight:var(--font-semibold)}.lesson-concept-list{gap:var(--gap-lg);flex-direction:column;display:flex}.lesson-concept-list__header{margin:0}.lesson-concept-list__title{font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles);margin:0}.lesson-concept-list__body{gap:var(--gap-md);counter-reset:concept;flex-direction:column;display:flex}.lesson-concept-list__item{gap:var(--gap-xs);padding:var(--padding-lg) var(--padding-lg) var(--padding-lg) calc(var(--padding-lg) + 2.6rem);border-left:3px solid var(--primary);border-radius:var(--radius-md)}.lesson-concept-list__item:before{counter-increment:concept;content:counter(concept, decimal-leading-zero);left:var(--padding-lg);top:var(--padding-lg);font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--font-bold);color:var(--primary);position:absolute}.lesson-concept-list__term{font-weight:var(--font-bold);color:var(--titles);font-size:var(--text-body);margin:0}.lesson-concept-list__definition{color:var(--text);font-size:var(--text-small);margin:0;line-height:1.6}.lesson-examples-list{gap:var(--gap-md);flex-direction:column;display:flex}.lesson-examples-list__item{gap:var(--gap-sm);padding:var(--padding-lg)}.lesson-examples-list__header{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.lesson-examples-list__label{font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);border:1px solid color-mix(in srgb, var(--primary) 28%, transparent);padding:3px var(--gap-sm);border-radius:var(--radius-full);flex:none}.lesson-examples-list__title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.lesson-examples-list__body{color:var(--text);line-height:1.6;font-size:var(--text-small)}.lesson-paywall-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:32rem;padding:var(--padding-xl);margin:0 auto}.lesson-paywall-card__label{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--primary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--margin-sm)}.lesson-paywall-card__title{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--titles);margin:0 0 var(--margin-md)}.lesson-paywall-card__description{font-size:var(--text-body);color:var(--muted-foreground);margin:0 0 var(--margin-lg);line-height:1.6}.lesson-paywall-card__list{margin:0 0 var(--margin-lg);text-align:left;padding:0;list-style:none}.lesson-paywall-card__list li{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) 0;color:var(--text);font-size:var(--text-body);border-bottom:1px solid var(--border);display:flex}.lesson-paywall-card__list li:last-child{border-bottom:none}.lesson-paywall-card__list-check{color:var(--success);font-weight:var(--font-bold);flex-shrink:0}.lesson-paywall-card__actions{gap:var(--gap-sm);margin-bottom:var(--margin-md);flex-direction:column;display:flex}.lesson-paywall-card__footer{font-size:var(--text-small);color:var(--muted-foreground);margin:0;font-style:italic}.lexicon-panel{gap:var(--gap-md);flex-direction:column;display:flex}.lexicon-panel__title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--margin-md)}.lexicon-panel__empty{font-size:var(--text-small);color:var(--muted);font-style:italic}.lexicon-panel__list{gap:var(--gap-xs);flex-direction:column;display:flex}.lexicon-panel__item{border-bottom:1px solid var(--border);padding:var(--padding-sm) 0}.lexicon-panel__item:last-child{border-bottom:none}.lexicon-panel__term{cursor:pointer;font-size:var(--text-small);font-weight:var(--font-medium);color:var(--primary);-webkit-user-select:none;user-select:none;padding:var(--padding-xs);border-radius:var(--radius-sm);transition:var(--transition-colors);list-style:none}.lexicon-panel__term::-webkit-details-marker{display:none}.lexicon-panel__term:before{content:"▸";margin-right:var(--margin-sm);transition:transform .2s;display:inline-block}.lexicon-panel__item[open] .lexicon-panel__term:before{transform:rotate(90deg)}.lexicon-panel__term:hover{background-color:var(--surface)}.lexicon-panel__definition{font-size:var(--text-small);color:var(--text);padding:var(--padding-sm) var(--padding-md);margin-top:var(--margin-sm);line-height:1.6}.lexicon-dir{gap:var(--gap-md);flex-direction:column;display:flex}.lexicon-dir__search{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md);background:var(--surface-sunken);border:1px solid var(--border-soft);border-radius:var(--radius-lg);transition:var(--transition-colors);display:flex;box-shadow:inset 0 1px 2px #00000059}.lexicon-dir__search:focus-within{border-color:color-mix(in srgb, var(--primary) 45%, transparent)}.lexicon-dir__search-icon{border-radius:var(--radius-full);border:2px solid var(--muted);border-right-color:#0000;flex:none;width:.95rem;height:.95rem;transform:rotate(45deg)}.lexicon-dir__search .lexicon-dir__search-input{width:auto;min-width:0;color:var(--titles);font-size:var(--text-small);background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:0}.lexicon-dir__search .lexicon-dir__search-input:hover,.lexicon-dir__search .lexicon-dir__search-input:focus,.lexicon-dir__search .lexicon-dir__search-input:focus-visible{box-shadow:none;border:none;outline:none}.lexicon-dir__alpha{gap:var(--gap-2xs);flex-wrap:wrap;display:flex}.lexicon-dir__alpha-btn{min-width:2.35rem;padding:var(--padding-sm) 0;text-align:center;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--text);background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-colors)}.lexicon-dir__alpha-btn--all{min-width:auto;padding:var(--padding-sm) var(--padding-md)}.lexicon-dir__alpha-btn:hover:not(:disabled):not(.lexicon-dir__alpha-btn--active){border-color:color-mix(in srgb, var(--primary) 40%, transparent);color:var(--primary)}.lexicon-dir__alpha-btn--active{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.lexicon-dir__alpha-btn--disabled,.lexicon-dir__alpha-btn:disabled{color:color-mix(in srgb, var(--muted) 45%, transparent);background:var(--bg);cursor:not-allowed}.lexicon-dir__count{align-items:center;gap:var(--gap-sm);display:flex}.lexicon-dir__count-label{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--muted);font-variant-numeric:tabular-nums}.lexicon-dir__count-pill{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wider);color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);padding:1px var(--gap-sm);border-radius:var(--radius-sm)}.lexicon-dir__list{gap:var(--gap-xs);flex-direction:column;display:flex}.lexicon-dir__item{padding:0;display:block}.lexicon-dir__item[open],.lexicon-dir__item:hover{border-color:color-mix(in srgb, var(--primary) 26%, transparent)}.lexicon-dir__summary{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;list-style:none;display:flex}.lexicon-dir__summary::-webkit-details-marker{display:none}.lexicon-dir__summary:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:var(--radius-lg)}.lexicon-dir__head{align-items:baseline;gap:var(--gap-sm);flex:1;min-width:0;display:flex}.lexicon-dir__term{font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles);letter-spacing:-.01em}.lexicon-dir__theme{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--primary);text-transform:uppercase;flex:none}.lexicon-dir__lessons{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--muted);white-space:nowrap;flex:none}.lexicon-dir__sign{border-radius:var(--radius-sm);background:var(--surface-overlay);border:1px solid var(--border-soft);width:1.4rem;height:1.4rem;color:var(--muted);flex:none;justify-content:center;align-items:center;display:flex}.lexicon-dir__sign:after{content:"+";font-size:var(--text-small);line-height:1}.lexicon-dir__item[open] .lexicon-dir__sign{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 35%, transparent)}.lexicon-dir__item[open] .lexicon-dir__sign:after{content:"−"}.lexicon-dir__body{padding:0 var(--padding-md) var(--padding-md)}.lexicon-dir__definition{font-size:var(--text-small);line-height:var(--leading-relaxed);color:var(--text);margin:0}.lexicon-dir__lesson-link{align-items:center;gap:var(--gap-xs);margin-top:var(--margin-sm);font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--primary);transition:var(--transition-colors);text-decoration:none;display:inline-flex}.lexicon-dir__lesson-link:hover{color:color-mix(in srgb, var(--primary) 80%, var(--titles));gap:var(--gap-sm)}.lexicon-dir__pagination{justify-content:center;align-items:center;gap:var(--gap-md);margin-top:var(--margin-sm);display:flex}.lexicon-dir__page-btn{align-items:center;gap:var(--gap-xs);padding:var(--padding-xs) var(--padding-md);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--text);background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-colors);display:inline-flex}.lexicon-dir__page-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 40%, transparent);color:var(--primary)}.lexicon-dir__page-btn:disabled{opacity:.4;cursor:not-allowed}.lexicon-dir__page-info{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.lexicon-dir__empty{padding:var(--padding-xl) 0;text-align:center;color:var(--muted);font-size:var(--text-small)}@media (max-width:640px){.lexicon-dir__head{gap:var(--gap-2xs);flex-wrap:wrap}}.quiz{gap:var(--gap-lg);flex-direction:column;display:flex}.quiz__loading,.quiz__error,.quiz__empty{text-align:center;padding:var(--padding-xl);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg)}.quiz__head{justify-content:space-between;align-items:center;gap:var(--gap-md);display:flex}.quiz__head-title{font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles);margin:0}.quiz__head-meta{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--muted);white-space:nowrap}.quiz__card{padding:var(--padding-xl);gap:var(--gap-lg)}.quiz__question{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);margin:0;line-height:1.5}.quiz__options{gap:var(--gap-sm);flex-direction:column;display:flex}.quiz__option{align-items:center;gap:var(--gap-md);padding:var(--padding-md) var(--padding-lg);background-color:var(--surface-sunken);border:1px solid var(--border-soft);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-colors);text-align:left;font-family:inherit;font-size:var(--text-small);color:var(--text);width:100%;display:flex;box-shadow:inset 0 1px 2px #00000059}.quiz__option:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 45%, transparent);background-color:var(--surface)}.quiz__option:disabled{cursor:not-allowed}.quiz__option--selected{border-color:color-mix(in srgb, var(--primary) 45%, transparent);background-color:color-mix(in srgb, var(--primary) 8%, transparent);color:var(--titles)}.quiz__radio{border-radius:var(--radius-full);border:2px solid color-mix(in srgb, var(--muted) 50%, transparent);width:18px;height:18px;transition:var(--transition-colors);flex:none;justify-content:center;align-items:center;display:flex}.quiz__option--multiple .quiz__radio{border-radius:var(--radius-sm)}.quiz__option--selected .quiz__radio{border-color:var(--primary)}.quiz__option--selected .quiz__radio:after{content:"";border-radius:inherit;background:var(--primary);width:8px;height:8px}.quiz__option-text{line-height:var(--leading-relaxed);flex:1}.quiz__footer{justify-content:space-between;align-items:center;gap:var(--gap-md);display:flex}.quiz__dots{gap:var(--gap-xs);display:flex}.quiz__dot{border-radius:var(--radius-full);background:color-mix(in srgb, var(--titles) 10%, transparent);width:24px;height:4px}.quiz__dot--active{background:var(--primary)}.quiz__footer-actions{align-items:center;gap:var(--gap-sm);display:flex}.quiz__option--correct{border-color:var(--success);background-color:color-mix(in srgb, var(--success) 10%, transparent)}.quiz__option--incorrect{border-color:var(--destructive);background-color:color-mix(in srgb, var(--destructive) 10%, transparent)}.quiz__explanation{margin-top:var(--margin-md);padding:var(--padding-lg);border-radius:var(--radius-sm);border-left:4px solid var(--primary)}.quiz__explanation--correct{background:color-mix(in srgb, var(--success) 10%, transparent);border-left-color:var(--success)}.quiz__explanation--incorrect{background:color-mix(in srgb, var(--warning) 10%, transparent);border-left-color:var(--warning)}.quiz__explanation p{color:var(--text);line-height:var(--leading-relaxed);margin:0}.quiz__actions{justify-content:space-between;gap:var(--gap-md);margin-top:var(--margin-md);padding-top:var(--padding-lg);border-top:1px solid var(--border);display:flex}.quiz__results-slim{padding:var(--padding-xl);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex}.quiz__results{gap:var(--gap-xl);padding:var(--padding-2xl) var(--padding-xl);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;align-items:center;display:grid}.quiz__results-visual{text-align:center;width:100%}.quiz__results-content{text-align:left}.quiz__progress-bar{width:100%;max-width:250px}.quiz__results-icon{color:var(--primary);justify-content:center;align-items:center;line-height:1;animation:.5s ease-out bounce-in;display:inline-flex}@media (max-width:768px){.quiz__results{gap:var(--gap-xl);grid-template-columns:1fr}.quiz__results-content{text-align:center}}.quiz__score{justify-content:center;align-items:baseline;gap:var(--gap-sm);display:flex}.quiz__score-value{font-size:var(--text-display-md);color:var(--primary);line-height:1;font-weight:var(--font-black)}.quiz__score-total{font-size:var(--text-h2);font-weight:var(--font-bold)}@keyframes bounce-in{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.quiz-results-percentage{font-size:var(--text-h2);font-weight:var(--font-bold);padding:var(--padding-sm) var(--padding-xl);border-radius:var(--radius-full);background-color:var(--surface)}.quiz-results-percentage--success{color:var(--success);background-color:color-mix(in srgb, var(--success) 10%, transparent)}.quiz-results-percentage--warning{color:var(--warning);background-color:color-mix(in srgb, var(--warning) 10%, transparent)}.quiz-results-stats{gap:var(--gap-lg);grid-template-columns:repeat(3,1fr);width:100%;display:grid}.quiz-results-stat{align-items:center;gap:var(--gap-sm);padding:var(--padding-lg);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex}.quiz-results-stat:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.quiz-results-stat--success{border-color:var(--success);background:linear-gradient(to bottom, color-mix(in srgb, var(--success) 5%, transparent), var(--surface))}.quiz-results-stat--error{border-color:var(--destructive);background:linear-gradient(to bottom, color-mix(in srgb, var(--destructive) 5%, transparent), var(--surface))}.quiz-results-stat-icon{font-size:var(--text-stat-md);line-height:1}.quiz-results-stat--success .quiz-results-stat-icon{color:var(--success)}.quiz-results-stat--error .quiz-results-stat-icon{color:var(--destructive)}.quiz-results-stat-label{font-size:var(--text-small);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-medium)}.quiz-results-stat-value{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--titles)}.quiz-results-progress-bar{background-color:var(--surface);border-radius:var(--radius-full);width:100%;height:12px;position:relative;overflow:hidden}.quiz-results-progress-fill{border-radius:var(--radius-full);height:100%;transition:width 1s ease-out;position:relative;overflow:hidden}.quiz-results-progress-fill--success{background:linear-gradient(90deg, var(--success), var(--primary))}.quiz-results-progress-fill--warning{background:linear-gradient(90deg, var(--warning), var(--destructive))}.quiz-results-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.quiz-results-message{width:100%;padding:var(--padding-lg);background-color:var(--surface);border-radius:var(--radius-md);border-left:4px solid var(--primary)}.quiz-results-message p{color:var(--text);line-height:var(--leading-relaxed);font-size:var(--text-body);margin:0}.quiz-results-message strong{color:var(--titles)}.quiz-results-actions{gap:var(--gap-md);width:100%;margin-top:var(--margin-md);justify-content:center;display:flex}@keyframes bounce-scale{0%,to{transform:scale(1)translateY(0)}25%{transform:scale(1.1)translateY(-10px)}50%{transform:scale(.95)translateY(0)}75%{transform:scale(1.05)translateY(-5px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media (max-width:768px){.quiz{padding:var(--padding-lg)}.quiz-header{align-items:flex-start;gap:var(--gap-sm);flex-direction:column}.quiz--completed{padding:var(--padding-lg)}.quiz-results{gap:var(--gap-lg)}.quiz-results-icon{font-size:var(--text-display-sm)}.quiz-results-title{font-size:var(--text-h2)}.quiz-results-main-score{padding:var(--padding-lg) var(--padding-xl)}.quiz-results-score-value{font-size:var(--text-display-sm)}.quiz-results-score-separator,.quiz-results-score-total{font-size:var(--text-h2)}.quiz-results-percentage{font-size:var(--text-h3);padding:var(--padding-xs) var(--padding-lg)}.quiz-results-stats{gap:var(--gap-md);grid-template-columns:1fr}.quiz-results-stat{padding:var(--padding-md)}.quiz-results-stat-value{font-size:var(--text-h3)}}@keyframes cbScrim{0%{opacity:0}to{opacity:1}}@keyframes cbFade{0%{opacity:0}to{opacity:1}}@keyframes cbUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes cbUpSm{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes cbPop{0%{opacity:0;transform:scale(.84)}62%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes cbStamp{0%{opacity:0;transform:scale(1.55)}58%{opacity:1;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes cbRise{0%{opacity:0;transform:translateY(3rem)scale(.72)}62%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cbFallOut{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-96%)scale(.66)}}@keyframes cbRing{0%{stroke-dashoffset:var(--cb-circ,327px)}to{stroke-dashoffset:0}}@keyframes cbBarGrow{0%{width:var(--cb-bar-from,45%)}to{width:var(--cb-bar-to,55%)}}@keyframes cbGlow{0%,to{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 28%, transparent), 0 0 1.4rem color-mix(in srgb, var(--primary) 30%, transparent)}50%{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 50%, transparent), 0 0 2.75rem color-mix(in srgb, var(--primary) 62%, transparent)}}@keyframes cbGlowRank{0%,to{filter:drop-shadow(0 0 1rem color-mix(in srgb, var(--primary) 30%, transparent))}50%{filter:drop-shadow(0 0 2.4rem color-mix(in srgb, var(--primary) 62%, transparent))}}@keyframes cbBurst{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}15%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--r)) scale(var(--s))}}@keyframes cbConfetti{0%{opacity:0;transform:translate(-50%)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)), var(--dy)) rotate(var(--r))}}@keyframes cbShock{0%{opacity:.65;transform:translate(-50%,-50%)scale(.22)}to{opacity:0;transform:translate(-50%,-50%)scale(2.7)}}@keyframes cbFlash{0%{opacity:0}22%{opacity:.85}to{opacity:0}}@keyframes cbRays{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes cbBeam{0%{opacity:0;transform:translate(-50%)scaleY(.4)}40%{opacity:1}to{opacity:0;transform:translate(-50%)scaleY(1)}}.cb-overlay{z-index:1000;padding:var(--padding-lg);font-family:var(--font-sans);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cb-scrim{background:color-mix(in srgb, var(--bg) 62%, transparent);animation:.3s cubic-bezier(.4,0,.2,1) both cbScrim;position:absolute;inset:0}.cb-scrim--badge{background:color-mix(in srgb, var(--bg) 66%, transparent)}.cb-scrim--rank{background:color-mix(in srgb, var(--bg) 74%, transparent)}.cb-fx{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.cb-particle{position:absolute;top:50%;left:50%}.cb-shock{border-radius:var(--radius-full);border:2px solid color-mix(in srgb, var(--primary) 60%, transparent);width:6.875rem;height:6.875rem;position:absolute;top:46%;left:50%}.cb-rays{border-radius:var(--radius-full);opacity:.85;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--primary) 10%, transparent) 0deg 4deg, transparent 4deg 15deg);width:28.75rem;height:28.75rem;animation:16s linear infinite cbRays;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 6%,#0000 60%);mask-image:radial-gradient(circle,#000 6%,#0000 60%)}.cb-beam{transform-origin:bottom;background:linear-gradient(to top, transparent, color-mix(in srgb, var(--primary) 22%, transparent) 42%, transparent);width:9.375rem;animation:1.1s cubic-bezier(.4,0,.2,1) .5s both cbBeam;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.cb-flash{background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--primary) 50%, transparent), transparent 55%);position:absolute;inset:0}.cb-panel{z-index:2;text-align:center;width:100%;max-width:25rem;padding:var(--padding-lg);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);background:linear-gradient(160deg, var(--surface-raised), var(--bg) 78%);position:relative;box-shadow:0 1.875rem 4.375rem -1.875rem #000000b3,inset 0 1px #ffffff0d}.cb-panel--badge,.cb-panel--rank{border-color:color-mix(in srgb, var(--primary) 28%, transparent)}.cb-close{border-radius:var(--radius-md);border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-overlay) 60%, transparent);width:2rem;height:2rem;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex;position:absolute;top:.625rem;right:.625rem}.cb-close:hover{color:var(--titles);background:var(--surface-overlay)}.cb-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cb-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--primary);margin-bottom:var(--gap-md);font-size:.625rem}.cb-title{letter-spacing:-.03em;color:var(--titles);margin:0 0 var(--gap-xs);font-size:1.3125rem;font-weight:800}.cb-title--rank{letter-spacing:-.035em;font-size:1.625rem}.cb-title--gradient{background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 68%, #000) );-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.cb-score{color:var(--muted);margin-bottom:var(--gap-lg);font-size:.8125rem}.cb-score b{color:var(--titles)}.cb-score .cb-score__pct{color:var(--primary)}.cb-skill{color:var(--text);margin:0 auto var(--gap-lg);max-width:18rem;font-size:.78125rem;line-height:1.55}.cb-skill__rank{font-family:var(--font-mono);letter-spacing:.05em;color:var(--primary);margin-bottom:var(--gap-xs);font-size:.625rem;display:block}.cb-xp{align-items:center;gap:var(--gap-xs);font-family:var(--font-mono);color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--primary) 28%, transparent);border-radius:var(--radius-full);margin-bottom:var(--gap-lg);padding:.5rem .875rem;font-size:.8125rem;font-weight:700;display:inline-flex}.cb-cta{justify-content:center;align-items:center;gap:var(--gap-sm);color:var(--on-primary);background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 68%, #000) );border-radius:var(--radius-md);cursor:pointer;box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 25%, transparent), 0 0 1.375rem color-mix(in srgb, var(--primary) 30%, transparent);border:none;padding:.6875rem 1.25rem;font-size:.8125rem;font-weight:700;display:inline-flex}.cb-cta:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cb-medallion{width:4rem;height:4rem;margin:0 auto var(--gap-md);border-radius:var(--radius-full);background:radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--primary) 28%, transparent), var(--bg));border:1px solid color-mix(in srgb, var(--primary) 42%, transparent);box-shadow:0 0 1.625rem -.25rem color-mix(in srgb, var(--primary) 50%, transparent);justify-content:center;align-items:center;display:flex}.cb-medallion svg{color:var(--primary)}.cb-badge-medallion{width:7.375rem;height:7.375rem;margin:0 auto var(--gap-md);border-radius:var(--radius-full);position:relative}.cb-badge-medallion__svg{width:100%;height:100%;position:absolute;inset:0}.cb-badge-medallion__track{stroke:color-mix(in srgb, var(--titles) 9%, transparent)}.cb-ring{stroke:var(--primary);filter:drop-shadow(0 0 .3125rem color-mix(in srgb, var(--primary) 60%, transparent))}.cb-badge-medallion__disc{border-radius:var(--radius-full);background:radial-gradient(circle at 50% 34%, var(--surface-overlay), var(--bg));border:1px solid color-mix(in srgb, var(--primary) 35%, transparent);justify-content:center;align-items:center;display:flex;position:absolute;inset:.8125rem;box-shadow:inset 0 2px 6px #ffffff0f}.cb-badge-medallion__icon{width:2.875rem;height:2.875rem;color:var(--primary);filter:drop-shadow(0 0 .25rem color-mix(in srgb, var(--primary) 50%, transparent))}.cb-badge-medallion__icon svg{width:100%;height:100%}.cb-badge-medallion__icon .achievement-symbol__fill-body,.cb-badge-medallion__icon .achievement-symbol__fill-accent{fill:var(--primary)}.cb-rank-stage{height:8.625rem;margin-bottom:var(--gap-sm);justify-content:center;align-items:center;display:flex;position:relative}.cb-oldrank{border-radius:var(--radius-md);background:radial-gradient(circle at 50% 34%, var(--surface-overlay), var(--bg));border:1px solid var(--border-soft);width:3.75rem;height:3.75rem;color:var(--muted);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cb-oldrank svg{width:1.875rem;height:1.875rem}.cb-oldrank .achievement-symbol__fill-body,.cb-oldrank .achievement-symbol__fill-accent{fill:var(--muted)}.cb-rank-medallion{width:7.5rem;height:7.5rem;clip-path:var(--shape-octagon);background:var(--primary);filter:drop-shadow(0 0 1.25rem color-mix(in srgb, var(--primary) 45%, transparent));justify-content:center;align-items:center;display:flex;position:relative}.cb-rank-medallion:before{content:"";clip-path:var(--shape-octagon);background:radial-gradient(circle at 50% 32%, var(--surface-overlay), var(--bg));position:absolute;inset:2px}.cb-rank-medallion__icon{z-index:1;width:3.75rem;height:3.75rem;color:var(--primary);filter:drop-shadow(0 0 .375rem color-mix(in srgb, var(--primary) 60%, transparent));position:relative}.cb-rank-medallion__icon svg{width:100%;height:100%}.cb-rank-medallion__icon .achievement-symbol__fill-body,.cb-rank-medallion__icon .achievement-symbol__fill-accent{fill:var(--primary)}.cb-bar{text-align:left;margin-bottom:var(--gap-lg)}.cb-bar__meta{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;color:var(--muted);justify-content:space-between;margin-bottom:.4375rem;font-size:.5625rem;display:flex}.cb-bar__track{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--titles) 8%, transparent);height:.375rem;overflow:hidden}.cb-bar__fill{height:100%;width:var(--cb-bar-to,55%);border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--primary), color-mix(in srgb, var(--primary) 68%, #000) )}@media (prefers-reduced-motion:reduce){.cb-overlay *,.cb-overlay :before,.cb-overlay :after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.table-of-contents{margin-bottom:var(--margin-lg)}.table-of-contents__title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--margin-md);padding:var(--padding-sm) 0}.table-of-contents__list{margin:0;padding:0;list-style:none}.table-of-contents__item{margin-bottom:var(--margin-sm)}.table-of-contents__link{padding:var(--padding-sm) var(--padding-md);color:var(--text);border-radius:var(--radius-xs);font-size:var(--text-body);transition:var(--transition-colors);text-decoration:none;display:block}.table-of-contents__link:hover{background-color:var(--surface);color:var(--titles)}.table-of-contents__link:active,.table-of-contents__item--active .table-of-contents__link{background-color:var(--primary);color:var(--bg);font-weight:var(--font-medium)}.mobile-sidebar-trigger{bottom:var(--gap-xl);right:var(--gap-xl);z-index:40;align-items:center;gap:var(--gap-sm);padding:var(--padding-md);background:var(--primary);color:var(--bg);border-radius:var(--radius-md);font-size:var(--text-body);font-weight:var(--font-medium);box-shadow:var(--shadow-lg);cursor:pointer;transition:var(--transition-all);border:none;display:none;position:fixed}.mobile-sidebar-trigger:hover{box-shadow:var(--shadow-xl);transform:scale(1.05)}.mobile-sidebar-trigger:active{transform:scale(.98)}.mobile-sidebar-trigger .icon{width:24px;height:24px}@media (max-width:768px){.mobile-sidebar-trigger{display:flex}}.credit-balance--sm{padding:var(--padding-md)}.credit-balance--lg{padding:var(--padding-xl)}.credit-balance--critical{border-color:color-mix(in srgb, var(--destructive) 50%, transparent);background:color-mix(in srgb, var(--destructive) 5%, transparent)}.credit-balance--low{border-color:color-mix(in srgb, var(--warning) 50%, transparent);background:color-mix(in srgb, var(--warning) 5%, transparent)}.credit-balance-header{margin-bottom:var(--margin-md);justify-content:space-between;align-items:center;display:flex}.credit-balance-title{align-items:center;gap:var(--gap-sm);display:flex}.credit-balance-indicator{border-radius:50%;width:.5rem;height:.5rem}.credit-balance-indicator--good{background:var(--success)}.credit-balance-indicator--low{background:var(--warning)}.credit-balance-indicator--critical{background:var(--destructive)}.credit-balance-heading{color:var(--titles);margin:0;font-weight:500}.credit-balance--sm .credit-balance-heading{font-size:var(--text-body-sm)}.credit-balance--lg .credit-balance-heading{font-size:var(--text-h5)}.credit-balance-buy-button{font-size:var(--text-tiny)}.credit-balance-display{margin-bottom:var(--margin-md)}.credit-balance-numbers{align-items:baseline;gap:var(--gap-sm);margin-bottom:var(--margin-sm);display:flex}.credit-balance-current{font-weight:700}.credit-balance--sm .credit-balance-current{font-size:var(--text-h4)}.credit-balance--md .credit-balance-current{font-size:var(--text-h3)}.credit-balance--lg .credit-balance-current{font-size:var(--text-stat-md)}.credit-balance-current--good{color:var(--titles)}.credit-balance-current--low{color:var(--warning)}.credit-balance-current--critical{color:var(--destructive)}.credit-balance-total{color:var(--muted)}.credit-balance--sm .credit-balance-total{font-size:var(--text-tiny)}.credit-balance--md .credit-balance-total,.credit-balance--lg .credit-balance-total{font-size:var(--text-body-sm)}.credit-balance-progress{height:.5rem}.credit-balance--sm .credit-balance-progress{height:.375rem}.credit-balance--lg .credit-balance-progress{height:.75rem}.credit-balance-info{gap:var(--gap-sm);flex-direction:column;display:flex}.credit-balance-row{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.credit-balance--sm .credit-balance-row{font-size:var(--text-tiny)}.credit-balance--md .credit-balance-row,.credit-balance--lg .credit-balance-row{font-size:var(--text-body-sm)}.credit-balance-alert{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm);background:color-mix(in srgb, var(--destructive) 10%, transparent);border:1px solid color-mix(in srgb, var(--destructive) 20%, transparent);border-radius:var(--radius-sm);display:flex}.credit-balance--sm .credit-balance-alert{font-size:var(--text-tiny)}.credit-balance--md .credit-balance-alert,.credit-balance--lg .credit-balance-alert{font-size:var(--text-body-sm)}.credit-balance-alert-icon{width:1rem;height:1rem;color:var(--destructive);flex-shrink:0}.credit-balance-alert-text{color:var(--destructive)}.kpi-grid{gap:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.kpi-card{padding:var(--padding-lg)}.kpi-card:hover{border-color:var(--primary)}.kpi-header{justify-content:space-between;align-items:flex-start;gap:var(--gap-sm);display:flex}.kpi-info{gap:var(--gap-xs);flex-direction:column;min-width:0;display:flex}.kpi-title{font-size:var(--text-tiny);color:var(--muted);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.kpi-value{font-size:var(--text-stat-md);color:var(--titles);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.kpi-icon{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.kpi-icon--brand{color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent)}.kpi-change{align-items:center;gap:var(--gap-xs);margin-top:var(--margin-md);display:flex}.kpi-change-value{font-size:var(--text-small);font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:center;gap:2px;display:inline-flex}.kpi-change-value .icon-sm{width:.85rem;height:.85rem}.kpi-change--up{color:var(--success)}.kpi-change--down{color:var(--error)}.kpi-change--neutral{color:var(--muted)}.kpi-change-period{font-size:var(--text-tiny);color:var(--muted)}.kpi-card--loading{pointer-events:none}.kpi-skeleton{gap:var(--gap-sm);flex-direction:column;display:flex}.dynamic-card__content{gap:var(--gap-md);flex-direction:column;display:flex}.dynamic-card--horizontal{grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;gap:0;min-height:320px;padding:0;display:grid}.dynamic-card--horizontal>.card-image{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md) 0 0 var(--radius-md);grid-area:1/1/span 2;align-self:stretch;width:100%;height:100%;margin:0}.dynamic-card--horizontal>.card-content{padding:var(--padding-xl);gap:var(--gap-md);flex-direction:column;grid-area:1/2;display:flex}.dynamic-card--horizontal .dynamic-card__stats{background:0 0;padding:0}.dynamic-card--horizontal .dynamic-card__progress{margin-top:auto}.dynamic-card--horizontal>.card-footer{padding:0 var(--padding-xl) var(--padding-xl) var(--padding-xl);grid-area:2/2}@media (max-width:768px){.dynamic-card--horizontal{padding:var(--padding-section-sm);grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.dynamic-card--horizontal>.card-image{width:calc(100% + (var(--padding-section-sm) * 2));aspect-ratio:16/9;height:auto;margin:calc(var(--padding-section-sm) * -1);border-radius:var(--radius-md) var(--radius-md) 0 0;grid-area:1/1;margin-bottom:0}.dynamic-card--horizontal>.card-content{grid-area:2/1;padding:0}.dynamic-card--horizontal>.card-footer{grid-area:3/1;padding:0}}.dynamic-card__title,.dynamic-card__description{margin:0}.dynamic-card__stats{gap:var(--gap-md);padding:var(--padding-md);border-radius:var(--radius-md);background:0 0;flex-wrap:wrap;align-items:center;display:flex}.dynamic-card__stat{gap:var(--gap-xs);flex-direction:row;align-items:baseline;display:inline-flex}.dynamic-card__stat>span:first-child{color:var(--primary)}.dynamic-card__progress{gap:var(--gap-sm);flex-direction:column;display:flex}.dynamic-card__progress-header{justify-content:space-between;align-items:center;display:flex}.dynamic-card__progress-detail{margin:0}.import-export-container{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--padding-xl)}.import-export-header{margin-bottom:var(--margin-lg)}.import-export-header h3{font-size:var(--text-h5);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:600}.import-export-header p{font-size:var(--text-body-sm);color:var(--muted-foreground)}.import-export-grid{gap:var(--gap-xl);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.import-export-grid{grid-template-columns:1fr 1fr}}.import-export-section{gap:var(--gap-md);flex-direction:column;display:flex}.import-export-section h4{font-size:var(--text-body-sm);color:var(--foreground);margin-bottom:var(--margin-md);font-weight:500}.import-export-form{gap:var(--gap-md);flex-direction:column;display:flex}.import-export-field label{font-size:var(--text-tiny);color:var(--muted-foreground);margin-bottom:var(--margin-sm);font-weight:500;display:block}.import-export-count{font-size:var(--text-tiny);color:var(--muted-foreground)}.import-export-status{gap:var(--gap-sm);flex-direction:column;display:flex}.import-export-status-text{font-size:var(--text-tiny)}.import-export-status-text--success{color:var(--success)}.import-export-status-text--error{color:var(--destructive)}.import-export-status-text--muted{color:var(--muted-foreground)}.import-export-help{margin-top:var(--margin-lg);padding:var(--padding-md);background-color:var(--muted);border-radius:var(--radius-sm)}.import-export-help h5{font-size:var(--text-body-sm);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:500}.import-export-help ul{gap:var(--gap-xs);font-size:var(--text-tiny);color:var(--muted-foreground);flex-direction:column;display:flex}.import-export-help strong{color:var(--foreground);font-weight:600}.invite-members-form{gap:var(--gap-md);flex-direction:column;display:flex}.invite-members-input-group{gap:var(--gap-sm);display:flex}.invite-members-list{gap:var(--gap-sm);margin-top:var(--margin-md);flex-direction:column;display:flex}.invite-member-item{padding:var(--padding-md);background-color:var(--muted);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.kanban{gap:var(--gap-lg);padding:var(--padding-md);display:flex;overflow-x:auto}.kanban-column{background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);flex-direction:column;flex-shrink:0;width:300px;display:flex}.kanban-column-header{padding:var(--padding-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.kanban-column-title{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);margin:0}.kanban-column-count{font-size:var(--text-small);color:var(--muted);background:var(--bg);padding:var(--padding-xs) var(--padding-sm);border-radius:var(--radius-xs)}.kanban-column-content{padding:var(--padding-md);gap:var(--gap-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.kanban-card{padding:var(--padding-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-transform)}.kanban-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kanban-card-header{justify-content:space-between;align-items:flex-start;gap:var(--gap-sm);margin-bottom:var(--margin-sm);display:flex}.kanban-card-title{font-size:var(--text-body);font-weight:var(--font-medium);color:var(--titles);flex:1;margin:0}.kanban-card-priority{font-size:var(--text-small);padding:var(--padding-xs) var(--padding-sm);border-radius:var(--radius-xs);text-transform:capitalize}.kanban-card-priority--low{background:var(--surface);color:var(--muted)}.kanban-card-priority--medium{background:var(--warning);color:var(--bg)}.kanban-card-priority--high{background:var(--destructive);color:var(--on-primary)}.kanban-card-description{font-size:var(--text-small);color:var(--text);line-height:var(--leading-relaxed);margin:0 0 var(--margin-sm) 0}.kanban-card-assignee{font-size:var(--text-small);color:var(--muted)}.notification-center{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;max-width:400px;max-height:600px;display:flex}.notification-center-header{padding:var(--padding-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.notification-center-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin:0}.notification-center-list{flex:1;overflow-y:auto}.notification-center-empty{padding:var(--padding-xl);text-align:center;color:var(--muted)}.notification-item{gap:var(--gap-md);padding:var(--padding-md);border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition-colors);display:flex}.notification-item:hover,.notification-item--unread{background:var(--surface)}.notification-item--info{border-left:3px solid var(--primary)}.notification-item--success{border-left:3px solid var(--success)}.notification-item--warning{border-left:3px solid var(--warning)}.notification-item--error{border-left:3px solid var(--destructive)}.notification-content{flex:1}.notification-title{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.notification-message{font-size:var(--text-small);color:var(--text);line-height:var(--leading-relaxed);margin-bottom:var(--margin-sm)}.notification-timestamp{font-size:var(--text-small);color:var(--muted)}.notification-close{flex-shrink:0}.notification-bell{flex-shrink:0;position:relative}.notification-bell__trigger{border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-overlay);width:2.25rem;height:2.25rem;color:var(--text);cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;display:inline-flex;position:relative}.notification-bell__trigger:hover{border-color:var(--border);color:var(--titles)}.notification-bell__badge{border-radius:var(--radius-full);background:var(--primary);min-width:1rem;height:1rem;color:var(--on-primary);font-size:.625rem;font-weight:var(--font-bold);text-align:center;padding:0 3px;line-height:1rem;position:absolute;top:-3px;right:-3px}.notification-bell__panel{top:calc(100% + var(--gap-xs));z-index:var(--z-popover);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-raised);width:min(22rem,92vw);box-shadow:var(--shadow-raised);flex-direction:column;display:flex;position:absolute;right:0;overflow:hidden}.notification-bell__head{justify-content:space-between;align-items:center;gap:var(--gap-sm);padding:var(--padding-md);border-bottom:1px solid var(--border-soft);display:flex}.notification-bell__title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.notification-bell__mark{color:var(--primary);font-size:var(--text-tiny);font-weight:var(--font-semibold);cursor:pointer;background:0 0;border:none}.notification-bell__mark:hover{text-decoration:underline}.notification-bell__empty{align-items:center;gap:var(--gap-sm);padding:var(--padding-xl) var(--padding-lg);color:var(--muted);text-align:center;flex-direction:column;display:flex}.notification-bell__empty svg{color:color-mix(in srgb, var(--success) 80%, var(--muted))}.notification-bell__empty p{font-size:var(--text-small);margin:0}.notification-bell__list{padding:var(--padding-xs);max-height:min(60vh,24rem);margin:0;list-style:none;overflow-y:auto}.notification-bell__item{align-items:flex-start;gap:var(--gap-sm);width:100%;padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-sm);color:var(--text);text-align:left;cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;display:flex}.notification-bell__item:hover{background:var(--surface-overlay)}.notification-bell__icon{border-radius:var(--radius-full);background:var(--surface-overlay);width:1.75rem;height:1.75rem;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.notification-bell__item--unread .notification-bell__icon{background:color-mix(in srgb, var(--primary) 16%, transparent);color:var(--primary)}.notification-bell__dot{border-radius:var(--radius-full);background:var(--primary);flex-shrink:0;width:7px;height:7px;margin-top:.5rem}.notification-bell__item-body{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.notification-bell__item-title{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--titles)}.notification-bell__item-desc,.notification-bell__item-time{font-size:var(--text-tiny);color:var(--muted)}.plan-picker-container{width:100%}.plan-picker-billing{margin-bottom:var(--margin-lg)}.plan-picker-billing .toggle-button-group{background-color:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-full);padding:var(--padding-xs)}.plan-picker-billing .toggle-button-option{border-radius:var(--radius-full);padding:var(--padding-sm) var(--padding-lg)}.plan-picker-billing .toggle-button-option--active{background:var(--gradient-brand);color:var(--on-primary)}.plan-picker-billing .toggle-button-option--active:hover{color:var(--on-primary)}.plan-picker-grid{gap:var(--gap-lg);grid-template-columns:1fr;align-items:start;display:grid;overflow:visible}@media (min-width:48rem){.plan-picker-grid{grid-template-columns:repeat(3,1fr)}.plan-picker-grid--two-cols{grid-template-columns:repeat(2,1fr);max-width:56rem;margin:0 auto}}.plan-picker-card{background-color:var(--surface);border:1px solid var(--border-soft);height:100%;padding:var(--padding-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--duration-200) var(--easing-standard), box-shadow var(--duration-200) var(--easing-standard), border-color var(--duration-200) var(--easing-standard);flex-direction:column;display:flex;position:relative}.plan-picker-card:hover{border-color:color-mix(in srgb, var(--primary) 20%, var(--border-soft));box-shadow:var(--shadow-raised);transform:translateY(-2px)}.plan-picker-card--popular{background:linear-gradient(var(--surface-raised), var(--surface-raised)) padding-box, var(--gradient-brand) border-box;box-shadow:var(--glow-accent);border:1.5px solid #0000}.plan-picker-card--popular:hover{box-shadow:var(--glow-accent), var(--shadow-raised)}.plan-picker-card--selected{border-color:color-mix(in srgb, var(--primary) 50%, transparent);box-shadow:var(--ring-selected)}.plan-picker-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.plan-picker-badge-content{padding:var(--padding-xs) var(--padding-md);background:var(--gradient-brand);color:var(--on-primary);font-size:var(--text-tiny);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-full);box-shadow:var(--glow-accent);display:inline-block}.plan-picker-header{margin-bottom:var(--margin-lg)}.plan-picker-name{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.plan-picker-card--popular .plan-picker-name{color:var(--primary)}.plan-picker-description{color:var(--muted);font-size:var(--text-small);margin-bottom:var(--margin-md)}.plan-picker-price{align-items:baseline;gap:var(--gap-xs);flex-wrap:wrap;display:flex}.plan-picker-price-amount{font-size:var(--text-h2);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tight);color:var(--titles)}.plan-picker-price-period{color:var(--muted);font-size:var(--text-small)}.plan-picker-price-original{color:var(--muted);font-size:var(--text-small);margin-left:var(--margin-sm);text-decoration:line-through}.plan-picker-cta{width:100%;margin-bottom:var(--margin-lg)}.plan-picker-features{gap:var(--gap-sm);flex-direction:column;flex:1;display:flex}.plan-picker-feature{align-items:flex-start;gap:var(--gap-sm);font-size:var(--text-small);color:var(--text);display:flex}.plan-picker-feature-mark{color:var(--primary);font-weight:var(--font-semibold);line-height:var(--leading-tight);flex-shrink:0}.plan-picker-feature--muted{color:var(--muted)}.plan-picker-feature--muted .plan-picker-feature-mark{color:var(--muted);font-weight:var(--font-medium)}.plan-picker-feature-text{color:inherit}.pricing-table{gap:var(--gap-xl);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));max-width:80rem;margin:0 auto;display:grid}.pricing-card{padding:var(--padding-xl);background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;transition:all .2s;display:flex}.pricing-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg)}.pricing-card--featured{border-color:var(--primary);box-shadow:var(--shadow-lg);position:relative}.pricing-card-badge{padding:var(--padding-xs) var(--padding-md);background-color:var(--primary);color:var(--bg);font-size:var(--text-tiny);border-radius:var(--radius-full);font-weight:600;position:absolute;top:-.75rem;left:50%;transform:translate(-50%)}.pricing-card-header{margin-bottom:var(--margin-lg)}.pricing-card-name{font-size:var(--text-h4);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:600}.pricing-card-description{font-size:var(--text-body-sm);color:var(--muted-foreground);line-height:var(--leading-tight)}.pricing-card-price{margin-bottom:var(--margin-lg)}.pricing-card-amount{font-size:var(--text-h1);color:var(--foreground);font-weight:700;line-height:1}.pricing-card-period{font-size:var(--text-body);color:var(--muted-foreground)}.pricing-card-features{margin-bottom:var(--margin-lg);flex:1}.pricing-card-feature{align-items:flex-start;gap:var(--gap-sm);padding:var(--padding-sm) 0;font-size:var(--text-body-sm);color:var(--foreground);display:flex}.pricing-card-feature-icon{width:1.25rem;height:1.25rem;color:var(--primary);flex-shrink:0}.roles-matrix{overflow-x:auto}.roles-matrix-table{border-collapse:collapse;width:100%}.roles-matrix-header{background-color:var(--muted);font-weight:600;font-size:var(--text-body-sm);text-align:left;padding:var(--padding-md);border-bottom:1px solid var(--border)}.roles-matrix-cell{padding:var(--padding-md);border-bottom:1px solid var(--border);text-align:center}.roles-matrix-permission{font-size:var(--text-body-sm);color:var(--foreground);text-align:left}.saved-views-container{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--padding-md)}.saved-views-header{margin-bottom:var(--margin-md);justify-content:space-between;align-items:center;display:flex}.saved-views-header h3{font-size:var(--text-body-sm);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:500}.saved-views-header p{font-size:var(--text-tiny);color:var(--muted-foreground)}.saved-views-empty{text-align:center;padding:var(--padding-xl) 0}.saved-views-empty-icon{width:3rem;height:3rem;margin:0 auto var(--margin-md);color:var(--muted-foreground)}.saved-views-empty p{font-size:var(--text-body-sm);color:var(--muted-foreground);margin-bottom:var(--margin-md)}.saved-views-empty p:last-of-type{font-size:var(--text-tiny)}.saved-views-list{gap:var(--gap-sm);flex-direction:column;display:flex}.saved-view-card{padding:var(--padding-md);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.saved-view-card:hover{border-color:var(--primary)}.saved-view-card--active{border-color:var(--primary);background-color:color-mix(in srgb, var(--primary) 5%, transparent)}.saved-view-content{flex:1;min-width:0}.saved-view-header{align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-sm);display:flex}.saved-view-name{font-size:var(--text-body-sm);color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.saved-view-meta{align-items:center;gap:var(--gap-sm);font-size:var(--text-tiny);color:var(--muted-foreground);display:flex}.saved-view-actions{align-items:center;gap:var(--gap-xs);display:flex}.saved-views-form{gap:var(--gap-md);flex-direction:column;display:flex}.saved-views-form-field label{font-size:var(--text-body-sm);color:var(--foreground);margin-bottom:var(--margin-sm);font-weight:500;display:block}.saved-views-filters-preview{background-color:var(--muted);padding:var(--padding-md);border-radius:var(--radius-sm)}.saved-views-filters-preview p{font-size:var(--text-tiny);color:var(--muted-foreground);margin-bottom:var(--margin-sm)}.saved-views-filters-list{gap:var(--gap-xs);flex-wrap:wrap;display:flex}.saved-views-form-actions{gap:var(--gap-md);padding-top:var(--padding-md);display:flex}.usage-metrics{gap:var(--gap-lg);flex-direction:column;display:flex}.usage-metric{gap:var(--gap-sm);flex-direction:column;display:flex}.usage-metric-header{justify-content:space-between;align-items:center;display:flex}.usage-metric-label{font-size:var(--text-body);font-weight:var(--font-medium);color:var(--titles)}.usage-metric-value{font-size:var(--text-small);color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.usage-metric-bar{background:var(--surface);border-radius:var(--radius-full);height:8px;overflow:hidden}.usage-metric-progress{background:var(--primary);height:100%;width:var(--usage-percentage);transition:width .3s}.usage-metric-progress--near{background:var(--warning)}.usage-metric-progress--over{background:var(--destructive)}.usage-metric-percentage{font-size:var(--text-small);color:var(--muted);text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.rank-hero{gap:var(--gap-lg);padding:var(--padding-lg);border-radius:var(--radius-2xl);border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);background:linear-gradient(150deg, color-mix(in srgb, var(--primary) 10%, transparent), var(--surface-raised) 58%);flex-direction:column;display:flex}.rank-hero__main{align-items:center;gap:var(--gap-xl);display:flex}.rank-hero__medal{width:5.5rem;height:5.5rem;clip-path:var(--shape-octagon);background:color-mix(in srgb, var(--primary) 42%, transparent);color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.rank-hero__medal:before{content:"";clip-path:var(--shape-octagon);background:radial-gradient(circle at 50% 34%, var(--surface-overlay), var(--bg) 72%);position:absolute;inset:1px}.rank-hero__symbol{z-index:1;color:var(--primary);justify-content:center;align-items:center;display:flex;position:relative}.rank-hero__symbol svg{width:3.75rem;height:3.75rem}.rank-hero__symbol .achievement-symbol__fill-body,.rank-hero__symbol .achievement-symbol__fill-accent{fill:var(--primary)}.rank-hero__info{gap:var(--gap-sm);flex-direction:column;flex:1;min-width:0;display:flex}.rank-hero__eyebrow{font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);color:var(--primary);margin:0}.rank-hero__identity{align-items:baseline;gap:var(--gap-md);flex-wrap:wrap;display:flex}.rank-hero__name{font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--titles)}.rank-hero__pct{font-size:var(--text-small);color:var(--muted)}.rank-hero__desc{font-size:var(--text-small);color:var(--muted);max-width:60ch;margin:0}.rank-hero__stats{font-size:var(--text-tiny);color:var(--muted);margin:0}.rank-hero__stats b{color:var(--text);font-weight:var(--font-semibold)}.rank-hero__accent{color:var(--primary);font-weight:var(--font-semibold)}.rank-hero__sep{color:var(--border)}@media (max-width:640px){.rank-hero__main{align-items:flex-start;gap:var(--gap-lg);flex-direction:column}}.rank-timeline{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:0;width:100%;padding-block:.75rem;display:flex;overflow:auto visible}.rank-timeline::-webkit-scrollbar{display:none}.rank-timeline__item{align-items:center;gap:var(--gap-xs);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.rank-timeline__item:not(:last-child):after{content:"";background:var(--border);z-index:0;height:2px;position:absolute;top:.5rem;left:calc(50% + .5rem);right:calc(.5rem - 50%)}.rank-timeline__item--done:not(:last-child):after,.rank-timeline__item--active:not(:last-child):after{background:var(--primary)}.rank-timeline__node{border-radius:var(--radius-full);border:2px solid var(--border);background:var(--bg);z-index:1;flex-shrink:0;width:1rem;height:1rem;transition:background .2s,border-color .2s;position:relative}.rank-timeline__item--done .rank-timeline__node{background:var(--success);border-color:var(--success)}.rank-timeline__item--active .rank-timeline__node{background:var(--rank-color,var(--primary));border-color:var(--rank-color,var(--primary));box-shadow:0 0 0 3px color-mix(in srgb, var(--rank-color,var(--primary)) 25%, transparent)}.rank-timeline__item--active .rank-timeline__node--symbol,.rank-timeline__item--done .rank-timeline__node--symbol{box-shadow:none;background:0 0;border-color:#0000}.rank-timeline__label{font-size:var(--text-tiny);color:var(--muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:4.5rem;line-height:1.3;overflow:hidden}.rank-timeline__item--active .rank-timeline__label{color:var(--rank-color,var(--primary));font-weight:var(--font-semibold)}.rank-timeline__item--done .rank-timeline__label{color:var(--muted)}.rank-timeline__node--symbol{width:4rem;height:4rem;box-shadow:none;background:0 0;border:none}.rank-timeline__medal{width:100%;height:100%;clip-path:var(--shape-octagon);background:var(--border-soft);color:var(--muted);justify-content:center;align-items:center;display:flex;position:relative}.rank-timeline__medal:before{content:"";clip-path:var(--shape-octagon);background:radial-gradient(circle at 50% 34%, var(--surface-overlay), var(--bg) 72%);position:absolute;inset:1px}.rank-timeline__medal svg{z-index:1;width:2.5rem;height:2.5rem;position:relative}.rank-timeline__item--done .rank-timeline__medal,.rank-timeline__item--active .rank-timeline__medal{background:color-mix(in srgb, var(--primary) 40%, transparent);color:var(--primary)}.rank-timeline__item--done .rank-timeline__medal:before,.rank-timeline__item--active .rank-timeline__medal:before{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 20%, transparent), color-mix(in srgb, var(--primary) 5%, transparent))}.rank-timeline__item--active .rank-timeline__medal{filter:drop-shadow(0 0 .5rem color-mix(in srgb, var(--primary) 30%, transparent))}.rank-timeline__medal .achievement-symbol__fill-body,.rank-timeline__medal .achievement-symbol__fill-accent{fill:currentColor}.rank-timeline__item:has(.rank-timeline__node--symbol):not(:last-child):after{top:2rem;left:calc(50% + 2rem);right:calc(2rem - 50%)}@media (max-width:480px){.rank-timeline__label{display:none}.rank-timeline__item--active .rank-timeline__label{display:block}}.rank-path{gap:var(--gap-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rank-path__row{align-items:center;gap:var(--gap-md);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:var(--card-inset);display:flex}.rank-path__row--current{border-color:color-mix(in srgb, var(--primary) 40%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 10%, transparent), var(--surface-raised) 60%)}.rank-path__icon{width:2.75rem;height:2.75rem;clip-path:var(--shape-octagon);background:color-mix(in srgb, var(--primary) 30%, transparent);color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.rank-path__icon:before{content:"";clip-path:var(--shape-octagon);background:radial-gradient(circle at 50% 34%, var(--surface-overlay), var(--bg) 72%);position:absolute;inset:1px}.rank-path__icon svg{z-index:1;width:1.5rem;height:1.5rem;position:relative}.rank-path__icon .achievement-symbol__fill-body,.rank-path__icon .achievement-symbol__fill-accent{fill:var(--primary)}.rank-path__row--current .rank-path__icon{background:var(--primary);width:3.25rem;height:3.25rem}.rank-path__row--current .rank-path__icon:before{inset:2px}.rank-path__row--locked .rank-path__icon{background:var(--border-soft);color:var(--muted)}.rank-path__row--locked .rank-path__icon .achievement-symbol__fill-body,.rank-path__row--locked .rank-path__icon .achievement-symbol__fill-accent{fill:var(--muted)}.rank-path__info{gap:var(--gap-2xs);flex-direction:column;flex:1;min-width:0;display:flex}.rank-path__top{align-items:center;gap:var(--gap-sm);display:flex}.rank-path__name{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles)}.rank-path__row--locked .rank-path__name{color:var(--text)}.rank-path__pill{font-size:var(--text-tiny);padding:2px var(--gap-sm);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide)}.rank-path__pill--reached{color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent)}.rank-path__pill--current{color:var(--primary);background:color-mix(in srgb, var(--primary) 16%, transparent)}.rank-path__pill--locked{color:var(--muted);background:color-mix(in srgb, var(--muted) 12%, transparent)}.rank-path__desc{font-size:var(--text-tiny);color:var(--muted);margin:0}.rank-path__band{font-size:var(--text-tiny);color:var(--muted);flex-shrink:0}.rank-path__row--current .rank-path__band{color:var(--primary)}.badge-card{gap:var(--gap-md);padding:var(--padding-md);border-color:color-mix(in srgb, var(--primary) 22%, transparent);flex-direction:row}.badge-card__chip{flex-shrink:0;width:3rem;height:3rem}.badge-card__body{gap:var(--gap-2xs);flex-direction:column;flex:1;min-width:0;display:flex}.badge-card__top{align-items:center;gap:var(--gap-sm);display:flex}.badge-card__name{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles)}.badge-card__pill{font-size:var(--text-tiny);padding:2px var(--gap-sm);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide)}.badge-card__pill--in_progress{color:var(--primary);background:color-mix(in srgb, var(--primary) 16%, transparent)}.badge-card__pill--obtained{color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent)}.badge-card__pill--locked{color:var(--muted);background:color-mix(in srgb, var(--muted) 12%, transparent)}.badge-card__desc{font-size:var(--text-tiny);color:var(--muted);margin:0}.badge-card__progress{align-items:center;gap:var(--gap-sm);margin-top:var(--gap-2xs);display:flex}.badge-card__bar{border-radius:var(--radius-full);background:color-mix(in srgb, var(--titles) 8%, transparent);flex:1;height:5px;overflow:hidden}.badge-card__bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--primary), var(--accent-2));height:100%}.badge-card__count{font-size:var(--text-tiny);color:var(--primary);flex-shrink:0}.badge-card__reste{font-size:var(--text-tiny);color:var(--muted);margin:0}.badge-card__reste b{color:var(--text);font-weight:var(--font-semibold)}.badge-detail-card{gap:var(--gap-sm);padding:var(--padding-md)}.badge-detail-card--obtained{border-color:color-mix(in srgb, var(--primary) 28%, transparent)}.badge-detail-card--in_progress{border-color:color-mix(in srgb, var(--primary) 22%, transparent)}.badge-detail-card--locked{background:var(--surface)}.badge-detail-card--obtained:hover,.badge-detail-card--in_progress:hover{border-color:color-mix(in srgb, var(--primary) 40%, transparent)}.badge-detail-card__header{align-items:center;gap:var(--gap-sm);display:flex}.badge-detail-card__chip{flex-shrink:0;width:4.25rem;height:4.25rem}.badge-detail-card__chip .badge-chip__icon{width:3.75rem;height:3.75rem}.badge-detail-card__heading{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.badge-detail-card__name{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles);line-height:var(--leading-tight)}.badge-detail-card--locked .badge-detail-card__name{color:var(--text)}.badge-detail-card__category{font-size:var(--text-tiny);color:var(--muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.badge-detail-card__pill{font-size:var(--text-tiny);padding:2px var(--gap-sm);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide);white-space:nowrap;flex-shrink:0;align-self:flex-start}.badge-detail-card__pill--obtained{color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent)}.badge-detail-card__pill--in_progress{color:var(--primary);background:color-mix(in srgb, var(--primary) 16%, transparent)}.badge-detail-card__pill--locked{color:var(--muted);background:color-mix(in srgb, var(--muted) 12%, transparent)}.badge-detail-card__description{font-size:var(--text-tiny);color:var(--muted);line-height:var(--leading-relaxed);margin:0}.badge-detail-card--locked .badge-detail-card__description{opacity:.75}.badge-detail-card__progress{gap:var(--gap-2xs);flex-direction:column;display:flex}.badge-detail-card__progress-top{justify-content:space-between;align-items:baseline;gap:var(--gap-sm);display:flex}.badge-detail-card__progress-label{font-size:var(--text-tiny);color:var(--muted)}.badge-detail-card--in_progress .badge-detail-card__progress-label{color:var(--primary)}.badge-detail-card--obtained .badge-detail-card__progress-label{color:var(--success)}.badge-detail-card__progress-pct{font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--muted);font-variant-numeric:tabular-nums}.badge-detail-card__track{border-radius:var(--radius-full);background:color-mix(in srgb, var(--titles) 8%, transparent);width:100%;height:5px;overflow:hidden}.badge-detail-card__fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--primary), var(--accent-2));height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.badge-detail-card--locked .badge-detail-card__fill{background:color-mix(in srgb, var(--muted) 45%, transparent)}.badge-detail-card__chapters{gap:var(--gap-xs);padding-top:var(--gap-2xs);flex-direction:column;display:flex}.badge-detail-card__divider{background:var(--border-soft);height:1px}.badge-detail-card__chapters-label{font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.badge-collection__filters{gap:var(--gap-sm);margin-bottom:var(--margin-md);flex-direction:column;display:flex}.badge-collection__filter-group{gap:var(--gap-xs);flex-wrap:wrap;align-items:center;display:flex}.badge-collection__filter-group-label{font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);flex-shrink:0;width:3.5rem}.badge-collection__filter-btn{font-size:var(--text-small);font-weight:var(--font-medium);padding:var(--gap-xs) var(--gap-md);border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border-soft);color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;line-height:1.4;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.badge-collection__filter-btn:hover{border-color:color-mix(in srgb, var(--primary) 40%, transparent)}.badge-collection__filter-btn--active{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:var(--font-semibold)}.badge-collection__filter-btn--active:hover{border-color:var(--primary)}.badge-collection__result-count{font-size:var(--text-tiny);color:var(--muted);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.badge-collection__grid{margin-top:var(--margin-md);gap:var(--gap-md);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:640px){.badge-collection__grid{grid-template-columns:1fr}}.badge-collection__category-heading{font-size:var(--text-body-sm);font-weight:var(--font-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:var(--padding-sm);border-bottom:1px solid var(--border);margin-bottom:var(--margin-md);position:relative}.badge-collection__category-heading:before{content:"";background:var(--primary);border-radius:var(--radius-full);width:2.5rem;height:2px;position:absolute;bottom:-1px;left:0}.badge-collection__empty{align-items:center;gap:var(--gap-md);padding:var(--padding-2xl) var(--padding-lg);text-align:center;color:var(--muted);flex-direction:column;grid-column:1/-1;display:flex}.badge-collection__empty-text{font-size:var(--text-body-sm);color:var(--muted)}@media (max-width:640px){.badge-collection__filter-group-label{width:100%}.badge-collection__filter-group+.badge-collection__filter-group{padding-top:var(--padding-sm)}}.chapter-progress{gap:var(--gap-xs);flex-direction:column;display:flex}.chapter-progress__item{gap:var(--gap-2xs);padding:var(--padding-xs) 0;flex-direction:column;display:flex}.chapter-progress__item-row{align-items:center;gap:var(--gap-sm);display:flex}.chapter-progress__indicator{border-radius:var(--radius-full);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;display:flex}.chapter-progress__indicator--validated{background:var(--success);border-color:var(--success);color:var(--bg);font-size:var(--text-tiny);line-height:1}.chapter-progress__indicator--in-progress{background:var(--primary);border-color:var(--primary)}.chapter-progress__indicator--pending{border-color:var(--border);background:0 0}.chapter-progress__label{font-size:var(--text-tiny);color:var(--text);flex:1;line-height:1.4}.chapter-progress__label--validated{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--success);text-decoration-color:var(--success)}.chapter-progress__sub{font-size:var(--text-tiny);color:var(--muted);white-space:nowrap;margin-left:auto}.chapter-progress__bar-track{background:color-mix(in srgb, var(--border) 60%, transparent);border-radius:var(--radius-full);height:3px;margin-left:calc(1rem + var(--margin-sm));overflow:hidden}.chapter-progress__bar-fill{background:var(--border);border-radius:var(--radius-full);min-width:0;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.chapter-progress__bar-fill--validated{background:var(--success)}.chapter-progress__bar-fill--in-progress{background:var(--primary)}.badge-grid{gap:var(--gap-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.badge-grid--featured{gap:var(--gap-md);grid-template-columns:repeat(2,1fr)}.badge-grid--compact{gap:var(--gap-sm);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}@media (max-width:768px){.badge-grid--featured{gap:var(--gap-md);grid-template-columns:1fr}}@media (max-width:640px){.badge-grid{grid-template-columns:1fr 1fr}.badge-grid--compact{gap:var(--gap-xs);grid-template-columns:1fr 1fr}}.achievement{--achievement-glow:var(--primary);--achievement-locked:var(--muted);--achievement-size:6rem;align-items:center;gap:var(--gap-sm);cursor:default;-webkit-user-select:none;user-select:none;flex-direction:column;display:inline-flex}.achievement--sm{--achievement-size:4rem}.achievement--md{--achievement-size:6rem}.achievement--lg{--achievement-size:8rem}.achievement__visual{width:var(--achievement-size);height:var(--achievement-size);justify-content:center;align-items:center;display:flex;position:relative}.achievement__base-glow{background:radial-gradient(ellipse 60% 60% at 50% 55%, color-mix(in srgb, var(--achievement-glow) 32%, transparent) 0%, color-mix(in srgb, var(--achievement-glow) 10%, transparent) 48%, transparent 68%);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .35s;position:absolute;inset:0}.achievement--rank .achievement__base-glow{border-radius:14%}.achievement--unlocked .achievement__base-glow{opacity:1}.achievement--unlocked .achievement__base-image{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--achievement-glow) 45%, transparent)) drop-shadow(0 0 6px color-mix(in srgb, var(--achievement-glow) 18%, transparent))}.achievement__base{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.achievement__base-image{-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.achievement__symbol{justify-content:center;align-items:center;width:50%;height:50%;transition:filter .35s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.achievement--rank .achievement__symbol{width:46%;height:46%;top:48%}.achievement-symbol{width:100%;height:100%;overflow:visible}.achievement-symbol__body,.achievement-symbol__accent{fill:none}.achievement-symbol__fill-body,.achievement-symbol__fill-accent{fill:var(--achievement-locked);stroke:none}.achievement--locked .achievement-symbol__body{stroke:var(--achievement-locked);opacity:.55}.achievement--locked .achievement-symbol__accent{stroke:var(--achievement-locked);opacity:.35}.achievement--locked .achievement-symbol__fill-body{fill:var(--achievement-locked);opacity:.55}.achievement--locked .achievement-symbol__fill-accent{fill:var(--achievement-locked);opacity:.35}.achievement--unlocked .achievement-symbol__body{stroke:color-mix(in srgb, var(--achievement-glow) 65%, var(--muted))}.achievement--unlocked .achievement-symbol__accent{stroke:var(--achievement-glow)}.achievement--unlocked .achievement-symbol__fill-body{fill:color-mix(in srgb, var(--achievement-glow) 65%, var(--muted));opacity:1}.achievement--unlocked .achievement-symbol__fill-accent{fill:var(--achievement-glow);opacity:1}.achievement--unlocked .achievement__symbol{filter:drop-shadow(0 0 3px var(--achievement-glow)) drop-shadow(0 0 9px color-mix(in srgb, var(--achievement-glow) 50%, transparent))}.achievement__label{font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--achievement-locked);text-align:center;line-height:var(--leading-tight);max-width:calc(var(--achievement-size) * 1.25);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.achievement--unlocked .achievement__label{color:var(--achievement-glow)}@media (prefers-reduced-motion:reduce){.achievement__symbol,.achievement__base-glow{transition:none!important}}.onboarding{background:var(--bg);min-height:100vh;color:var(--text)}.onboarding__topbar{padding:var(--padding-lg) var(--padding-section-md);justify-content:space-between;align-items:center;display:flex}.onboarding__topbar-note{color:var(--muted)}.onboarding__body{max-width:50rem;padding:var(--padding-md) var(--padding-section-md) var(--padding-section-lg);margin:0 auto}.onboarding__head{text-align:center;margin-bottom:var(--margin-lg)}.onboarding__title{font-size:var(--text-h1);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--titles);margin:0 0 var(--margin-sm) 0}.onboarding__subtitle{font-size:var(--text-body);color:var(--muted);line-height:var(--leading-relaxed);max-width:30rem;margin:0 auto}.onboarding__grid{gap:var(--gap-md);margin-bottom:var(--margin-lg);grid-template-columns:repeat(2,1fr);display:grid}.onboarding__footer{justify-content:space-between;align-items:center;gap:var(--gap-md);display:flex}.onboarding__skip{font-size:var(--text-body-sm);color:var(--muted);cursor:pointer;transition:color var(--duration-200) var(--easing-standard);background:0 0;border:none;padding:0}.onboarding__skip:hover{color:var(--text)}@media (max-width:640px){.onboarding__grid{grid-template-columns:1fr}.onboarding__title{font-size:var(--text-h2)}.onboarding__footer{flex-direction:column-reverse;align-items:stretch}}.settings-shell{max-width:68rem;padding:var(--padding-section-md) var(--padding-section-md) var(--padding-section-lg);margin:0 auto}.settings-shell__head{margin-bottom:var(--margin-md)}.settings-shell__eyebrow{margin-bottom:var(--margin-sm);color:var(--muted);display:block}.settings-shell__eyebrow-active{color:var(--primary)}.settings-shell__title{font-size:clamp(1.875rem, 5vw, var(--text-h2));font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tight);color:var(--titles);margin:0}.settings-shell__body{gap:var(--gap-lg);grid-template-columns:13.25rem 1fr;align-items:start;display:grid}.settings-shell__nav{gap:var(--gap-2xs);top:var(--gap-lg);flex-direction:column;display:flex;position:sticky}.settings-shell__nav-item{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-sm);border-radius:var(--radius-md);font-size:var(--text-body-sm);color:var(--muted);text-align:left;cursor:pointer;transition:color var(--duration-200) var(--easing-standard), background var(--duration-200) var(--easing-standard), border-color var(--duration-200) var(--easing-standard);background:0 0;border:1px solid #0000;display:flex}.settings-shell__nav-item:hover{color:var(--text);background:color-mix(in srgb, var(--muted) 8%, transparent)}.settings-shell__nav-item:focus-visible{box-shadow:var(--focus-ring);outline:none}.settings-shell__nav-item--active,.settings-shell__nav-item--active:hover{color:var(--primary);font-weight:var(--font-semibold);background:color-mix(in srgb, var(--primary) 10%, transparent);border-color:color-mix(in srgb, var(--primary) 25%, transparent)}.settings-shell__nav-icon{flex:none;display:inline-flex}.settings-shell__content{gap:var(--gap-md);flex-direction:column;min-width:0;display:flex}.account-account-type{align-items:center;gap:var(--gap-sm);display:flex}.settings-plan-card{background:linear-gradient(150deg, color-mix(in srgb, var(--primary) 9%, var(--surface)), var(--surface) 60%);border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border-soft))}@media (max-width:720px){.settings-shell{padding:var(--padding-lg) var(--padding-md) var(--padding-section-sm)}.settings-shell__body{grid-template-columns:1fr}.settings-shell__nav{flex-flow:wrap;position:static}}.error-page{min-height:100vh;padding:var(--padding-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.error-page-code{font-size:var(--text-display-lg);letter-spacing:-.03em;color:var(--primary);margin-bottom:var(--margin-md);font-weight:800;line-height:1}.error-page-code--danger{color:var(--destructive)}.error-page-title{font-size:var(--text-stat-md);color:var(--foreground);margin-bottom:var(--margin-md);font-weight:600}.error-page-description{font-size:var(--text-body);color:var(--muted-foreground);max-width:32rem;margin-bottom:var(--margin-lg);line-height:1.6}.error-page-actions{gap:var(--gap-md);flex-wrap:wrap;justify-content:center;display:flex}.error-page-detail{margin-bottom:var(--margin-lg);padding:var(--padding-md) var(--padding-lg);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-body-sm);color:var(--muted-foreground);text-align:left}.error-page-detail strong{color:var(--foreground);font-weight:600}.error-page-back{margin-top:var(--margin-md);font-size:var(--text-body-sm);color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s}.error-page-back:hover{color:var(--foreground)}.theme-toggle{border-radius:var(--radius-md);background-color:var(--bg);border:1px solid var(--border);cursor:pointer;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:inline-flex}.theme-toggle:hover{background-color:var(--accent);border-color:var(--primary)}.theme-toggle-icon{width:1.25rem;height:1.25rem;color:var(--foreground)}.brand-theme-selector{gap:var(--gap-md);padding:var(--padding-md);background-color:var(--muted);border-radius:var(--radius-md);display:flex}.brand-swatch{border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;width:2rem;height:2rem;transition:all .2s}.brand-swatch:hover{transform:scale(1.1)}.brand-swatch--active{border-color:var(--foreground);box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--foreground)}.loading-boundary{min-height:20rem;padding:var(--padding-section-sm);justify-content:center;align-items:center;display:flex}.loading-boundary-spinner{border:3px solid var(--muted);border-top-color:var(--primary);border-radius:var(--radius-full);width:3rem;height:3rem;animation:1s linear infinite spin}.loading-boundary-text{margin-top:var(--margin-md);font-size:var(--text-body-sm);color:var(--muted-foreground)}.prompt-editor{gap:var(--gap-md);flex-direction:column;display:flex}.prompt-editor-toolbar{justify-content:space-between;align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.prompt-editor-actions{align-items:center;gap:var(--gap-sm);display:flex}.prompt-editor-button{font-size:var(--text-tiny)}.prompt-editor-icon{width:1rem;height:1rem;margin-right:var(--margin-sm)}.prompt-editor-stats{font-size:var(--text-tiny);color:var(--muted)}.prompt-editor-presets,.prompt-editor-history{max-height:15rem;overflow-y:auto}.prompt-editor-panel-title{font-size:var(--text-body-sm);color:var(--titles);margin:0 0 var(--margin-md);font-weight:500}.prompt-editor-category{margin-bottom:var(--margin-md)}.prompt-editor-category:last-child{margin-bottom:0}.prompt-editor-category-title{font-size:var(--text-tiny);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--margin-sm);font-weight:500}.prompt-editor-preset-list,.prompt-editor-history-list{gap:var(--gap-sm);flex-direction:column;display:flex}.prompt-editor-preset,.prompt-editor-history-item{text-align:left;width:100%;padding:var(--padding-md);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;border:none;transition:all .2s}.prompt-editor-preset:hover,.prompt-editor-history-item:hover{background:#ffffff1a}.prompt-editor-preset-header,.prompt-editor-history-header{margin-bottom:var(--margin-sm);justify-content:space-between;align-items:flex-start;display:flex}.prompt-editor-preset-name{font-size:var(--text-body-sm);color:var(--titles);margin:0;font-weight:500}.prompt-editor-preset:hover .prompt-editor-preset-name{color:var(--primary)}.prompt-editor-preset-tags{gap:var(--gap-xs);display:flex}.prompt-editor-tag{font-size:var(--text-tiny);color:var(--muted);background:#ffffff1a}.prompt-editor-preset-text,.prompt-editor-history-text{font-size:var(--text-tiny);color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.prompt-editor-history-item:hover .prompt-editor-history-text{color:var(--primary)}.prompt-editor-history-date{font-size:var(--text-tiny);color:var(--muted)}.prompt-editor-history-badge{font-size:var(--text-tiny);background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success)}.prompt-editor-save-title{font-size:var(--text-body-sm);color:var(--titles);margin:0 0 var(--margin-md);font-weight:500}.prompt-editor-save-form{gap:var(--gap-sm);display:flex}.prompt-editor-save-input{padding:var(--padding-sm) var(--padding-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--titles);font-size:var(--text-body-sm);flex:1}.prompt-editor-save-input::placeholder{color:var(--muted)}.prompt-editor-save-input:focus{border-color:var(--primary);outline:none}.prompt-editor-main{position:relative}.prompt-editor-textarea{resize:none;min-height:7.5rem}.prompt-editor-generate{bottom:var(--gap-md);right:var(--gap-md);position:absolute}.prompt-editor-generate-button{box-shadow:var(--shadow-4)}.prompt-editor-spinner{width:1rem;height:1rem;margin-right:var(--margin-sm);animation:1s linear infinite spin}.prompt-editor-spinner-track{opacity:.25}.prompt-editor-spinner-fill{opacity:.75}.model-selector{gap:var(--gap-md);flex-direction:column;display:flex}.model-card{cursor:pointer;position:relative}.model-card:hover{border-color:#ffffff1a}.model-card--selected{border-color:var(--primary);box-shadow:var(--ring-selected)}.model-card--disabled{opacity:.5;cursor:not-allowed}.model-card-header{margin-bottom:var(--margin-md);justify-content:space-between;align-items:flex-start;display:flex}.model-card-info{flex:1}.model-card-title-row{align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-sm);flex-wrap:wrap;display:flex}.model-card-name{font-size:var(--text-body-sm);color:var(--titles);margin:0;font-weight:500}.model-card-badge{font-size:var(--text-tiny)}.model-type--audio{background:color-mix(in srgb, var(--info) 15%, transparent);color:var(--info)}.model-type--vocal{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary)}.model-type--instrumental{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success)}.model-type--mastering{background:color-mix(in srgb, var(--warning) 15%, transparent);color:var(--warning)}.model-quality--standard{background:color-mix(in srgb, var(--muted) 15%, transparent);color:var(--muted)}.model-quality--premium{background:color-mix(in srgb, var(--warning) 15%, transparent);color:var(--warning)}.model-quality--pro{background:color-mix(in srgb, var(--destructive) 15%, transparent);color:var(--destructive)}.model-badge--beta{background:color-mix(in srgb, var(--info) 15%, transparent);color:var(--info)}.model-badge--unavailable{background:color-mix(in srgb, var(--destructive) 15%, transparent);color:var(--destructive)}.model-card-description{font-size:var(--text-tiny);color:var(--muted);margin:0 0 var(--margin-sm);line-height:1.4}.model-card-meta{font-size:var(--text-tiny);color:var(--muted)}.model-card-pricing{text-align:right;flex-shrink:0}.model-card-price{font-size:var(--text-body-sm);color:var(--titles);font-weight:500}.model-card-unit{font-size:var(--text-tiny);color:var(--muted)}.model-card-capabilities{margin-bottom:var(--margin-md)}.model-card-capabilities-title{font-size:var(--text-tiny);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--margin-sm);font-weight:500}.model-card-capabilities-list{gap:var(--gap-xs);flex-wrap:wrap;display:flex}.model-capability{padding:var(--padding-xs) var(--padding-sm);font-size:var(--text-tiny);color:var(--muted);border-radius:var(--radius-sm);background:#ffffff0d}.model-card-selected{top:var(--gap-md);right:var(--gap-md);position:absolute}.model-card-checkmark{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.model-card-check-icon{color:#fff;width:.75rem;height:.75rem}.model-selector-empty{text-align:center;padding:var(--padding-xl) var(--padding-md)}.model-selector-empty-text{font-size:var(--text-body-sm);color:var(--muted)}.assistant-card{background:linear-gradient(160deg, color-mix(in srgb, var(--primary) 7%, transparent), var(--surface) 62%);border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);border-radius:var(--radius-lg);padding:var(--padding-lg);gap:var(--gap-md);flex-direction:column;display:flex}.assistant-card__head{align-items:center;gap:var(--gap-sm);display:flex}.assistant-card__icon{border-radius:var(--radius-full);background:color-mix(in srgb, var(--primary) 16%, transparent);width:24px;height:24px;color:var(--primary);flex:none;justify-content:center;align-items:center;display:flex}.assistant-card__name{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles)}.assistant-card__text{font-size:var(--text-small);color:var(--text);margin:0;line-height:1.55}.assistant-card__cta{align-items:center;gap:var(--gap-sm);font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--on-primary);background:var(--gradient-brand);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-md);align-self:flex-start;display:inline-flex}.assistant-card__cta--soon{color:var(--muted);background:var(--surface-raised);border:1px solid var(--border-soft);cursor:default}.assistant-card__soon{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--primary)}.assistant-card--inline{align-items:center;gap:var(--gap-sm);padding:var(--padding-md);border-radius:var(--radius-md);border-color:color-mix(in srgb, var(--primary) 20%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 6%, transparent), var(--surface-raised) 60%);flex-direction:row}.assistant-card--inline .assistant-card__icon{border-radius:var(--radius-sm);background:var(--primary);width:1.75rem;height:1.75rem;color:var(--on-primary)}.assistant-card--inline .assistant-card__text{min-width:0;color:var(--muted);flex:1}.assistant-card--inline .assistant-card__text b{color:var(--text)}.assistant-card__cta--inline{align-items:center;gap:var(--gap-xs);flex-shrink:0;display:inline-flex}@media (max-width:640px){.assistant-card--inline{flex-direction:column;align-items:flex-start}}.assistant-message{gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-md);font-size:var(--text-small);line-height:1.5;display:flex}.assistant-message p{margin:0}.assistant-message--assistant{background:var(--surface-raised);border:1px solid var(--border-soft);color:var(--text)}.assistant-message--assistant svg{color:var(--primary);flex-shrink:0;margin-top:2px}.assistant-message--user{background:color-mix(in srgb, var(--primary) 14%, transparent);border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);max-width:85%;color:var(--text);align-self:flex-end}.assistant-panel{z-index:var(--z-modal);pointer-events:none;position:fixed;inset:0;overflow:hidden}.assistant-panel__scrim{opacity:0;transition:opacity var(--duration-200) var(--easing-standard);background:#00000080;position:absolute;inset:0}.assistant-panel__panel{gap:var(--gap-md);width:min(380px,92vw);height:100vh;padding:var(--padding-lg);background:var(--surface);border-left:1px solid var(--border-soft);box-shadow:var(--shadow-raised);transition:transform var(--duration-200) var(--easing-standard);flex-direction:column;display:flex;position:absolute;top:0;right:0;overflow-y:auto;transform:translate(100%)}.assistant-panel--open{pointer-events:auto}.assistant-panel--open .assistant-panel__scrim{opacity:1}.assistant-panel--open .assistant-panel__panel{transform:translate(0)}.assistant-panel__head{justify-content:space-between;align-items:center;display:flex}.assistant-panel__brand{align-items:center;gap:var(--gap-sm);color:var(--primary);display:flex}.assistant-panel__meta{flex-direction:column;display:flex}.assistant-panel__name{color:var(--titles);font-weight:700;font-size:var(--text-body)}.assistant-panel__status{color:var(--success);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide)}.assistant-panel__close{border-radius:var(--radius-full);border:1px solid var(--border-soft);width:1.75rem;height:1.75rem;color:var(--muted);cursor:pointer;transition:var(--transition-colors);background:0 0;justify-content:center;align-items:center;display:inline-flex}.assistant-panel__close:hover{color:var(--text);background:var(--surface-raised)}.assistant-panel__body{gap:var(--gap-md);flex-direction:column;flex:1;display:flex}.assistant-panel__composer{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-sm) var(--padding-sm) var(--padding-md);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-overlay);display:flex}.assistant-panel__composer--disabled{opacity:.7}.assistant-panel__input{color:var(--muted);font-size:var(--text-small);flex:1}.assistant-panel__send{border-radius:var(--radius-full);background:var(--primary);width:1.75rem;height:1.75rem;color:var(--on-primary);justify-content:center;align-items:center;display:inline-flex}.assistant-panel__soon{text-align:center;color:var(--muted);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);margin:0}@media (prefers-reduced-motion:reduce){.assistant-panel__panel,.assistant-panel__scrim{transition:none}}.assistant-preview{gap:var(--gap-md);padding:var(--padding-lg);flex-direction:column;display:flex}.assistant-preview__head{align-items:center;gap:var(--gap-sm);padding-bottom:var(--padding-sm);border-bottom:1px solid var(--border-soft);display:flex}.assistant-preview__brand{align-items:center;gap:var(--gap-sm);display:flex}.assistant-preview__avatar{border-radius:var(--radius-md);background:var(--primary);width:2.25rem;height:2.25rem;color:var(--on-primary);justify-content:center;align-items:center;display:inline-flex}.assistant-preview__avatar svg{fill:currentColor}.assistant-preview__meta{flex-direction:column;display:flex}.assistant-preview__name{font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles)}.assistant-preview__status{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--primary)}.assistant-preview__body{gap:var(--gap-sm);flex-direction:column;display:flex}.assistant-preview__quick{gap:var(--gap-xs);flex-wrap:wrap;display:flex}.assistant-preview__chip{font-size:var(--text-small);color:var(--text);background-color:var(--surface-raised);border:1px solid var(--border-soft);padding:var(--gap-2xs) var(--gap-sm);border-radius:var(--radius-full)}.assistant-preview__composer{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-sm) var(--padding-sm) var(--padding-md);border-radius:var(--radius-md);border:1px solid var(--border-soft);background-color:var(--surface-sunken);display:flex;box-shadow:inset 0 1px 2px #00000059}.assistant-preview__input{color:var(--muted);font-size:var(--text-small);flex:1}.assistant-preview__send{border-radius:var(--radius-md);background:var(--primary);width:1.75rem;height:1.75rem;color:var(--on-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.assistant-reco{gap:var(--gap-md);padding:var(--padding-lg);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 8%, var(--surface-raised)), var(--surface-raised));flex-direction:column;display:flex}.assistant-reco__head{align-items:center;gap:var(--gap-sm);color:var(--primary);font-size:var(--text-small);font-weight:var(--font-semibold);display:flex}.assistant-reco__text{color:var(--text);font-size:var(--text-small);margin:0;line-height:1.55}.assistant-reco__text b{color:var(--titles)}.assistant-reco__rows{gap:var(--gap-sm);flex-direction:column;display:flex}.assistant-reco__row{align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface);color:var(--text);font-size:var(--text-small);display:flex}.assistant-reco__row-dot{border-radius:var(--radius-full);border:2px solid var(--primary);flex-shrink:0;width:8px;height:8px}.assistant-reco__row-title{flex:1;min-width:0}.assistant-reco__row svg{color:var(--muted);flex-shrink:0}.assistant-reco__row-q{border-radius:var(--radius-full);background:color-mix(in srgb, var(--primary) 16%, transparent);width:1.25rem;height:1.25rem;color:var(--primary);font-size:var(--text-tiny);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.assistant-reco__row-xp{color:var(--primary);font-size:var(--text-tiny);font-weight:var(--font-semibold);flex-shrink:0}.suggestion-chips{gap:var(--gap-sm);flex-wrap:wrap;display:flex}.suggestion-chip{padding:var(--padding-xs) var(--padding-md);border-radius:var(--radius-full);border:1px solid var(--border-soft);background:var(--surface-raised);color:var(--muted);font-size:var(--text-tiny)}button.suggestion-chip{cursor:pointer;transition:var(--transition-colors)}button.suggestion-chip:hover{color:var(--text);border-color:color-mix(in srgb, var(--primary) 40%, transparent)}.asset-tile{cursor:pointer;position:relative}.asset-tile--selected{border-color:var(--primary);box-shadow:var(--ring-selected)}.asset-tile--clickable:hover{border-color:#ffffff1a}.asset-tile-media{margin-bottom:var(--margin-md);position:relative}.asset-tile-image{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);background:#ffffff0d;width:100%}.asset-tile-placeholder{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.asset-tile-icon{width:1.25rem;height:1.25rem;font-size:var(--text-h3)}.asset-tile-icon--audio{color:var(--info)}.asset-tile-icon--video{color:var(--primary)}.asset-tile-icon--image{color:var(--success)}.asset-tile-icon--document{color:var(--warning)}.asset-tile-icon--preset{color:var(--destructive)}.asset-tile-status{top:var(--gap-sm);right:var(--gap-sm);font-size:var(--text-tiny);position:absolute}.asset-status--processing{background:color-mix(in srgb, var(--info) 15%, transparent);color:var(--info)}.asset-status--ready{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success)}.asset-status--error{background:color-mix(in srgb, var(--destructive) 15%, transparent);color:var(--destructive)}.asset-status--draft{background:color-mix(in srgb, var(--muted) 15%, transparent);color:var(--muted)}.asset-tile-play{opacity:0;border-radius:var(--radius-sm);cursor:pointer;background:#00000080;border:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.asset-tile:hover .asset-tile-play{opacity:1}.asset-tile-play-icon{color:#fff;width:2rem;height:2rem;padding:var(--padding-sm);background:#fff3;border-radius:50%}.asset-tile-content{gap:var(--gap-sm);flex-direction:column;display:flex}.asset-tile-header{justify-content:space-between;align-items:flex-start;display:flex}.asset-tile-name{font-size:var(--text-body-sm);color:var(--titles);text-overflow:ellipsis;white-space:nowrap;padding-right:var(--padding-sm);flex:1;margin:0;font-weight:500;overflow:hidden}.asset-tile-type{font-size:var(--text-tiny);flex-shrink:0}.asset-tile-meta{font-size:var(--text-tiny);color:var(--muted);justify-content:space-between;align-items:center;display:flex}.asset-tile-details,.asset-tile-date{color:var(--muted)}.asset-tile-actions{top:var(--gap-sm);left:var(--gap-sm);opacity:0;gap:var(--gap-xs);transition:opacity .2s;display:flex;position:absolute}.asset-tile:hover .asset-tile-actions{opacity:1}.asset-tile-action{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color .2s;display:flex}.asset-tile-action:hover{background:#000000b3}.asset-tile-action--delete:hover{background:color-mix(in srgb, var(--destructive) 70%, transparent)}.asset-tile-action-icon{width:1rem;height:1rem}.eqbars{flex:none;align-items:flex-end;gap:2px;height:1em;display:inline-flex}.eqbars__bar{transform-origin:bottom;background:currentColor;border-radius:1px;width:2.5px;height:100%;animation:.9s ease-in-out infinite alternate eqbars-bounce;display:block;transform:scaleY(.2)}.eqbars__bar:first-child{animation-duration:.7s;animation-delay:-.2s}.eqbars__bar:nth-child(2){animation-duration:1.1s;animation-delay:-.5s}.eqbars__bar:nth-child(3){animation-duration:.85s;animation-delay:-.1s}.eqbars__bar:nth-child(4){animation-duration:1.25s;animation-delay:-.7s}.eqbars__bar:nth-child(5){animation-duration:.95s;animation-delay:-.35s}@keyframes eqbars-bounce{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.eqbars__bar{animation:none;transform:scaleY(.6)}}.gallery-placeholder{width:100%;min-height:260px;aspect-ratio:var(--aspect-video);padding:var(--padding-xl);text-align:center;color:var(--muted);font-family:var(--font-sans);font-size:var(--text-small);font-weight:var(--font-medium);letter-spacing:.06em;text-transform:uppercase;border:var(--border-width) var(--border-style) var(--border);border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 50% 0%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 62%), var(--surface-raised);box-shadow:var(--shadow-card);justify-content:center;align-items:center;display:flex}.gallery-placeholder--square{aspect-ratio:var(--aspect-square)}.login-form{gap:var(--gap-md);flex-direction:column;width:100%;max-width:28rem;display:flex}.login-form-header{text-align:center;margin-bottom:var(--margin-sm)}.login-form-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--foreground);margin-bottom:var(--margin-sm)}.login-form-subtitle{font-size:var(--text-small);color:var(--muted)}.login-form-error{align-items:center;gap:var(--gap-sm);padding:var(--padding-md);background:color-mix(in srgb, var(--destructive) 12%, transparent);border:1px solid color-mix(in srgb, var(--destructive) 42%, transparent);color:var(--titles);border-radius:var(--radius-md);font-size:var(--text-small);display:flex}.login-form-error .icon{flex-shrink:0;width:1.25rem;height:1.25rem}.login-form-social{gap:var(--gap-sm);flex-direction:column;display:flex}.login-form-social-btn{justify-content:center;align-items:center;gap:var(--gap-sm);padding:var(--padding-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-small);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);display:flex}.login-form-social-btn:hover:not(:disabled){background-color:var(--muted);border-color:var(--muted-foreground)}.login-form-social-btn:disabled{opacity:.5;cursor:not-allowed}.login-form-social-btn .icon{width:1.25rem;height:1.25rem}.login-form-divider{text-align:center;margin:var(--margin-md) 0;position:relative}.login-form-divider:before{content:"";background-color:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.login-form-divider span{padding:0 var(--padding-md);background-color:var(--bg);color:var(--muted);font-size:var(--text-tiny);text-transform:uppercase;letter-spacing:.05em;display:inline-block;position:relative}.login-form-fields{gap:var(--gap-md);flex-direction:column;display:flex}.login-form-field{gap:var(--gap-xs);flex-direction:column;display:flex}.login-form-label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--foreground)}.login-form-label-row{justify-content:space-between;align-items:center;display:flex}.login-form-password{position:relative}.login-form-password input{padding-right:5rem}.login-form-password-toggle{right:var(--gap-sm);padding:var(--padding-xs);color:var(--muted);cursor:pointer;transition:var(--transition-colors);border-radius:var(--radius-sm);font-size:var(--text-small);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.login-form-password-toggle:hover:not(:disabled){color:var(--foreground);background-color:var(--muted)}.login-form-password-toggle:disabled{opacity:.5;cursor:not-allowed}.login-form-password-toggle .icon{width:1.25rem;height:1.25rem}.login-form-remember{align-items:center;display:flex}.login-form-checkbox{align-items:center;gap:var(--gap-sm);font-size:var(--text-small);color:var(--foreground);cursor:pointer;display:flex}.login-form-checkbox input[type=checkbox]{cursor:pointer;width:1rem;height:1rem}.login-form-before-submit{margin-bottom:var(--margin-md);justify-content:center;display:flex}.login-form-submit{justify-content:center;align-items:center;gap:var(--gap-sm);width:100%;display:flex}.login-form-submit .icon{width:1.25rem;height:1.25rem}.login-form-footer{text-align:center;font-size:var(--text-small);color:var(--muted)}.login-form-footer-text{margin-right:var(--margin-sm)}.login-form-link{color:var(--primary);font-size:var(--text-small);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;text-decoration:none}.login-form-link:hover:not(:disabled){text-decoration:underline}.login-form-link:disabled{opacity:.5;cursor:not-allowed}.register-form{gap:var(--gap-md);flex-direction:column;width:100%;max-width:28rem;display:flex}.register-form-header{text-align:center;margin-bottom:var(--margin-sm)}.register-form-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--foreground);margin-bottom:var(--margin-sm)}.register-form-subtitle{font-size:var(--text-small);color:var(--muted)}.register-form-error{align-items:center;gap:var(--gap-sm);padding:var(--padding-md);background:color-mix(in srgb, var(--destructive) 12%, transparent);border:1px solid color-mix(in srgb, var(--destructive) 42%, transparent);color:var(--titles);border-radius:var(--radius-md);font-size:var(--text-small);display:flex}.register-form-error .icon{flex-shrink:0;width:1.25rem;height:1.25rem}.register-form-social{gap:var(--gap-sm);flex-direction:column;display:flex}.register-form-social-btn{justify-content:center;align-items:center;gap:var(--gap-sm);padding:var(--padding-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-small);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);display:flex}.register-form-social-btn:hover:not(:disabled){background-color:var(--muted);border-color:var(--muted-foreground)}.register-form-social-btn:disabled{opacity:.5;cursor:not-allowed}.register-form-social-btn .icon{width:1.25rem;height:1.25rem}.register-form-divider{text-align:center;margin:var(--margin-md) 0;position:relative}.register-form-divider:before{content:"";background-color:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.register-form-divider span{padding:0 var(--padding-md);background-color:var(--bg);color:var(--muted);font-size:var(--text-tiny);text-transform:uppercase;letter-spacing:.05em;display:inline-block;position:relative}.register-form-fields{gap:var(--gap-md);flex-direction:column;display:flex}.register-form-field{gap:var(--gap-xs);flex-direction:column;display:flex}.register-form-label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--foreground)}.register-form-field-error{font-size:var(--text-tiny);color:var(--error)}.register-form-password{position:relative}.register-form-password input{padding-right:5rem}.register-form-password-toggle{right:var(--gap-sm);padding:var(--padding-xs);color:var(--muted);cursor:pointer;transition:var(--transition-colors);border-radius:var(--radius-sm);font-size:var(--text-small);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.register-form-password-toggle:hover:not(:disabled){color:var(--foreground);background-color:var(--muted)}.register-form-password-toggle:disabled{opacity:.5;cursor:not-allowed}.register-form-password-toggle .icon{width:1.25rem;height:1.25rem}.register-form-password-strength{align-items:center;gap:var(--gap-sm);margin-top:var(--margin-sm);display:flex}.register-form-password-strength-bar{background-color:var(--muted);border-radius:var(--radius-full);flex:1;height:.25rem;overflow:hidden}.register-form-password-strength-fill{border-radius:var(--radius-full);height:100%;transition:width .3s,background-color .3s}.register-form-password-strength-fill--weak{background-color:var(--error)}.register-form-password-strength-fill--medium{background-color:var(--warning)}.register-form-password-strength-fill--strong{background-color:var(--success)}.register-form-password-strength-text{font-size:var(--text-tiny);font-weight:var(--font-medium);color:var(--muted);min-width:3rem}.register-form-terms{align-items:flex-start;display:flex}.register-form-checkbox{align-items:flex-start;gap:var(--gap-sm);font-size:var(--text-tiny);color:var(--muted);cursor:pointer;line-height:1.5;display:flex}.register-form-checkbox input[type=checkbox]{width:1rem;height:1rem;margin-top:var(--margin-sm);cursor:pointer;flex-shrink:0}.register-form-before-submit{margin-bottom:var(--margin-md);justify-content:center;display:flex}.register-form-submit{justify-content:center;align-items:center;gap:var(--gap-sm);width:100%;display:flex}.register-form-submit .icon{width:1.25rem;height:1.25rem}.register-form-footer{text-align:center;font-size:var(--text-small);color:var(--muted)}.register-form-footer-text{margin-right:var(--margin-sm)}.register-form-link{color:var(--primary);font-size:inherit;font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;text-decoration:none}.register-form-link:hover:not(:disabled){text-decoration:underline}.register-form-link:disabled{opacity:.5;cursor:not-allowed}.auth-split{background:var(--bg);min-height:100vh;color:var(--text);grid-template-columns:46% 1fr;display:grid}.auth-split__brand{justify-content:space-between;gap:var(--gap-xl);padding:var(--padding-section-lg);background:var(--surface);border-right:1px solid var(--border-soft);flex-direction:column;display:flex;position:relative;overflow:hidden}.auth-split__brand-logo{align-self:flex-start}.auth-split__brand-body{flex-direction:column;max-width:26rem;display:flex}.auth-split__brand-eyebrow{margin-bottom:var(--margin-md);color:var(--primary)}.auth-split__brand-title{font-size:var(--text-h1);font-weight:var(--font-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--titles);margin:0 0 var(--margin-lg) 0}.auth-split__benefits{gap:var(--gap-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.auth-split__benefit{align-items:center;gap:var(--gap-sm);font-size:var(--text-body);color:var(--text);display:flex}.auth-split__benefit-check{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--primary) 16%, transparent);width:1.375rem;height:1.375rem;color:var(--primary);font-size:var(--text-tiny);font-weight:var(--font-extrabold);flex:none;justify-content:center;align-items:center;display:flex}.auth-split__brand-footer{color:var(--muted);position:relative}.auth-split__form{padding:var(--padding-section-md);justify-content:center;align-items:center;display:flex;overflow-y:auto}.auth-split__form-inner{width:100%;max-width:24.5rem}.auth-split__form-head{text-align:center;margin-bottom:var(--margin-lg)}.auth-split__form-title{font-size:var(--text-h3);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--titles);margin:0 0 var(--margin-sm) 0}.auth-split__form-subtitle{font-size:var(--text-body-sm);color:var(--muted);margin:0}.auth-split__social{margin-bottom:var(--margin-md)}.auth-split__divider{text-align:center;margin:var(--margin-md) 0;position:relative}.auth-split__divider:before{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.auth-split__divider span{padding:0 var(--padding-md);background:var(--bg);color:var(--muted);font-size:var(--text-tiny);text-transform:uppercase;letter-spacing:var(--tracking-wide);display:inline-block;position:relative}@media (max-width:880px){.auth-split{grid-template-columns:1fr}.auth-split__brand{border-right:none;border-bottom:1px solid var(--border-soft);padding:var(--padding-section-md)}.auth-split__brand-title{font-size:var(--text-h3);margin-bottom:var(--margin-md)}}@media (max-width:560px){.auth-split__benefits{display:none}.auth-split__form{padding:var(--padding-section-sm)}}.otp-input{gap:var(--gap-sm);justify-content:center;display:flex}.otp-input-digit{width:3rem;height:3.5rem;font-size:var(--text-h4);font-weight:var(--font-semibold);text-align:center;background-color:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);transition:var(--transition-all);outline:none}.otp-input-digit:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}.otp-input-digit:disabled{opacity:.5;cursor:not-allowed;background-color:var(--muted)}.otp-input-digit--filled{border-color:var(--primary);background-color:color-mix(in srgb, var(--primary) 12%, transparent)}.otp-input-digit--error{border-color:var(--error);background-color:color-mix(in srgb, var(--error) 12%, transparent)}.otp-input-digit--error:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--error) 12%, transparent)}@media (max-width:640px){.otp-input-digit{width:2.5rem;height:3rem;font-size:var(--text-h5)}.otp-input{gap:var(--gap-xs)}}@keyframes otp-fill{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.otp-input-digit--filled{animation:.2s otp-fill}.password-strength{gap:var(--gap-sm);margin-top:var(--margin-sm);flex-direction:column;display:flex}.password-strength-indicator{align-items:center;gap:var(--gap-md);display:flex}.password-strength-bars{gap:var(--gap-xs);background:var(--bg);border-radius:var(--radius-full);height:.5rem;padding:var(--padding-xs);flex:1;display:flex;overflow:hidden}.password-strength-bar{border-radius:var(--radius-full);transform-origin:0;background-color:#0000;flex:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.password-strength-bar--weak{background-color:var(--error);box-shadow:0 0 6px color-mix(in srgb, var(--error) 40%, transparent)}.password-strength-bar--medium{background-color:var(--warning);box-shadow:0 0 6px color-mix(in srgb, var(--warning) 40%, transparent)}.password-strength-bar--strong{background-color:var(--success);box-shadow:0 0 6px color-mix(in srgb, var(--success) 40%, transparent)}.password-strength-bar--very-strong{background:linear-gradient(90deg, var(--success), color-mix(in srgb, var(--success) 80%, white));box-shadow:0 0 10px color-mix(in srgb, var(--success) 50%, transparent)}.password-strength-label{font-size:var(--text-tiny);font-weight:var(--font-bold);text-align:right;text-transform:uppercase;min-width:5rem;letter-spacing:var(--tracking-wide);transition:color .3s}.password-strength-label--weak{color:var(--error)}.password-strength-label--medium{color:var(--warning)}.password-strength-label--strong{color:var(--success)}.password-strength-label--very-strong{color:var(--success);text-shadow:0 0 8px color-mix(in srgb, var(--success) 30%, transparent)}.password-strength-requirements{padding:var(--padding-md);background:linear-gradient(135deg, var(--surface) 0%, color-mix(in srgb, var(--surface) 95%, var(--primary)) 100%);border:1px solid color-mix(in srgb, var(--border) 80%, var(--primary));border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.password-strength-requirements-title{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles);margin-bottom:var(--margin-md);letter-spacing:var(--tracking-wide)}.password-strength-requirements-list{gap:var(--gap-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.password-strength-requirement{align-items:center;gap:var(--gap-sm);font-size:var(--text-small);color:var(--muted);padding:var(--padding-xs) 0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.password-strength-requirement .icon{opacity:.5;flex-shrink:0;width:1.125rem;height:1.125rem;transition:all .3s}.password-strength-requirement--met{color:var(--success);font-weight:var(--font-medium)}.password-strength-requirement--met .icon{color:var(--success);opacity:1;transform:scale(1.1)}@keyframes strength-pulse{0%,to{opacity:1}50%{opacity:.7}}.password-strength-bar--very-strong{animation:2s ease-in-out infinite strength-pulse}.two-factor-auth{gap:var(--gap-lg);flex-direction:column;width:100%;max-width:28rem;display:flex}.two-factor-auth-header{text-align:center}.two-factor-auth-icon{width:4rem;height:4rem;margin-bottom:var(--margin-md);background-color:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:var(--radius-full);color:var(--primary);justify-content:center;align-items:center;display:inline-flex}.two-factor-auth-icon .icon{width:2rem;height:2rem}.two-factor-auth-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--foreground);margin-bottom:var(--margin-sm)}.two-factor-auth-description{font-size:var(--text-small);color:var(--muted)}.two-factor-auth-error{align-items:center;gap:var(--gap-sm);padding:var(--padding-md);background:color-mix(in srgb, var(--destructive) 12%, transparent);border:1px solid color-mix(in srgb, var(--destructive) 42%, transparent);color:var(--titles);border-radius:var(--radius-md);font-size:var(--text-small);display:flex}.two-factor-auth-error .icon{flex-shrink:0;width:1.25rem;height:1.25rem}.two-factor-auth-input{padding:var(--padding-md) 0;justify-content:center;display:flex}.two-factor-auth-resend{text-align:center}.two-factor-auth-resend-timer{font-size:var(--text-small);color:var(--muted)}.two-factor-auth-resend-btn{color:var(--primary);font-size:var(--text-small);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;text-decoration:none}.two-factor-auth-resend-btn:hover:not(:disabled){text-decoration:underline}.two-factor-auth-resend-btn:disabled{opacity:.5;cursor:not-allowed}.two-factor-auth-methods{padding-top:var(--padding-md);border-top:1px solid var(--border)}.two-factor-auth-methods-title{font-size:var(--text-tiny);font-weight:var(--font-medium);color:var(--muted);text-align:center;margin-bottom:var(--margin-sm)}.two-factor-auth-methods-list{gap:var(--gap-sm);justify-content:center;display:flex}.two-factor-auth-method-btn{align-items:center;gap:var(--gap-xs);padding:var(--padding-sm) var(--padding-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-tiny);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);display:flex}.two-factor-auth-method-btn:hover:not(:disabled){background-color:var(--muted);border-color:var(--primary)}.two-factor-auth-method-btn:disabled{opacity:.5;cursor:not-allowed}.two-factor-auth-method-btn .icon{width:1rem;height:1rem}.two-factor-auth-loading{justify-content:center;align-items:center;gap:var(--gap-sm);padding:var(--padding-md);color:var(--muted);font-size:var(--text-small);display:flex}.two-factor-auth-loading .icon{width:1.25rem;height:1.25rem}.animate-spin{animation:1s linear infinite spin}.auth-container{z-index:10;min-height:100vh;padding:var(--padding-xl);justify-content:center;align-items:center;display:flex;position:relative}.auth-card{width:100%;max-width:var(--width-md)}.auth-card-header{text-align:center;margin-bottom:var(--margin-lg)}.auth-card-header-logo{margin-bottom:var(--margin-md);justify-content:center;align-items:center;display:flex}.auth-card-header-heading{margin-bottom:var(--margin-sm);font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--text)}.auth-card-header-subtitle{font-size:var(--text-body);color:var(--muted)}.oauth-divider{align-items:center;gap:var(--gap-sm);color:var(--muted);display:flex}.oauth-divider:before,.oauth-divider:after{content:"";background:var(--border-soft);flex:1;height:1px}.oauth-divider__label{font-size:var(--text-small);color:var(--muted);white-space:nowrap}.oauth-btn{justify-content:center;align-items:center;gap:var(--gap-sm);width:100%;padding:var(--padding-sm) var(--padding-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-body);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);font-family:inherit;display:flex}.oauth-btn:hover:not(:disabled){background:var(--surface-raised);border-color:color-mix(in srgb, var(--primary) 30%, var(--border))}.oauth-btn:disabled{cursor:not-allowed}.oauth-btn--loading{opacity:.8;cursor:wait}.oauth-btn__icon{flex-shrink:0;width:1.25rem;height:1.25rem}.auth-success{z-index:10;min-height:100vh;padding:var(--padding-xl);justify-content:center;align-items:center;display:flex;position:relative}.auth-success__card{width:100%;max-width:var(--width-md);text-align:center}.auth-success__icon{margin-bottom:var(--margin-md)}.auth-success__title{margin-bottom:var(--margin-md);font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--titles)}.auth-success__body{margin-bottom:var(--margin-lg);color:var(--muted)}.auth-success__action{justify-content:center;display:flex}.cookie-banner{background:var(--surface);border-top:1px solid var(--border);z-index:9999;padding:var(--padding-lg);animation:.3s ease-out slideUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000001a}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-banner-content{max-width:1200px;margin:0 auto}.cookie-banner-text{margin-bottom:var(--margin-md)}.cookie-banner-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--text);margin:0 0 var(--margin-sm)}.cookie-banner-description{font-size:var(--text-body-sm);color:var(--muted);margin:0;line-height:1.5}.cookie-banner-link{color:var(--primary);cursor:pointer;font-size:var(--text-body-sm);margin-left:var(--margin-sm);background:0 0;border:none;padding:0;text-decoration:underline}.cookie-banner-link:hover{text-decoration:none}.cookie-preferences{margin:var(--margin-md) 0;padding:var(--padding-md);background:var(--bg);border-radius:var(--radius-md);gap:.75rem;display:grid}.cookie-preference-item{align-items:flex-start;display:flex}.cookie-preference-label{cursor:pointer;align-items:flex-start;gap:.75rem;width:100%;display:flex}.cookie-preference-checkbox{cursor:pointer;margin-top:2px}.cookie-preference-checkbox:disabled{cursor:not-allowed;opacity:.5}.cookie-preference-description{font-size:var(--text-body-sm);color:var(--muted);margin:var(--margin-sm) 0 0}.cookie-banner-actions{flex-wrap:wrap;gap:.75rem;display:flex}.cookie-btn{padding:.75rem var(--padding-lg);border-radius:var(--radius-md);font-size:var(--text-body-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all);border:none}.cookie-btn-primary{background:var(--primary);color:var(--bg)}.cookie-btn-primary:hover{opacity:.9}.cookie-btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.cookie-btn-secondary:hover{background:var(--bg)}.cookie-btn-ghost{color:var(--muted);background:0 0}.cookie-btn-ghost:hover{color:var(--text)}@media (max-width:768px){.cookie-banner{padding:var(--padding-md)}.cookie-banner-actions{flex-direction:column}.cookie-btn{width:100%}}.audio-tool-results{gap:var(--gap-xl);padding:var(--padding-section-md);background-color:var(--surface);border-radius:var(--radius-lg);flex-direction:column;display:flex}@media (max-width:768px){.audio-tool-results{padding:var(--padding-section-sm)}}.audio-tool-metrics{gap:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.audio-tool-metrics--2x2{grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.audio-tool-metrics,.audio-tool-metrics--2x2{grid-template-columns:1fr}}.audio-tool-actions{gap:var(--gap-md);flex-wrap:wrap;justify-content:center;display:flex}.audio-tool-actions .btn{flex:1;min-width:12rem}@media (max-width:768px){.audio-tool-actions{flex-direction:column}.audio-tool-actions .btn{width:100%}}.audio-drop-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:var(--padding-section-md);text-align:center;cursor:pointer;transition:all var(--transition-all);background-color:var(--surface-sunken);position:relative}.audio-drop-zone:hover{border-color:var(--primary);background-color:var(--surface)}.audio-drop-zone-input{opacity:0;cursor:pointer;position:absolute;inset:0}.audio-drop-zone-icon{width:4rem;height:4rem;margin-bottom:var(--margin-md);color:var(--primary);justify-content:center;align-items:center;display:inline-flex}.audio-drop-zone-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.audio-drop-zone-subtitle{font-size:var(--text-body);color:var(--text);margin-bottom:var(--margin-sm)}.audio-drop-zone-formats{font-size:var(--text-small);color:var(--muted)}.audio-analyzing{text-align:center;padding:var(--padding-section-md)}.audio-analyzing-spinner{width:3rem;height:3rem;margin:0 auto var(--margin-md);border:3px solid var(--border);border-top-color:var(--primary);border-radius:var(--radius-full);animation:1s linear infinite spin}.audio-analyzing-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.audio-analyzing-subtitle{font-size:var(--text-body);color:var(--text);margin-bottom:var(--margin-md);word-break:break-word}.audio-analyzing-progress{background-color:var(--border);border-radius:var(--radius-full);width:100%;max-width:24rem;height:.5rem;margin:0 auto var(--margin-sm);overflow:hidden}.audio-analyzing-progress-bar{background-color:var(--primary);height:100%;transition:width var(--transition-all)}.audio-analyzing-percent{font-size:var(--text-small);color:var(--muted)}.metric-card{border-radius:var(--radius-md);padding:var(--padding-lg);text-align:center;gap:var(--gap-xs)}.metric-card-label{font-size:var(--text-small);color:var(--muted);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.metric-card-value{font-size:var(--text-h3);font-weight:var(--font-bold);color:var(--primary);line-height:1}.metric-card-unit{font-size:var(--text-body);color:var(--muted);font-weight:var(--font-medium)}.key-bpm-finder-tool{width:100%;max-width:48rem;margin:0 auto}.key-bpm-finder-upload{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:var(--padding-section-md);text-align:center;cursor:pointer;transition:all var(--transition-all);background-color:var(--surface)}.key-bpm-finder-upload:hover{border-color:var(--primary);background-color:var(--surface)}.key-bpm-finder-upload-icon{width:4rem;height:4rem;margin-bottom:var(--margin-md);color:var(--primary);justify-content:center;align-items:center;display:inline-flex}.key-bpm-finder-upload-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.key-bpm-finder-upload-subtitle{font-size:var(--text-body);color:var(--text);margin-bottom:var(--margin-sm)}.key-bpm-finder-upload-formats{font-size:var(--text-small);color:var(--muted)}.key-bpm-finder-analyzing{text-align:center;padding:var(--padding-section-md)}.key-bpm-finder-spinner{width:3rem;height:3rem;margin:0 auto var(--margin-md);border:3px solid var(--border);border-top-color:var(--primary);border-radius:var(--radius-full);animation:1s linear infinite spin}.key-bpm-finder-analyzing-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.key-bpm-finder-analyzing-subtitle{font-size:var(--text-body);color:var(--text);margin-bottom:var(--margin-md);word-break:break-word}.key-bpm-finder-progress{background-color:var(--border);border-radius:var(--radius-full);width:100%;height:.5rem;margin-bottom:var(--margin-sm);overflow:hidden}.key-bpm-finder-progress-bar{background-color:var(--primary);height:100%;transition:width var(--transition-all)}.key-bpm-finder-analyzing-stage{font-size:var(--text-small);color:var(--muted)}.key-bpm-finder-results{padding:var(--padding-section-md);background-color:var(--surface);border-radius:var(--radius-lg)}.key-bpm-finder-results-header{text-align:center;margin-bottom:var(--margin-lg)}.key-bpm-finder-results-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.key-bpm-finder-results-file{font-size:var(--text-body);color:var(--text);word-break:break-word}.key-bpm-finder-results-grid{gap:var(--gap-md);margin-bottom:var(--margin-lg);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.key-bpm-finder-results-grid{grid-template-columns:repeat(4,1fr)}}.key-bpm-finder-result-card{text-align:center;padding:var(--padding-lg);background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md)}.key-bpm-finder-result-label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--margin-sm)}.key-bpm-finder-result-value{font-size:var(--text-h3);font-weight:var(--font-bold);color:var(--primary)}.key-bpm-finder-results-actions{gap:var(--gap-md);flex-wrap:wrap;justify-content:center;display:flex}.key-bpm-finder-results-actions .btn{flex:1;min-width:12rem}@media (max-width:640px){.key-bpm-finder-results-actions{flex-direction:column}.key-bpm-finder-results-actions .btn{width:100%}}.auto-cut-tool{width:100%;max-width:48rem;margin:0 auto}.auto-cut-tool-upload{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:var(--padding-section-md);text-align:center;cursor:pointer;transition:all var(--transition-all);background-color:var(--surface)}.auto-cut-tool-upload:hover{border-color:var(--primary);background-color:var(--surface)}.auto-cut-tool-upload-icon{width:4rem;height:4rem;margin-bottom:var(--margin-md);color:var(--primary);justify-content:center;align-items:center;display:inline-flex}.auto-cut-tool-upload-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.auto-cut-tool-upload-subtitle{font-size:var(--text-body);color:var(--text);margin-bottom:var(--margin-sm)}.auto-cut-tool-upload-formats{font-size:var(--text-small);color:var(--muted)}.auto-cut-tool-processing{text-align:center;padding:var(--padding-section-md)}.auto-cut-tool-spinner{width:3rem;height:3rem;margin:0 auto var(--margin-md);border:3px solid var(--border);border-top-color:var(--primary);border-radius:var(--radius-full);animation:1s linear infinite spin}.auto-cut-tool-processing-text{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.auto-cut-tool-results{padding:var(--padding-section-md);background-color:var(--surface);border-radius:var(--radius-lg)}.auto-cut-tool-results-header{text-align:center;margin-bottom:var(--margin-lg)}.auto-cut-tool-results-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.auto-cut-tool-results-file{font-size:var(--text-body);color:var(--text);word-break:break-word}.auto-cut-tool-results-grid{gap:var(--gap-md);margin-bottom:var(--margin-lg);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.auto-cut-tool-results-grid{grid-template-columns:repeat(4,1fr)}}.auto-cut-tool-result-card{text-align:center;padding:var(--padding-lg);background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md)}.auto-cut-tool-result-label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--margin-sm)}.auto-cut-tool-result-value{font-size:var(--text-h3);font-weight:var(--font-bold);color:var(--primary)}.auto-cut-tool-results-actions{gap:var(--gap-md);flex-wrap:wrap;justify-content:center;display:flex}.auto-cut-tool-results-actions .btn{flex:1;min-width:12rem}@media (max-width:640px){.auto-cut-tool-results-actions{flex-direction:column}.auto-cut-tool-results-actions .btn{width:100%}}.lufs-analyzer-tool{width:100%;max-width:64rem;margin:0 auto}.lufs-analyzer-upload{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:var(--padding-section-md);text-align:center;cursor:pointer;transition:all var(--transition-all);background-color:var(--surface);position:relative}.lufs-analyzer-upload:hover{border-color:var(--primary);background-color:var(--surface)}.lufs-analyzer-upload-input{opacity:0;cursor:pointer;position:absolute;inset:0}.lufs-analyzer-upload-icon{width:4rem;height:4rem;margin-bottom:var(--margin-md);color:var(--primary);font-size:var(--text-stat-md);justify-content:center;align-items:center;display:inline-flex}.lufs-analyzer-upload-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.lufs-analyzer-upload-subtitle{font-size:var(--text-body);color:var(--text);margin-bottom:var(--margin-sm)}.lufs-analyzer-upload-formats{font-size:var(--text-small);color:var(--muted)}.lufs-analyzer-analyzing{text-align:center;padding:var(--padding-section-md)}.lufs-analyzer-spinner{width:3rem;height:3rem;margin:0 auto var(--margin-md);border:3px solid var(--border);border-top-color:var(--primary);border-radius:var(--radius-full);animation:1s linear infinite spin}.lufs-analyzer-analyzing-stage{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.lufs-analyzer-progress{background-color:var(--border);border-radius:var(--radius-full);width:100%;max-width:24rem;height:.5rem;margin:0 auto var(--margin-sm);overflow:hidden}.lufs-analyzer-progress-bar{background-color:var(--primary);height:100%;transition:width var(--transition-all)}.lufs-analyzer-analyzing-percent{font-size:var(--text-small);color:var(--muted)}.lufs-analyzer-results{gap:var(--gap-xl);padding:var(--padding-section-md);background-color:var(--surface);border-radius:var(--radius-lg);flex-direction:column;display:flex}.lufs-analyzer-summary{padding:var(--padding-lg);border-radius:var(--radius-lg);text-align:center;border:2px solid}.lufs-analyzer-summary--success{background:color-mix(in srgb, var(--success) 10%, transparent);border-color:var(--success)}.lufs-analyzer-summary--warning{background:color-mix(in srgb, var(--warning) 10%, transparent);border-color:var(--warning)}.lufs-analyzer-summary--error{background:color-mix(in srgb, var(--destructive) 10%, transparent);border-color:var(--destructive)}.lufs-analyzer-summary-text{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin:0}.lufs-analyzer-metrics{gap:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.lufs-analyzer-metric{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--padding-lg);text-align:center;gap:var(--gap-xs);flex-direction:column;display:flex}.lufs-analyzer-metric-label{font-size:var(--text-small);color:var(--muted);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.lufs-analyzer-metric-value{font-size:var(--text-h3);font-weight:var(--font-bold);color:var(--primary);line-height:1}.lufs-analyzer-metric-unit{font-size:var(--text-body);color:var(--muted);font-weight:var(--font-medium)}.lufs-analyzer-platforms{background:0 0}.lufs-analyzer-platforms-title{font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--titles);margin:0 0 var(--margin-md) 0}.lufs-analyzer-platforms-grid{gap:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.lufs-analyzer-platform{background:var(--bg);border-radius:var(--radius-md);padding:var(--padding-md);gap:var(--gap-sm);transition:all var(--transition-all);border:2px solid;flex-direction:column;display:flex}.lufs-analyzer-platform--ok{border-color:var(--success)}.lufs-analyzer-platform--warning{border-color:var(--warning)}.lufs-analyzer-platform--error{border-color:var(--destructive)}.lufs-analyzer-platform:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.lufs-analyzer-platform-header{justify-content:space-between;align-items:center;display:flex}.lufs-analyzer-platform-name{font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles)}.lufs-analyzer-platform-target{font-size:var(--text-small);color:var(--muted);font-weight:var(--font-medium)}.lufs-analyzer-platform-adjustment{font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--primary)}.lufs-analyzer-platform-message{font-size:var(--text-small);color:var(--text)}.lufs-analyzer-actions{gap:var(--gap-md);flex-wrap:wrap;justify-content:center;display:flex}.lufs-analyzer-actions .btn{flex:1;min-width:12rem}@media (max-width:768px){.lufs-analyzer-tool{max-width:100%}.lufs-analyzer-results{padding:var(--padding-section-sm)}.lufs-analyzer-metrics,.lufs-analyzer-platforms-grid{grid-template-columns:1fr}.lufs-analyzer-actions{flex-direction:column}.lufs-analyzer-actions .btn{width:100%}}.waveform-editor{background:var(--surface);border-radius:var(--radius-lg);width:100%;padding:var(--padding-lg);border:1px solid var(--border)}.waveform-editor-header{margin-bottom:var(--margin-lg)}.waveform-editor-title{font-size:var(--text-h3);font-weight:var(--font-bold);color:var(--titles);margin:0 0 var(--margin-sm) 0}.waveform-editor-subtitle{font-size:var(--text-body);color:var(--muted);margin:0}.waveform-editor canvas{border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--border);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.waveform-editor-controls{margin-top:var(--margin-md);gap:var(--gap-md);flex-direction:column;display:flex}.waveform-editor-time{padding:var(--padding-sm) var(--padding-md);background:var(--card);border-radius:var(--radius-md);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--muted);justify-content:space-between;align-items:center;display:flex}.waveform-editor-time span{align-items:center;gap:var(--gap-xs);display:flex}.waveform-editor-actions{justify-content:space-between;align-items:center;gap:var(--gap-md);display:flex}.waveform-editor-zoom{align-items:center;gap:var(--gap-sm);padding:var(--padding-xs) var(--padding-md);background:var(--card);border-radius:var(--radius-md);display:flex}.waveform-editor-zoom span{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--muted);text-align:center;min-width:60px}.waveform-editor-zoom-btn{justify-content:center;align-items:center;width:32px;height:32px;display:flex;min-width:32px!important;padding:0!important}.waveform-editor-help{padding:var(--padding-sm) var(--padding-md);margin-top:var(--margin-lg);background:var(--card);border-radius:var(--radius-md);border-left:3px solid var(--primary)}.waveform-editor-help small{font-size:var(--text-tiny);color:var(--muted);line-height:var(--leading-normal)}.waveform-editor-help strong{color:var(--text);font-weight:var(--font-semibold)}.waveform-editor-separator{background:var(--border);height:1px;margin-top:var(--margin-lg);margin-bottom:var(--margin-lg)}.waveform-editor-actions-bottom{gap:var(--gap-md);justify-content:flex-start;display:flex}@media (max-width:768px){.waveform-editor{padding:var(--padding-md)}.waveform-editor canvas{height:250px!important}.waveform-editor-time{gap:var(--gap-xs);flex-direction:column;align-items:flex-start}.waveform-editor-actions{flex-direction:column}.waveform-editor-play-btn,.waveform-editor-zoom{justify-content:center;width:100%}.waveform-editor-help{display:none}}.circle-of-fifths{width:100%;padding:var(--padding-xl);justify-content:center;align-items:center;display:flex}.circle-of-fifths__svg{width:100%;max-width:min(600px,90vmin);overflow:visible}.circle-of-fifths--sm .circle-of-fifths__svg{max-width:min(400px,90vmin)}.circle-of-fifths--lg .circle-of-fifths__svg{max-width:min(800px,90vmin)}.circle-of-fifths__bg{fill:var(--bg);stroke:none}.circle-of-fifths__click-layer{fill:#0000;stroke:#0000}.circle-of-fifths__click-layer path:hover{fill:#ffffff1a;cursor:pointer}.circle-of-fifths__rotation-layer{pointer-events:none}.circle-of-fifths__rotation-bg{fill-rule:evenodd;fill:none}.circle-of-fifths__rotation-minor{opacity:1}.circle-of-fifths__rotation-major{opacity:1;stroke:var(--border);stroke-width:2px}.circle-of-fifths__circles-layer{fill:none;stroke:var(--border);stroke-width:2px;pointer-events:none}.circle-of-fifths__shield-layer{pointer-events:none}.circle-of-fifths__shield-overlay{fill:var(--surface);stroke:var(--primary);stroke-width:10px}.circle-of-fifths__shield-key{fill:var(--primary);stroke:var(--primary);stroke-width:4px}.circle-of-fifths__labels{pointer-events:none;-webkit-user-select:none;user-select:none}.circle-of-fifths__label{fill:var(--on-primary);font-weight:var(--font-semibold);font-size:var(--text-h4)}.circle-of-fifths__label--major{font-size:var(--text-h4);font-weight:var(--font-bold)}.circle-of-fifths__label--major-alt{font-size:var(--text-h4);font-weight:var(--font-medium);opacity:.7}.circle-of-fifths__label--minor{font-size:var(--text-h4);font-weight:var(--font-semibold);opacity:.95}.circle-of-fifths__label--minor-alt{font-size:var(--text-h4);font-weight:var(--font-medium);opacity:.7}.circle-of-fifths__label--minor-ii,.circle-of-fifths__label--minor-iii,.circle-of-fifths__label--minor-vi{font-size:var(--text-h4);font-weight:var(--font-medium);opacity:.9}.circle-of-fifths__label--major-I{font-size:var(--text-h5);font-weight:var(--font-bold)}.circle-of-fifths__label--major-IV,.circle-of-fifths__label--major-V{font-size:var(--text-body-lg);font-weight:var(--font-semibold);opacity:.95}.circle-of-fifths__label--dominant{font-size:var(--text-body-lg);font-weight:var(--font-semibold);opacity:.9}.circle-of-fifths__label--inner-minor{font-size:var(--text-small);font-weight:var(--font-medium);opacity:.85}.circle-of-fifths__label--diminished{font-size:var(--text-h4);font-weight:var(--font-semibold);opacity:.8}.circle-of-fifths__numeral{fill:var(--on-primary);font-size:var(--text-tiny);font-weight:var(--font-medium);opacity:.6;font-style:italic}.circle-of-fifths__text-layer{fill:var(--titles);background:var(--surface);pointer-events:none;-webkit-user-select:none;user-select:none}.circle-of-fifths__text-title{font-size:var(--text-h4);font-weight:var(--font-semibold)}.circle-of-fifths__text-subtitle{font-size:var(--text-body)}.circle-of-fifths__text-key{font-weight:var(--font-bold);fill:var(--primary)}@media (prefers-color-scheme:dark){.circle-of-fifths__rotation-bg{fill:var(--surface);fill-opacity:.25}.circle-of-fifths__shield-overlay{fill:var(--surface);fill-opacity:.85}}@media (max-width:768px){.circle-of-fifths{padding:var(--padding-md)}.circle-of-fifths__text-title{font-size:28px}.circle-of-fifths__text-subtitle{font-size:16px}}@media (max-width:480px){.circle-of-fifths{padding:var(--padding-sm)}.circle-of-fifths__text-title{font-size:24px}.circle-of-fifths__text-subtitle{font-size:14px}.circle-of-fifths__text-key{font-size:20px}}.royalties-calculator-tool{width:100%;max-width:64rem;margin:0 auto}.royalties-calculator-form{max-width:48rem;margin:0 auto}.royalties-calculator-inputs{gap:var(--gap-md);margin-top:var(--margin-md);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:768px){.royalties-calculator-inputs{grid-template-columns:1fr}}.royalties-calculator-field{gap:var(--gap-sm);flex-direction:column;display:flex}.royalties-calculator-hint{font-size:var(--text-tiny);color:var(--muted);margin:0}.royalties-calculator-results{gap:var(--gap-xl);flex-direction:column;display:flex}.royalties-calculator-results-grid{gap:var(--gap-xl);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:1024px){.royalties-calculator-results-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.royalties-calculator-results-grid{grid-template-columns:1fr}}.royalties-calculator-platform-icon{font-size:var(--text-h2);margin-bottom:var(--margin-md);display:block}.royalties-calculator-amount{font-size:var(--text-h3);font-weight:var(--font-bold);color:var(--titles);margin:var(--margin-md) 0;line-height:1.2}.royalties-calculator-rate{font-size:var(--text-small);color:var(--muted);font-weight:var(--font-medium)}.royalties-calculator-card--best{border-color:var(--success);background:linear-gradient(135deg, var(--surface) 0%, color-mix(in srgb, var(--success) 5%, transparent) 100%)}.royalties-calculator-card--worst{opacity:.7}.royalties-calculator-summary{margin-top:var(--margin-lg)}.royalties-calculator-summary-grid{gap:var(--gap-xl);margin-top:var(--margin-md);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:768px){.royalties-calculator-summary-grid{grid-template-columns:1fr}}.royalties-calculator-summary-item{gap:var(--gap-xs);text-align:center;flex-direction:column;display:flex}.royalties-calculator-summary-label{font-size:var(--text-small);color:var(--muted);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.royalties-calculator-summary-value{font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--titles)}.royalties-calculator-splits{gap:var(--gap-xl);flex-direction:column;display:flex}.royalties-calculator-splits-form{gap:var(--gap-md);grid-template-columns:1fr 1fr;display:grid}@media (max-width:768px){.royalties-calculator-splits-form{grid-template-columns:1fr}}.royalties-calculator-collaborators{gap:var(--gap-lg);flex-direction:column;display:flex}.royalties-calculator-collaborators-title{font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--titles);margin:0}.royalties-calculator-collaborators-grid{gap:var(--gap-md);margin-top:var(--margin-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}@media (max-width:768px){.royalties-calculator-collaborators-grid{grid-template-columns:1fr}}.royalties-calculator-collab-card{padding:var(--padding-md);background-color:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);transition:all var(--transition-all)}.royalties-calculator-collab-card:hover{border-color:var(--primary)}.royalties-calculator-collab-header{margin-bottom:var(--margin-sm);justify-content:space-between;align-items:center;display:flex}.royalties-calculator-collab-name{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles)}.royalties-calculator-collab-percentage{font-size:var(--text-h3);font-weight:var(--font-bold);color:var(--primary)}.royalties-calculator-collab-amount{font-size:var(--text-body-lg);color:var(--text);margin-top:var(--margin-sm)}.royalties-calculator-info-grid{gap:var(--gap-xl);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:768px){.royalties-calculator-info-grid{grid-template-columns:1fr}.royalties-calculator-tool{max-width:100%}.royalties-calculator-amount{font-size:var(--text-h4)}.royalties-calculator-platform-icon{font-size:var(--text-stat-md)}}.format-converter-tool{width:100%;max-width:48rem;margin:0 auto}.format-converter-results-header{margin-bottom:var(--margin-md)}.format-converter-results-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.format-converter-results-file{font-size:var(--text-small);color:var(--muted)}.format-converter-section-title{font-size:var(--text-body-lg);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-md)}.format-selector{gap:var(--gap-md);grid-template-columns:repeat(2,1fr);display:grid}.format-selector-option{align-items:center;gap:var(--gap-sm);padding:var(--padding-lg);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-all);background:var(--bg);flex-direction:column;display:flex}.format-selector-option:hover{border-color:var(--primary);background:var(--surface)}.format-selector-option--selected{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent)}.format-selector-icon{font-size:var(--text-stat-md);color:var(--primary)}.format-selector-name{font-size:var(--text-body-lg);font-weight:var(--font-semibold);color:var(--titles)}.format-selector-description{font-size:var(--text-small);color:var(--muted);text-align:center}@media (max-width:768px){.format-selector{grid-template-columns:1fr}}.quality-selector{gap:var(--gap-md);flex-direction:column;display:flex}.quality-selector-options{gap:var(--gap-sm);grid-template-columns:repeat(4,1fr);display:grid}.quality-selector-option{align-items:center;gap:var(--gap-xs);padding:var(--padding-md);text-align:center;border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-all);background:var(--bg);flex-direction:column;display:flex}.quality-selector-option:hover{border-color:var(--primary);background:var(--surface)}.quality-selector-option--selected{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.quality-selector-option-label{font-weight:var(--font-semibold);font-size:var(--text-small);text-transform:capitalize}.quality-selector-option-description{font-size:var(--text-tiny);opacity:.8}.quality-selector-info{padding:var(--padding-md);background:var(--surface);border-radius:var(--radius-md);font-size:var(--text-small);color:var(--muted)}.quality-selector-info-row{justify-content:space-between;align-items:center;display:flex}.quality-selector-info-label{font-weight:var(--font-medium)}@media (max-width:768px){.quality-selector-options{grid-template-columns:repeat(2,1fr)}}.conversion-progress{gap:var(--gap-md);padding:var(--padding-lg);background:var(--surface);border-radius:var(--radius-md);flex-direction:column;display:flex}.conversion-progress-label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--titles);text-align:center}.conversion-progress-bar{background:var(--border);border-radius:var(--radius-full);width:100%;height:8px;position:relative;overflow:hidden}.conversion-progress-fill{background:var(--primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-all);position:absolute;top:0;left:0}.conversion-progress-percentage{font-size:var(--text-tiny);color:var(--muted);text-align:center}.time-pitcher-tool{width:100%;max-width:100%;margin:0 auto}.time-pitcher-results-header{margin-bottom:var(--margin-md)}.time-pitcher-results-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.time-pitcher-results-file{font-size:var(--text-small);color:var(--muted)}.time-pitcher-section-title{font-size:var(--text-body-lg);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-md)}.time-pitcher-main-grid{gap:var(--gap-xl);margin-bottom:var(--margin-lg);grid-template-columns:420px 1fr;align-items:start;display:grid}.time-pitcher-left-column{gap:var(--gap-lg);flex-direction:column;display:flex}.time-pitcher-vinyl-box{gap:var(--gap-lg);padding:var(--padding-lg);background:var(--bg);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;display:flex}.time-pitcher-vinyl-box>.vinyl-player,.time-pitcher-vinyl-box>.audio-preview{align-self:center;width:100%;max-width:360px}.audio-preview-header{text-align:center;padding:var(--padding-sm) 0}.audio-preview-filename{font-size:var(--text-small);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.time-pitcher-params-column{gap:var(--gap-lg);flex-direction:column;display:flex}.mode-selector{gap:var(--gap-md);margin-bottom:var(--margin-md);grid-template-columns:repeat(2,1fr);display:grid}.mode-selector-option{align-items:flex-start;gap:var(--gap-xs);padding:var(--padding-md);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-all);background:var(--bg);text-align:left;flex-direction:column;display:flex}.mode-selector-option:hover{border-color:var(--primary);background:var(--surface)}.mode-selector-option--selected{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent)}.mode-selector-label{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles)}.mode-selector-description{font-size:var(--text-small);color:var(--muted)}.tempo-controls{gap:var(--gap-md);margin-bottom:var(--margin-md);flex-direction:column;display:flex}.tempo-mode-toggle{gap:var(--gap-sm);padding:var(--padding-xs);background:var(--surface);border-radius:var(--radius-md);width:fit-content;display:flex}.toggle-option{padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--text-small);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-all);background:0 0;border:none}.toggle-option--active{background:var(--primary);color:var(--on-primary)}.slider-control{gap:var(--gap-sm);margin-bottom:var(--margin-md);flex-direction:column;display:flex}.slider-label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--titles)}.tp-slider{border-radius:var(--radius-full);background:var(--border);appearance:none;outline:none;width:100%;height:6px}.tp-slider::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--primary);cursor:pointer;width:20px;height:20px;-webkit-transition:all var(--transition-all);transition:all var(--transition-all)}.tp-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.tp-slider::-moz-range-thumb{border-radius:var(--radius-full);background:var(--primary);cursor:pointer;width:20px;height:20px;-moz-transition:all var(--transition-all);transition:all var(--transition-all);border:none}.tp-slider::-moz-range-thumb:hover{transform:scale(1.1)}.slider-marks{font-size:var(--text-tiny);color:var(--muted);justify-content:space-between;display:flex}.bpm-controls{align-items:flex-end;gap:var(--gap-md);display:flex}.bpm-input-group{gap:var(--gap-xs);flex-direction:column;flex:1;display:flex}.bpm-label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--titles)}.bpm-input{padding:var(--padding-sm) var(--padding-md);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--titles);font-size:var(--text-body);font-weight:var(--font-medium);text-align:center;transition:all var(--transition-all)}.bpm-input:focus{border-color:var(--primary);outline:none}.bpm-arrow{font-size:var(--text-h3);color:var(--primary);padding-bottom:var(--padding-sm)}.quality-selector-simple{gap:var(--gap-sm);margin-bottom:var(--margin-md);display:flex}.quality-option{padding:var(--padding-sm) var(--padding-md);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--titles);font-size:var(--text-small);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-all);flex:1}.quality-option:hover{border-color:var(--primary);background:var(--surface)}.quality-option--selected{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.processing-progress{gap:var(--gap-md);padding:var(--padding-lg);background:var(--surface);border-radius:var(--radius-md);flex-direction:column;display:flex}.processing-progress-label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--titles);text-align:center}.processing-progress-bar{background:var(--border);border-radius:var(--radius-full);width:100%;height:8px;position:relative;overflow:hidden}.processing-progress-fill{background:var(--primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-all);position:absolute;top:0;left:0}.processing-progress-percentage{font-size:var(--text-tiny);color:var(--muted);text-align:center}@media (max-width:768px){.time-pitcher-main-grid,.mode-selector{grid-template-columns:1fr}.bpm-controls{flex-direction:column;align-items:stretch}.bpm-arrow{text-align:center;padding:0;transform:rotate(90deg)}}.vinyl-player{padding:var(--padding-md);justify-content:center;align-items:center;display:flex}.vinyl-disc{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary) 0%, color-mix(in srgb, var(--primary) 60%, black) 100%);width:280px;height:280px;box-shadow:0 10px 40px color-mix(in srgb, var(--primary) 30%, transparent), inset 0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent), inset 0 0 20px #000c;will-change:transform;position:relative}.vinyl-label{border-radius:var(--radius-full);background:var(--bg);width:100px;height:100px;box-shadow:0 0 0 2px color-mix(in srgb, var(--border) 50%, transparent), 0 4px 12px #0006;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vinyl-label-text{font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--primary);text-align:center;letter-spacing:.1em;text-transform:uppercase}.vinyl-grooves{border-radius:var(--radius-full);background:repeating-radial-gradient(circle at center, transparent 0px, transparent 2px, color-mix(in srgb, var(--primary) 5%, transparent) 2px, color-mix(in srgb, var(--primary) 5%, transparent) 4px);pointer-events:none;position:absolute;inset:0}.vinyl-disc:before{content:"";border-radius:var(--radius-full);pointer-events:none;background:linear-gradient(135deg,#ffffff26 0%,#0000 50%,#ffffff14 100%);position:absolute;inset:0}.vinyl-disc:after{content:"";border-radius:var(--radius-full);background:var(--bg);width:20px;height:20px;box-shadow:inset 0 2px 4px #000c, 0 0 0 1px color-mix(in srgb, var(--border) 30%, transparent);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.vinyl-disc{width:220px;height:220px}.vinyl-label{width:80px;height:80px}.vinyl-label-text{font-size:8px}}.audio-preview{gap:var(--gap-md);padding:var(--padding-md);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);flex-direction:column;display:flex}.audio-preview-controls{gap:var(--gap-sm);justify-content:center;display:flex}.audio-preview-progress{gap:var(--gap-xs);flex-direction:column;display:flex}.audio-preview-progress-bar{background:var(--border);border-radius:var(--radius-full);cursor:pointer;width:100%;height:6px;transition:height var(--transition-all);position:relative;overflow:hidden}.audio-preview-progress-bar:hover{height:8px}.audio-preview-progress-fill{background:var(--primary);border-radius:var(--radius-full);height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.audio-preview-time{font-size:var(--text-tiny);color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}.console-page{gap:var(--gap-xl);padding:var(--gap-xl);flex-direction:column;width:100%;margin:0 auto;display:flex}.console-page--sm{max-width:920px}.console-page--md{max-width:1000px}.console-page--lg{max-width:1060px}@media (max-width:640px){.console-page{padding:var(--gap-lg)}}.section-block{gap:var(--gap-md);flex-direction:column;display:flex}.section-block__head{justify-content:space-between;align-items:flex-start;gap:var(--gap-md);display:flex}.section-block__heading{flex-direction:column;gap:2px;min-width:0;display:flex}.section-block__label{font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted)}.section-block__title{font-size:var(--text-h6);font-weight:var(--font-semibold);color:var(--titles);margin:0}.section-block__sub{font-size:var(--text-small);color:var(--muted);margin:0}.section-block__actions{align-items:center;gap:var(--gap-sm);flex-shrink:0;display:flex}.pricing-page{align-items:center;gap:var(--gap-xl);padding:calc(var(--padding-section-xl) + 4rem) var(--padding-lg) var(--padding-section-md);flex-direction:column;display:flex}.pricing-page__hero{text-align:center;align-items:center;gap:var(--gap-md);flex-direction:column;width:100%;max-width:42rem;margin:0 auto;display:flex}.pricing-page__eyebrow{margin:0}.pricing-page__title{font-size:clamp(2rem, 6vw, var(--text-h1));font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tight);color:var(--titles);text-wrap:balance;overflow-wrap:break-word;margin:0}.pricing-page__subtitle{font-size:var(--text-body-lg);color:var(--muted);margin:0}.pricing-page__plans{width:100%;max-width:66rem}.pricing-page__faq{width:100%;max-width:45rem;margin-top:var(--margin-xl);padding-block:0}.pricing-page__footnote{text-align:center;text-transform:uppercase;width:100%;letter-spacing:var(--tracking-widest);padding-top:var(--padding-lg);border-top:1px solid var(--border-soft);margin:0}@media (max-width:48rem){.pricing-page{gap:var(--gap-lg);padding:calc(var(--padding-section-md) + 4rem) var(--padding-md) var(--padding-section-md)}}