@layer components{:where(.theme-board){container-type:inline-size}:where(.theme-board__grid){gap:calc(.75rem * var(--ma-density,1));grid-template-columns:minmax(0,1fr);display:grid}@container (width>=34rem){:where(.theme-board__grid){grid-template-columns:repeat(2,minmax(0,1fr))}:where(.theme-tile--brand,.theme-tile--palette){grid-column:1/-1}}@container (width>=50rem){:where(.theme-board__grid){grid-template-columns:repeat(6,minmax(0,1fr))}:where(.theme-tile--brand){grid-column:span 4}:where(.theme-tile--ink,.theme-tile--muted,.theme-tile--surface,.theme-tile--motion){grid-column:span 2}}:where(.theme-tile){isolation:isolate;gap:calc(.75rem * var(--ma-density,1));min-width:0;padding:calc(1.25rem * var(--ma-density,1));border-radius:var(--ma-radius-2xl,1.125rem);background:var(--card);color:var(--card-foreground,var(--foreground));box-shadow:var(--ma-card-shadow,none), inset 0 0 0 1px var(--border);font-family:var(--ma-font-body);flex-direction:column;display:flex;position:relative;overflow:clip}:where(.theme-tile>*){margin:0}:where(.theme-tile--brand){background:var(--ma-tone-brand);min-height:16rem;color:var(--ma-tone-brand-foreground);box-shadow:none;--ma-sec-action:var(--ma-tone-brand-foreground);--ma-sec-on-action:var(--ma-tone-brand)}:where(.theme-tile--ink){background:var(--ma-tone-ink);color:var(--ma-tone-ink-foreground);box-shadow:none}:where(.theme-tile--muted){background:var(--ma-tone-muted);color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border)}:where(.theme-tile__kicker){font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--t-kicker,.6875rem);letter-spacing:.12em;text-transform:uppercase;opacity:max(.8, var(--ma-sec-floor,0))}:where(.theme-tile__head){justify-content:space-between;align-items:center;gap:.75rem;display:flex}:where(.theme-tile__value){font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;font-size:.75rem}:where(.theme-tile__note){font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--t-kicker,.6875rem);opacity:max(.8, var(--ma-sec-floor,0))}:where(.theme-tile__copy){max-width:36ch;opacity:max(.85, var(--ma-sec-floor,0));font-size:.875rem;line-height:1.5}:where(.theme-tile__copy code){font-family:var(--font-mono,ui-monospace, monospace);font-size:.8125rem}:where(.theme-tile__body){z-index:1;gap:calc(.75rem * var(--ma-density,1));flex-direction:column;flex:1;max-width:27rem;display:flex;position:relative}:where(.theme-tile__title){font-family:var(--ma-font-display,inherit);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(1.75rem,1.1rem + 2.4cqi,2.5rem);font-weight:700;line-height:1.02}:where(.theme-tile__actions){flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.5rem;display:flex}:where(.theme-tile__glyph){right:calc(1.25rem * var(--ma-density,1));font-family:var(--ma-font-display,inherit);letter-spacing:-.06em;pointer-events:none;user-select:none;font-size:clamp(6rem,3rem + 11cqi,11rem);font-weight:700;line-height:1;position:absolute;bottom:-.16em}@container (width<=34rem){:where(.theme-tile--brand){min-height:0}:where(.theme-tile__glyph){opacity:.35;font-size:3.5rem;top:.75rem;bottom:auto}}:where(.theme-btn){min-height:2.25rem;padding-inline:calc(.875rem * var(--ma-density,1));border-radius:var(--ma-radius-md,.5rem);white-space:nowrap;align-items:center;font-size:.8125rem;font-weight:600;display:inline-flex}:where(.theme-btn--solid){background:var(--ma-sec-action,var(--primary));color:var(--ma-sec-on-action,var(--primary-foreground))}:where(.theme-btn--line){box-shadow:inset 0 0 0 1px var(--border)}:where(.theme-btn--primary){background:var(--primary);color:var(--primary-foreground)}:where(.theme-tile__stat){font-family:var(--ma-font-display,inherit);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(2.75rem,2rem + 3cqi,3.75rem);font-weight:700;line-height:.9}:where(.theme-bars){align-items:flex-end;gap:.375rem;height:4.5rem;margin-top:auto;display:flex}:where(.theme-bars>span){height:var(--h);border-radius:var(--ma-radius-sm,.375rem) var(--ma-radius-sm,.375rem) .125rem .125rem;background:var(--c);transform-origin:50% 100%;transition:scale var(--ma-duration) var(--ma-ease) calc(var(--ma-r-delay,0s) + (var(--ma-r-i,0) + 2 + var(--i)) * var(--ma-stagger));flex:1}:where([data-ma-js] .theme-board__grid:not(.ma-in) .theme-bars>span){scale:1 .08}:where(.theme-field){gap:.375rem;display:grid}:where(.theme-field__label){font-size:.8125rem;font-weight:600}:where(.theme-field__row){gap:.5rem;display:flex}:where(.theme-field__input){border-radius:var(--ma-radius-md,.5rem);background:var(--card);min-width:0;min-height:2.25rem;box-shadow:inset 0 0 0 1px var(--input);outline:2px solid var(--ring);outline-offset:2px;white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;padding-inline:.75rem;font-size:.8125rem;display:flex;overflow:hidden}:where(.theme-badge){background:var(--ma-accent);color:var(--ma-accent-foreground);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.15rem .5rem;font-size:.625rem}:where(.theme-status){gap:.375rem;margin-top:auto;padding:0;font-size:.8125rem;list-style:none;display:grid}:where(.theme-status>li){border-radius:var(--ma-radius-md,.5rem);background:color-mix(in oklab, var(--s) 13%, transparent);align-items:center;gap:.5rem;padding:.4rem .625rem;display:flex}:where(.theme-status__dot){background:var(--s);width:.5rem;height:.5rem;box-shadow:0 0 0 3px color-mix(in oklab, var(--s) 28%, transparent);border-radius:50%;flex:none}:where(.theme-status__text){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}:where(.theme-status__meta){font-family:var(--font-mono,ui-monospace, monospace);white-space:nowrap;opacity:.85;font-size:.6875rem}:where(.theme-motion){gap:.625rem;margin-top:auto;display:grid}:where(.theme-motion__plot){height:6.25rem;position:relative;container-type:size}:where(.theme-motion__svg){width:100%;height:100%;position:absolute;inset:0;overflow:visible}:where(.theme-motion__guide){fill:none;stroke:var(--border);stroke-width:1px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}:where(.theme-motion__ghost){fill:none;stroke:color-mix(in oklab, currentColor 16%, transparent);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}:where(.theme-motion__ink){position:absolute;inset:0}:where(.theme-motion__curve){fill:none;stroke:var(--primary);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}:where(.theme-motion__x){position:absolute;top:0;left:0;translate:100cqw}:where(.theme-motion__y){background:var(--primary);width:.625rem;height:.625rem;box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 24%, transparent);border-radius:50%;position:absolute;top:-.3125rem;left:-.3125rem;translate:0 33.3333cqh}:where(.theme-motion__track){height:.75rem;position:relative;container-type:inline-size}:where(.theme-motion__track):before{content:"";background:var(--border);height:1px;position:absolute;inset:calc(50% - .5px) 0 auto}:where(.theme-motion__end){background:color-mix(in oklab, currentColor 40%, transparent);width:1px;position:absolute;top:-.125rem;bottom:-.125rem;left:72cqw}:where(.theme-motion__dot){background:var(--primary);border-radius:50%;width:.75rem;height:.75rem;position:absolute;top:0;left:-.375rem;translate:72cqw}:where(.theme-ramps){grid-template-columns:3.75rem repeat(11,minmax(0,1fr));align-items:center;gap:.25rem;display:grid}:where(.theme-ramps__step){font-family:var(--font-mono,ui-monospace, monospace);text-align:center;opacity:.8;font-size:.625rem}:where(.theme-ramps__name){font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--t-kicker,.6875rem);opacity:.85}:where(.theme-ramps__chip){border-radius:var(--ma-radius-sm,.375rem);height:2.25rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--foreground) 10%, transparent)}@container (width<=34rem){:where(.theme-ramps){grid-template-columns:3.25rem repeat(11,minmax(0,1fr));gap:.125rem}:where(.theme-ramps__step){letter-spacing:-.04em;font-size:.5625rem}:where(.theme-ramps__chip){height:1.75rem}}:where(.theme-roles){flex-wrap:wrap;gap:.375rem;padding:0;list-style:none;display:flex}:where(.theme-roles>li){box-shadow:inset 0 0 0 1px var(--border);font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--t-kicker,.6875rem);border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .6rem .2rem .25rem;display:inline-flex}:where(.theme-roles__dot){width:1rem;height:1rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--foreground) 12%, transparent);border-radius:50%}:where(.theme-roles__run){border-radius:999px;display:inline-flex;overflow:hidden}:where(.theme-roles__run>span){width:.5rem;height:1rem}@media (prefers-reduced-motion:reduce){:where(.theme-bars>span){transition:none;scale:none}}:where([data-ma-motion=reduce]) :where(.theme-bars>span){transition:none;scale:none}:where(.theme-preview){gap:calc(1rem * var(--ma-density,1));padding:calc(1rem * var(--ma-density,1));background:var(--background);color:var(--foreground);font-family:var(--ma-font-body);display:grid}:where(.theme-preview[data-morphing]){transition:--ma-brand .48s var(--ma-ease-out), --radius .48s var(--ma-ease-out)}:where(.theme-preview[data-replay] *){transition:none!important}:where(.theme-site){border-radius:var(--ma-radius-2xl,1.125rem);background:var(--background);box-shadow:0 0 0 1px var(--border), var(--ma-shadow-2,none);overflow:clip}:where(.theme-site__bar){border-bottom:1px solid var(--border);background:var(--muted);align-items:center;gap:.75rem;margin:0;padding:.625rem .875rem;display:flex}:where(.theme-site__lights){gap:.375rem;width:3rem;display:flex}:where(.theme-site__lights i){background:color-mix(in oklab, var(--foreground) 20%, transparent);border-radius:50%;width:.625rem;height:.625rem}:where(.theme-site__url){background:var(--background);max-width:20rem;color:var(--muted-foreground);font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--t-kicker);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:1;margin-inline:auto;padding:.25rem .75rem;overflow:hidden}:where(.theme-preview .ma-pricing),:where(.theme-preview .ma-testimonials){padding:calc(4rem * var(--ma-density,1)) 1.5rem}:where(.theme-preview .ma-cta){margin:0 1.5rem calc(4rem * var(--ma-density,1))}:where(.theme-preview .ma-stats){margin-inline:1.5rem}:where(.theme-tool){border:1px solid var(--line);color:var(--muted-fg);font-family:var(--font-mono);transition:color var(--ma-duration-fast) var(--ma-ease-out), border-color var(--ma-duration-fast) var(--ma-ease-out), scale var(--ma-duration-fast) var(--ma-ease-out);border-radius:.375rem;align-items:center;gap:.4rem;padding:.375rem .7rem;font-size:.75rem;display:inline-flex}:where(.theme-tool:hover){border-color:color-mix(in oklch, var(--fg) 40%, transparent);color:var(--fg)}:where(.theme-tool:active){scale:.97}:where(.theme-tool svg){fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:.875rem;height:.875rem}@media (prefers-reduced-motion:reduce){:where(.theme-preview[data-morphing]){transition:none}}:where([data-ma-motion=reduce]) :where(.theme-preview[data-morphing]){transition:none}:where([data-contrast] td){padding-block:.15rem}:where([data-contrast] :is(td,th):not(:first-child)){white-space:nowrap;padding-left:.625rem}:where([data-contrast] tr[data-fail]){color:var(--cat-pink)}}@property --ma-brand{syntax:"<color>";inherits:true;initial-value:oklch(54.33% .0974 235)}@property --radius{syntax:"<length>";inherits:true;initial-value:0}