:root{--bg:#0a0a0c;--surface-sunken:#0d0e12;--surface:#131419;--surface-raised:#131419;--surface-overlay:#20232b;--text:#c5ccd6;--foreground:var(--text);--titles:#ffffff;--muted:#9ca3af;--avnir-studio-primary:#ffd700;--muted-foreground:var(--muted);--border:#24262e;--border-soft:rgba(255,255,255,0.06);--accent:var(--primary);--accent-2:color-mix(in srgb,var(--primary) 72%,#000000);--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 rgba(255,255,255,0.04),0 8px 24px rgba(0,0,0,0.45);--shadow-raised:0 12px 40px rgba(0,0,0,0.55);--dark-bg:#0b0b0d;--dark-surface:#141317;--dark-text:#c5ccd6;--dark-titles:#ffffff;--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:0.125rem;--gap-xs:0.25rem;--gap-sm:0.5rem;--gap-md:1rem;--gap-lg:1.5rem;--gap-xl:2rem;--margin-sm:0.5rem;--margin-md:1rem;--margin-lg:2rem;--margin-xl:3rem;--padding-xs:0.25rem;--padding-sm:0.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:0.875rem;--text-body-lg:1.5rem;--text-small:0.875rem;--text-tiny:0.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;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.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 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--z-drawer:40;--z-modal:50;--z-popover:60;--z-toast:70;--duration-100:100ms;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--easing-standard:cubic-bezier(0.4,0,0.2,1);--transition-all:all 0.2s ease;--transition-colors:color,background-color,border-color 0.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:0.05;--opacity-10:0.1;--opacity-20:0.2;--opacity-25:0.25;--opacity-30:0.3;--opacity-40:0.4;--opacity-50:0.5;--opacity-60:0.6;--opacity-70:0.7;--opacity-75:0.75;--opacity-80:0.8;--opacity-90:0.9;--opacity-95:0.95;--opacity-100:1}[data-brand=avnir-studio]{--primary:#ffd700}[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:#ffd700}[data-brand=promozic]{--primary:#ff6b6b}[data-brand=paradisebeats]{--primary:#f59e0b}[data-brand=lyrix]{--primary:#8b5cf6}[data-theme=light]{--bg:#f7f8fa;--surface-sunken:#eef0f4;--surface:#ffffff;--surface-raised:#ffffff;--surface-overlay:#ffffff;--text:#1f2937;--foreground:var(--text);--titles:#0E1116;--muted:#6b7280;--muted-foreground:var(--muted);--border:#e5e7eb;--border-soft:rgba(0,0,0,0.08);--shadow-card:0 1px 2px rgba(16,24,40,0.06),0 8px 24px rgba(16,24,40,0.08);--shadow-raised:0 12px 40px rgba(16,24,40,0.12)}[data-theme=light][data-brand=muzisystem] .btn-primary{background-color:var(--dark-bg)!important;color:var(--dark-titles)!important}[data-theme=light] .footer,[data-theme=light] .navbar{background-color:var(--dark-bg)!important;border-bottom-color:var(--dark-border)!important;border-top-color:var(--dark-border)!important;--text:var(--dark-text);--muted:var(--dark-muted);--titles:var(--dark-titles)}[data-theme=light] .footer-column-title,[data-theme=light] .footer-link,[data-theme=light] .footer-logo,[data-theme=light] .navbar a,[data-theme=light] .navbar input,[data-theme=light] .navbar label,[data-theme=light] .navbar p,[data-theme=light] .navbar select,[data-theme=light] .navbar span,[data-theme=light] .navbar-brand,[data-theme=light] .navbar-link,[data-theme=light] .navbar-menu-link,[data-theme=light] .navbar-toggle{color:#ffffff!important}[data-theme=light] .footer-link:hover,[data-theme=light] .navbar-link:hover,[data-theme=light] .navbar-menu-link:hover{color:var(--primary)!important}[data-theme=light] .footer-top,[data-theme=light] .navbar-menu{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] .footer button:not(.btn-primary):not(.footer-newsletter-button),[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] .navbar input,[data-theme=light] .navbar select{background-color:#141317!important;border-color:#1f1f23!important;color:#ffffff!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=muzibase] .footer .btn-primary,[data-theme=light][data-brand=muzibase] .footer-newsletter-button,[data-theme=light][data-brand=muzidev] .footer .btn-primary,[data-theme=light][data-brand=muzidev] .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=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{color:#ffffff!important}.footer-newsletter-disclaimer a,[data-theme=light] .footer-newsletter-disclaimer a{color:var(--primary)!important}[data-theme=light] .navbar-toggle{background-color:transparent!important}[data-theme=light] .navbar-toggle span{background-color:var(--primary)!important}[data-theme=light] .navbar-menu-actions{border-top-color:#1f1f23!important}*,:after,:before{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);line-height:1.5;min-height:100vh}h1,h2,h3,h4,h5,h6{line-height:1.15}body{background-attachment:fixed}.studio-bg,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}.studio-bg--fixed{background-attachment:fixed}@keyframes slide-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.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-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.bg-gradient-brand{background:var(--gradient-brand)}.glow-accent{box-shadow:var(--glow-accent)}.surface-glow{position:relative;isolation:isolate}.surface-glow:before{content:"";position:absolute;inset:-20% -10% auto -10%;height:60%;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)}.has-grain:after{content:"";position:fixed;inset:0;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")}.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{display:flex;flex-wrap:wrap;gap:var(--gap-md);justify-content:center;margin-bottom:var(--margin-lg)}.account-card{max-width:56rem}.account-logo{display:flex;justify-content:center;margin-bottom:var(--margin-md)}.account-header-centered{text-align:center;margin-bottom:var(--margin-lg)}.account-tabs{display:flex;gap:var(--gap-sm);margin-bottom:var(--margin-md);justify-content:center}.account-profile-grid{display:grid;gap:var(--gap-lg)}.account-profile-field{display:flex;flex-direction:column;gap:var(--gap-sm)}.account-profile-label{font-size:.875rem;opacity:.7}.account-profile-value{font-size:1rem}.account-empty-state{text-align:center;padding:3rem var(--padding-lg)}.account-empty-text{font-size:.875rem;opacity:.5}.account-subscription-list{display:grid;gap:var(--gap-md)}.account-subscription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.account-subscription-name{font-size:1.125rem;font-weight:600}.account-subscription-details{display:flex;flex-direction:column;gap:var(--gap-sm)}.account-subscription-info{font-size:.875rem;opacity:.7}.account-subscription-warning{font-size:.875rem;color:var(--error)}.account-section,.account-section-title{margin-bottom:var(--margin-md)}.account-section-title{font-size:1.25rem;font-weight:600}.account-separator{height:1px;background:var(--border);margin:var(--margin-md) 0}.account-footer{margin-top:var(--margin-md);display:flex;justify-content:center}.container{max-width:var(--width-7xl)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--padding-md)!important;padding-right:var(--padding-md)!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{display:flex;justify-content:center;align-items:center;gap:var(--gap-md);margin-top:var(--margin-lg);flex-wrap:wrap}.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{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:var(--gap-xl)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-xl)}@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,.doc-layout-sidebar::-webkit-scrollbar-track,[class*=surface]::-webkit-scrollbar-track{background:var(--surface)}.card::-webkit-scrollbar-thumb,.doc-layout-sidebar::-webkit-scrollbar-thumb,[class*=surface]::-webkit-scrollbar-thumb{border-color:var(--surface)}:root{--animation-duration:0.2s;--animation-duration-slow:0.3s;--animation-duration-fast:0.15s;--animation-easing:ease;--animation-easing-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--animation-easing-smooth:cubic-bezier(0.4,0,0.2,1);--shadow-1:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-2:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-3:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-4:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-5:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-6:0 25px 50px -12px rgba(0,0,0,0.25);--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:0.5;--opacity-hover:0.8;--opacity-pressed:0.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:rgba(34,197,94,0.15);--color-warning:#fbbf24;--color-warning-bg:rgba(245,158,11,0.15);--color-error:#f87171;--color-error-bg:rgba(239,68,68,0.15);--color-info:#60a5fa;--color-info-bg:rgba(59,130,246,0.15);--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 spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@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 bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.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:rgba(255,255,255,.1)}.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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{-webkit-line-clamp:2;line-clamp:2}.text-truncate-2,.text-truncate-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text-truncate-3{-webkit-line-clamp:3;line-clamp:3}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between,.flex-start{justify-content:space-between}.flex-start{display:flex;align-items:flex-start}.flex-column,.flex-column-center{display:flex;flex-direction:column}.action-button,.flex-column-center{align-items:center;justify-content:center}.action-button{padding:var(--padding-xs);background:rgba(0,0,0,.5);color:white;border:none;border-radius:50%;cursor:pointer;transition:background-color var(--animation-duration) var(--animation-easing);display:flex}.action-button:hover{background:rgba(0,0,0,.7)}.action-button--delete:hover{background:rgba(239,68,68,.7)}.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{display:inline-flex;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}.spinner{border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}.spinner--sm{width:1rem;height:1rem}.spinner--md{width:1.25rem;height:1.25rem}.spinner--lg{width:1.5rem;height:1.5rem}.overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--animation-duration) var(--animation-easing);border-radius:inherit}.overlay--visible{opacity:1}.focus-ring{outline:none;transition:box-shadow var(--animation-duration) var(--animation-easing)}.focus-ring:focus-visible{box-shadow:0 0 0 2px var(--primary)}.blockquote{margin:0;padding-left:var(--padding-lg);border-left:4px solid var(--border);font-size:var(--text-body-lg);font-style:italic;color:var(--muted-foreground);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{position:relative;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);overflow:hidden;display:flex;flex-direction:column;gap:var(--gap-md)}.card .card,.card .card:hover,.card--inset,.dash-preview .card{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 rgba(0,0,0,.55)}.card--outline{border:1px solid var(--border)}.card--ghost,.card--outline{background:transparent;box-shadow:none}.card--ghost{border:none;padding:0}.card>*{position:relative;z-index:1}.card>p{font-size:var(--text-body);color:var(--text);line-height:var(--leading-tight);margin:0}.card>.btn,.card>a.btn,.card>button{margin-top:auto;align-self:flex-start}.card-header{flex-direction:column;margin-bottom:var(--margin-sm)}.card-header,.card-title{display:flex;gap:var(--gap-md)}.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}.card-description{font-size:var(--text-body);color:var(--text);line-height:var(--leading-tight)}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary) 10%,var(--surface));border:1px solid var(--border-soft);font-size:var(--text-h3);line-height:1;margin-bottom:var(--margin-sm)}.card-content{flex:1;display:flex;flex-direction:column;gap:var(--gap-sm);justify-content:space-between}.card-content>.badge,.card-content>.btn,.card-content>button{margin-top:var(--margin-md);align-self:flex-start}.card-footer{display:flex;align-items:center;margin-top:auto;border-top:none}.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{transform:translateY(-3px);box-shadow:var(--shadow-raised);border-color:color-mix(in srgb,var(--primary) 24%,var(--border-soft))}.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));max-width:none;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-lg) var(--radius-lg) 0 0;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);display:flex;align-items:center;gap:var(--gap-xs);text-decoration:none;font-size:var(--text-small);font-weight:var(--font-medium);transition:var(--transition-all)}.card-link:hover{opacity:.8}.card--overlay{padding:0;position:relative;overflow:hidden;aspect-ratio:16/9;cursor:pointer;background-color:var(--surface)}.card--overlay .card-image{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover;transition:var(--transition-all);z-index:0}.card--overlay:hover .card-image{transform:scale(1.05)}.card--overlay:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);pointer-events:none;z-index:1}.card--overlay .card-content{position:absolute;bottom:0;left:0;right:0;padding:var(--padding-lg);margin:0;z-index:2;display:flex;flex-direction:column;gap:var(--gap-sm);transition:var(--transition-all)}.card--overlay .card-title{margin:0;color:#ffffff;font-size:var(--text-h3);font-weight:var(--font-semibold);line-height:var(--leading-tight)}.card--overlay .card-description{color:rgba(255,255,255,.9);font-size:var(--text-body);line-height:var(--leading-relaxed);margin:0;max-height:0;opacity:0;overflow:hidden;transition:var(--transition-all)}.card--overlay:hover:after{height:80%;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.3))}.card--overlay:hover .card-description{max-height:200px;opacity:1;margin-top:var(--margin-sm)}.center{display:flex;align-items:center;justify-content:center}.center--inline{display:inline-flex}.center--vertical{flex-direction:column}.code{display:inline-flex;align-items:center;gap:var(--gap-xs);padding:var(--padding-xs) var(--padding-sm);font-family:var(--font-mono);font-size:var(--text-small);line-height:1.4;color:var(--foreground);background-color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap}.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)}.code--sm,.code--xs{padding:var(--padding-xs) var(--padding-xs)}.code--md,.code--sm{font-size:var(--text-small)}.code--lg,.code--md{padding:var(--padding-xs) var(--padding-sm)}.code--lg{font-size:var(--text-body)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--padding-md);padding-right:var(--padding-md)}.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{display:inline-block;width:1px;height:1.5rem;border-top:none;border-left:1px solid var(--border);margin:0 var(--margin-md);vertical-align:middle}.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{display:flex;align-items:center;text-align:center;margin:var(--margin-md) 0}.divider--label:after,.divider--label:before{content:"";flex:1;border-top:1px solid var(--border)}.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{margin:0;font-weight:var(--font-semibold);line-height:1.2;color:var(--titles)}.heading--h1{font-size:var(--text-h1);letter-spacing:-.02em}.heading--h1,.heading--h2{font-weight:var(--font-bold)}.heading--h2{font-size:var(--text-h2);letter-spacing:-.01em}.heading--h3{font-size:var(--text-h3)}.heading--h3,.heading--h4{font-weight:var(--font-semibold)}.heading--h4{font-size:var(--text-h4)}.heading--h5{font-size:var(--text-h5)}.heading--h5,.heading--h6{font-weight:var(--font-medium)}.heading--h6{font-size:var(--text-h6);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-background-clip:text;-webkit-text-fill-color:transparent;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{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1em;height:1em;fill:currentColor;stroke:currentColor}.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{display:block;width:100%;height:auto;border-radius:var(--radius-md)}.image--sharp{border-radius:0}.image--rounded{border-radius:var(--radius-lg)}.image--circle{border-radius:var(--radius-full)}.image--square{aspect-ratio:1/1}.image--portrait,.image--square{-o-object-fit:cover;object-fit:cover}.image--portrait{aspect-ratio:3/4}.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}.image--ultrawide,.image--video{-o-object-fit:cover;object-fit:cover}.image--video{aspect-ratio:16/9}.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:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.image--error{display:flex;color:var(--muted-foreground)}.image--error,.kbd{background-color:var(--muted);align-items:center;justify-content:center}.kbd{display:inline-flex;min-width:1.5em;font-family:var(--font-mono);font-size:var(--text-small);font-weight:var(--font-medium);line-height:1;color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 1px 0 0 var(--border)}.kbd,.kbd--sm{padding:var(--padding-xs) var(--padding-xs)}.kbd--sm{font-size:var(--text-tiny)}.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{display:inline-flex;align-items:center;gap:var(--gap-xs);text-decoration:none;transition:all .2s ease;cursor:pointer}.link,.link:hover{color:var(--primary)}.link:hover{opacity:.8}.link:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.link--underline{text-decoration:underline;text-underline-offset:2px}.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:"";display:inline-block;width:.875em;height:.875em;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-size:contain;background-repeat:no-repeat;opacity:.6}.link--external:hover:after{opacity:1}.link--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.list{display:flex;flex-direction:column;gap:var(--gap-sm);margin:0;padding:0;list-style:none}.list li{position:relative;padding-left:var(--padding-lg);font-size:var(--text-small);line-height:1.5;color:var(--muted-foreground)}.list li:before{content:"•";position:absolute;left:var(--gap-sm);color:var(--primary);font-weight:600}.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{flex-shrink:0;background-color:var(--border)}.separator--horizontal{width:100%;height:1px}.separator--vertical{width:1px;height:100%}.separator--dashed{background:none;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:none;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{display:flex;flex-direction:column}.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{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--gap-sm);height:var(--gap-sm);border-radius:var(--radius-full);background-color:var(--muted)}.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:pulse-dot 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.text{margin:0;color:var(--foreground);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,.text--subtle{color:var(--muted-foreground)}.text--subtle{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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text--clamp-2{-webkit-line-clamp:2;line-clamp:2}.text--clamp-2,.text--clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text--clamp-3{-webkit-line-clamp:3;line-clamp:3}.video{display:block;width:100%;height:auto;border-radius:var(--radius-md);background-color:var(--muted)}.video--square{aspect-ratio:1/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{display:flex;width:100%}.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{position:relative;width:100%}.aspect-ratio--1-1{aspect-ratio:1/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{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-md);font-family:inherit;font-weight:var(--font-semibold);border:none!important;border-radius:var(--radius-md)!important;text-decoration:none!important;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;-moz-user-select:none;user-select:none;--btn-spinner-color:currentColor}.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]{position:relative;color:transparent}.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{background-image:var(--gradient-brand)!important;background-color:var(--primary)!important;color:var(--on-primary)!important;border:none!important;--btn-spinner-color:var(--on-primary)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--glow-accent)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:none;opacity:.92}.btn-secondary{background-color:var(--surface-raised);border:1px solid var(--border-soft)!important;color:var(--titles);gap:var(--gap-md)}.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{background-color:transparent;color:var(--text);border:none;gap:var(--gap-md);--btn-spinner-color:var(--primary)}.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{display:inline-flex;align-items:center;flex-shrink:0}.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{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;border:2px solid var(--btn-spinner-color);border-top-color:transparent!important;border-radius:var(--radius-full);animation:spin 1s linear infinite}.input{display:flex;width:100%;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--surface-sunken);box-shadow:inset 0 1px 2px rgba(0,0,0,.35);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)}.input:hover:not(:disabled):not(:focus){border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.input:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}.input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--muted)}.input::-moz-placeholder{color:var(--muted)}.input::placeholder{color:var(--muted)}.input:-webkit-autofill,.input:-webkit-autofill:focus,.input:-webkit-autofill:hover{-webkit-text-fill-color:var(--titles);caret-color:var(--titles);box-shadow:0 0 0 1000px var(--surface-overlay) inset;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}.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,.input--error:focus{border-color:var(--destructive)}.input--error:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--destructive) 10%,transparent)}.input--success,.input--success:focus{border-color:var(--success)}.input--success:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 10%,transparent)}[data-theme=light] .footer .input,[data-theme=light] .navbar .input{background-color:var(--surface)!important;border-color:var(--border)!important;color:var(--titles)!important}[data-theme=light] .footer .input::-moz-placeholder,[data-theme=light] .navbar .input::-moz-placeholder{color:var(--muted)!important}[data-theme=light] .footer .input::placeholder,[data-theme=light] .navbar .input::placeholder{color:var(--muted)!important}.search-input{display:inline-flex;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);box-shadow:inset 0 1px 2px rgba(0,0,0,.35);color:var(--muted)}.search-input-icon{flex:none}.search-input-field{flex:1;min-width:0;border:none;background:transparent;color:var(--foreground);font-size:var(--text-body-sm);outline:none}.search-input-field::-moz-placeholder{color:var(--muted)}.search-input-field::placeholder{color:var(--muted)}.search-input-field::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-input-clear{flex:none;border:none;background:transparent;color:var(--muted);font-size:var(--text-h4);line-height:1;cursor:pointer;padding:0 var(--padding-xs)}.search-input-clear:hover{color:var(--foreground)}.command-search{position:relative;display:flex;align-items:center;gap:var(--gap-sm);margin-left:auto;min-width:0;max-width:22rem;flex:1;padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-sunken);box-shadow:inset 0 1px 2px rgba(0,0,0,.35);color:var(--muted);transition:var(--transition-colors)}.command-search:focus-within{border-color:color-mix(in srgb,var(--primary) 45%,transparent)}.command-search:hover{border-color:var(--border)}.command-search__icon{flex-shrink:0;color:var(--muted)}.command-search__input{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-size:var(--text-small);outline:none}.command-search__input::-moz-placeholder{color:var(--muted)}.command-search__input::placeholder{color:var(--muted)}.command-search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.command-search__hint{flex-shrink:0;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)}.command-search__panel{position:absolute;top:calc(100% + var(--gap-xs));left:0;right:0;z-index:var(--z-popover);display:flex;flex-direction:column;gap:var(--gap-sm);max-height:min(70vh,30rem);overflow-y:auto;padding:var(--padding-sm);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-raised);box-shadow:var(--shadow-raised)}.command-search__status{margin:0;padding:var(--padding-sm) var(--padding-md);color:var(--muted);font-size:var(--text-small)}.command-search__group{display:flex;flex-direction:column;gap:1px}.command-search__group-label{margin:0;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)}.command-search__result{display:flex;align-items:center;gap:var(--gap-sm);width:100%;padding:var(--padding-sm);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:var(--transition-colors)}.command-search__result--active{background:var(--surface-overlay)}.command-search__result-icon{display:inline-flex;flex-shrink:0;color:var(--primary)}.command-search__result-text{display:flex;flex-direction:column;min-width:0}.command-search__result-title{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--titles);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-search__result-sub{font-size:var(--text-tiny);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){.command-search__hint{display:none}}@media (max-width:640px){.command-search{max-width:none}.command-search__panel{right:auto;min-width:min(20rem,calc(100vw - 6rem))}}.select{display:flex;width:100%;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg);padding:var(--padding-sm) var(--padding-md);font-size:var(--text-body-sm);color:var(--text);transition:all .2s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;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;background-repeat:no-repeat;background-size:1rem;padding-right:var(--padding-xl)}.select:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}.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,.select--error:focus{border-color:var(--destructive)}.select--error:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--destructive) 10%,transparent)}.select--success,.select--success:focus{border-color:var(--success)}.select--success:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 10%,transparent)}[data-theme=light] .footer .select,[data-theme=light] .navbar .select{border-color:var(--border)!important}[data-theme=light] .footer .select,[data-theme=light] .footer .select option,[data-theme=light] .navbar .select,[data-theme=light] .navbar .select option{background-color:var(--surface)!important;color:var(--titles)!important}.textarea{display:flex;width:100%;min-height:5rem;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--surface-sunken);box-shadow:inset 0 1px 2px rgba(0,0,0,.35);padding:var(--padding-sm) var(--padding-md);font-size:var(--text-body-sm);color:var(--text);transition:all .2s ease;resize:vertical;font-family:inherit}.textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}.textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--muted);resize:none}.textarea::-moz-placeholder{color:var(--muted)}.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,.textarea--error:focus{border-color:var(--destructive)}.textarea--error:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--destructive) 10%,transparent)}.textarea--success,.textarea--success:focus{border-color:var(--success)}.textarea--success:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 10%,transparent)}.textarea--no-resize{resize:none}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background-color:var(--bg);cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0}.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:"";position:absolute;left:.25rem;top:.0625rem;width:.375rem;height:.625rem;border:solid var(--bg);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox:disabled{opacity:.5;cursor:not-allowed}.checkbox:indeterminate{background-color:var(--primary);border-color:var(--primary)}.checkbox:indeterminate:after{content:"";position:absolute;left:.125rem;top:.375rem;width:.625rem;height:.125rem;background-color:var(--bg);border:none;transform:none}.checkbox-wrapper{display:flex;align-items:center;gap:var(--gap-sm)}.checkbox-label{font-size:var(--text-body-sm);color:var(--foreground);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox:disabled+.checkbox-label{opacity:.5;cursor:not-allowed}.radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border-radius:var(--radius-full);border:1px solid var(--border);background-color:var(--bg);cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0}.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:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.375rem;height:.375rem;border-radius:var(--radius-full);background-color:var(--bg)}.radio:disabled{opacity:.5;cursor:not-allowed}.radio-wrapper{display:flex;align-items:center;gap:var(--gap-sm)}.radio-label{font-size:var(--text-body-sm);color:var(--foreground);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.radio:disabled+.radio-label{opacity:.5;cursor:not-allowed}.radio-group{display:flex;flex-direction:column;gap:var(--gap-md)}.radio-group--horizontal{flex-direction:row;gap:var(--gap-md)}.switch-wrapper{display:flex;align-items:center;gap:var(--gap-sm)}.switch-container{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex:none}.switch-input{position:absolute;opacity:0;width:0;height:0;margin:0}.switch-track{position:relative;width:2.75rem;height:1.5rem;background:var(--muted);transition:background-color .2s ease}.switch-thumb,.switch-track{border-radius:var(--radius-full)}.switch-thumb{position:absolute;top:.1875rem;left:.1875rem;width:1.125rem;height:1.125rem;background:var(--titles);box-shadow:0 1px 2px rgba(0,0,0,.45);transition:transform .2s ease}.switch-input:checked+.switch-track{background:var(--primary)}.switch-input:checked+.switch-track .switch-thumb{transform:translateX(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;-moz-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);margin:0 0 .75rem;line-height:var(--leading-tight)}.contact-form-description{font-size:var(--text-body);color:var(--muted);line-height:1.6;margin:0}.contact-form-fields{display:flex;flex-direction:column;gap:var(--gap-lg);margin-bottom:var(--margin-lg)}.contact-form-field{display:flex;flex-direction:column;gap:var(--gap-sm)}.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{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}.contact-form-textarea{min-height:150px;resize:vertical}.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)}.contact-form-error-message,.contact-form-success{padding:1.25rem;color:white;border-radius:var(--radius-md);text-align:center;font-weight:var(--font-medium);margin-bottom:var(--margin-md)}.contact-form-error-message{background-color:var(--destructive)}@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{display:flex;justify-content:center}.toggle-button-group{display:flex;background-color:var(--surface-sunken);box-shadow:inset 0 1px 2px rgba(0,0,0,.35);padding:var(--padding-xs);border-radius:var(--radius-lg);gap:var(--gap-xs)}.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;border:none;background:transparent;color:var(--muted-foreground);white-space:nowrap;display:flex;align-items:center;gap:var(--gap-sm)}.toggle-button-option:hover{color:var(--foreground)}.toggle-button-option--active{background-color:transparent;color:var(--primary);font-weight:var(--font-semibold)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-weight:500;transition:all .2s ease;cursor:pointer;border:none;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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{background-color:transparent;border:1px solid var(--primary);color:var(--primary)}.icon-btn--outline:hover:not(:disabled){background-color:var(--primary);color:var(--bg)}.icon-btn--outline:active:not(:disabled){opacity:.8}.icon-btn--ghost{background-color:transparent;color:var(--foreground)}.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{display:inline-block;width:1rem;height:1rem;border:2px solid;border-top:2px solid transparent;border-radius:var(--radius-full);animation:spin 1s linear infinite}.field{flex-direction:column}.field,.field-label-row{display:flex;gap:var(--gap-sm)}.field-label-row{align-items:center;justify-content:space-between}.field-action{display:flex;align-items:center;flex:none}.field-label{display:block;font-size:var(--text-body-sm);font-weight:500;color:var(--foreground)}.field-label--required:after{content:"*";color:var(--destructive);margin-left:var(--margin-sm)}.field-help{color:var(--muted-foreground)}.field-error,.field-help{font-size:var(--text-tiny);line-height:1.4}.field-error{color:var(--destructive)}.field--disabled{opacity:.5}.field--disabled,.field--disabled .field-label{cursor:not-allowed}.file-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:12rem;border:2px dashed var(--border);border-radius:var(--radius-lg);background-color:var(--surface-sunken);transition:all .2s ease;cursor:pointer}.file-upload--active,.file-upload:hover{border-color:var(--primary);background-color:var(--surface)}.file-upload-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-content{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);padding:var(--padding-xl);pointer-events:none}.file-upload-icon-container{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-full);background-color:var(--muted);color:var(--muted-foreground)}.file-upload-icon{width:1.5rem;height:1.5rem}.file-upload-text{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs);text-align:center}.file-upload-button{font-size:var(--text-body-sm);font-weight:500;color:var(--primary);background:none;border:none;cursor:pointer;pointer-events:auto;text-decoration:underline;text-underline-offset:2px}.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{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--margin-sm);font-size:var(--text-small);color:var(--text)}.slider-track{position:relative;height:8px;background:var(--surface);border-radius:var(--radius-full);overflow:hidden}.slider-range{background:var(--primary);width:var(--slider-percentage,0);transition:width .15s ease}.slider-input,.slider-range{position:absolute;top:0;left:0;height:100%}.slider-input{width:100%;opacity:0;cursor:pointer}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer}.slider-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:none}.date-picker{position:relative;width:100%}.date-picker--error .date-picker-input{border-color:var(--error)}.date-picker--disabled{opacity:.5;cursor:not-allowed}.date-picker-input{width:100%;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{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}.date-picker-error{margin-top:var(--margin-sm);font-size:var(--text-small);color:var(--error)}.date-picker-icon{position:absolute;right:var(--gap-sm);top:50%;transform:translateY(-50%);width:var(--text-h5);height:var(--text-h5);color:var(--muted);pointer-events:none}.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{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--margin-md)}.date-picker-title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--foreground)}.date-picker-nav{display:flex;gap:var(--gap-xs)}.date-picker-nav-btn{padding:var(--padding-xs);background:none;border:none;color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-colors)}.date-picker-nav-btn:hover{background-color:var(--muted);color:var(--foreground)}.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--gap-xs)}.date-picker-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--text-small);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-colors)}.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{position:relative;width:100%}.time-picker-input{width:100%;padding-right:2.5rem}.time-picker-icon{position:absolute;right:var(--gap-sm);top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--muted);pointer-events:none}.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{display:flex;gap:var(--gap-sm)}.time-picker-column{display:flex;flex-direction:column}.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{height:12rem;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.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{display:flex;flex-direction:column;gap:var(--gap-md)}.color-picker-preview{display:flex;align-items:center;gap:var(--gap-md)}.color-picker-swatch{width:3rem;height:3rem;border-radius:var(--radius-md);border:2px solid var(--border);cursor:pointer;transition:var(--transition-all)}.color-picker-swatch:hover{transform:scale(1.05);border-color:var(--primary)}.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{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--gap-sm);margin-top:var(--margin-md)}.color-picker-preset{width:2rem;height:2rem;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:var(--transition-all)}.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{position:relative;width:100%}.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:focus,.autocomplete-input:hover{border-color:var(--primary)}.autocomplete-input:focus{outline:none;box-shadow:var(--focus-ring)}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--margin-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:50}.autocomplete-option{width:100%;padding:var(--padding-sm) var(--padding-md);text-align:left;font-size:var(--text-body);color:var(--text);background:transparent;border:none;cursor:pointer;transition:var(--transition-colors)}.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{outline:none;box-shadow:var(--focus-ring)}.selectable-card--selected{border-color:var(--primary);box-shadow:var(--glow-accent)}.selectable-card__check{position:absolute;top:var(--padding-md);right:var(--padding-md);display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:var(--radius-full);background:var(--gradient-brand);color:var(--on-primary);font-size:var(--text-tiny);font-weight:var(--font-extrabold)}.selectable-card__icon{display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--margin-sm);color:var(--muted)}.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{flex-direction:row;align-items:center;gap:var(--gap-sm);padding-right:calc(var(--padding-lg) + 1rem)}.selectable-card--row .selectable-card__icon{margin-bottom:0;flex:none}.selectable-card--row .selectable-card__check{top:50%;transform:translateY(-50%)}