@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Fraunces:opsz,wght@9..144,400;9..144,600&family=JetBrains+Mono&display=swap");:root{--terra-50:#fef0ec;--terra-100:#fdd8cc;--terra-200:#fab09a;--terra-300:#f68367;--terra-400:#f06b4a;--terra-500:#e8623a;--terra-600:#c94d28;--terra-700:#a83b1e;--terra-800:#862d16;--terra-900:#5a1800;--gold-50:#fdf8e8;--gold-100:#faf0c5;--gold-200:#f3dc89;--gold-300:#e8c55c;--gold-400:#d9ad3a;--gold-500:#c9a84c;--gold-600:#aa8a2e;--gold-700:#8b6e20;--gold-800:#6c5216;--gold-900:#5c3e00;--forest-50:#e8f5ee;--forest-100:#c5e8d5;--forest-200:#8ccbac;--forest-300:#56ad83;--forest-400:#36945e;--forest-500:#2e6b4f;--forest-600:#255940;--forest-700:#1c4730;--forest-800:#133522;--forest-900:#0a2e1a;--stone-50:#faf7f2;--stone-100:#f3ede4;--stone-200:#e8dfcf;--stone-300:#d6c9b5;--stone-400:#bca898;--stone-500:#9e8677;--stone-600:#7d6555;--stone-700:#5c4a3c;--stone-800:#3a2e24;--stone-900:#1c1612;--obs-50:#f2f2f5;--obs-100:#e1e1e8;--obs-200:#c3c3cf;--obs-300:#9d9dae;--obs-400:#77778b;--obs-500:#57576b;--obs-600:#3e3e52;--obs-700:#2b2b3d;--obs-800:#1a1a2e;--obs-900:#0d0d1a;--red-50:#fff0f0;--red-100:#ffd6d6;--red-200:#ffadad;--red-400:#f55656;--red-500:#e53535;--red-600:#c41f1f;--red-700:#9e1414;--amber-50:#fffbf0;--amber-100:#fff3e0;--amber-200:#ffe0b2;--amber-400:#ffa726;--amber-500:#f57c00;--amber-600:#e65100;--amber-700:#b23c00;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--white:#ffffff;--black:#000000;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--radius-none:0;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgb(28 23 18/.06);--shadow-s:0 2px 4px 0 rgb(28 23 18/.08);--shadow-m:0 4px 8px -1px rgb(28 23 18/.10),0 2px 4px -1px rgb(28 23 18/.06);--shadow-l:0 8px 16px -2px rgb(28 23 18/.10),0 4px 8px -2px rgb(28 23 18/.06);--shadow-xl:0 16px 32px -4px rgb(28 23 18/.12),0 8px 16px -4px rgb(28 23 18/.08);--shadow-inner:inset 0 1px 2px 0 rgb(28 23 18/.08);--glow-accent:0 4px 16px 0 color-mix(in srgb,var(--color-accent-default) 30%,transparent);--font-display:"Fraunces",Georgia,serif;--font-sans:"DM Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace}:root,[data-theme=light]{color-scheme:light;--color-bg-base:var(--stone-50);--color-bg-surface:var(--white);--color-bg-elevated:var(--white);--color-bg-sunken:var(--stone-100);--color-bg-overlay:var(--stone-200);--color-bg-inverse:var(--stone-900);--color-bg-scrim:var(--stone-900);--color-text-primary:var(--stone-900);--color-text-secondary:var(--stone-700);--color-text-tertiary:var(--stone-600);--color-text-disabled:var(--stone-500);--color-text-inverse:var(--white);--color-text-on-accent:var(--white);--color-text-link:var(--terra-700);--color-text-link-hover:var(--terra-800);--color-icon-primary:var(--stone-700);--color-icon-secondary:var(--stone-500);--color-icon-disabled:var(--stone-400);--color-icon-accent:var(--terra-500);--color-icon-inverse:var(--white);--color-border-default:var(--stone-200);--color-border-strong:var(--stone-300);--color-border-focus:var(--terra-500);--color-border-error:var(--red-600);--color-accent-default:var(--terra-600);--color-accent-hover:var(--terra-700);--color-accent-pressed:var(--terra-800);--color-accent-subtle:var(--terra-50);--color-accent-border:var(--terra-300);--color-accent-text:var(--terra-700);--color-on-accent:var(--white);--color-secondary-default:var(--forest-500);--color-secondary-hover:var(--forest-600);--color-secondary-subtle:var(--forest-50);--color-secondary-text:var(--forest-700);--color-on-secondary:var(--white);--color-status-success:var(--forest-500);--color-status-success-bg:var(--forest-50);--color-status-success-text:var(--forest-700);--color-status-warning:var(--amber-500);--color-status-warning-bg:var(--amber-50);--color-status-warning-text:var(--amber-700);--color-status-error:var(--red-600);--color-status-error-bg:var(--red-50);--color-status-error-text:var(--red-700);--color-status-info:var(--blue-600);--color-status-info-bg:var(--blue-50);--color-status-info-text:var(--blue-700)}[data-theme=dark]{color-scheme:dark;--color-bg-base:var(--obs-900);--color-bg-surface:var(--obs-800);--color-bg-elevated:var(--obs-700);--color-bg-sunken:var(--obs-700);--color-bg-overlay:var(--obs-900);--color-bg-inverse:var(--stone-50);--color-bg-scrim:var(--black);--color-text-primary:var(--stone-50);--color-text-secondary:var(--stone-300);--color-text-tertiary:var(--stone-400);--color-text-disabled:var(--obs-400);--color-text-inverse:var(--stone-900);--color-text-on-accent:var(--obs-900);--color-text-link:var(--gold-400);--color-text-link-hover:var(--gold-300);--color-icon-primary:var(--stone-200);--color-icon-secondary:var(--stone-400);--color-icon-disabled:var(--obs-500);--color-icon-accent:var(--gold-500);--color-icon-inverse:var(--stone-900);--color-border-default:var(--obs-700);--color-border-strong:var(--obs-600);--color-border-focus:var(--gold-500);--color-border-error:var(--red-400);--color-accent-default:var(--gold-500);--color-accent-hover:var(--gold-600);--color-accent-pressed:var(--gold-700);--color-accent-subtle:var(--obs-700);--color-accent-border:var(--gold-700);--color-accent-text:var(--gold-300);--color-on-accent:var(--obs-900);--color-secondary-default:var(--forest-300);--color-secondary-hover:var(--forest-200);--color-secondary-subtle:var(--forest-900);--color-secondary-text:var(--forest-200);--color-on-secondary:var(--obs-900);--color-status-success:var(--forest-300);--color-status-success-bg:var(--forest-900);--color-status-success-text:var(--forest-200);--color-status-warning:var(--amber-400);--color-status-warning-bg:var(--obs-800);--color-status-warning-text:var(--amber-400);--color-status-error:var(--red-400);--color-status-error-bg:var(--obs-800);--color-status-error-text:var(--red-200);--color-status-info:var(--blue-400);--color-status-info-bg:var(--obs-800);--color-status-info-text:var(--blue-400)}.m-icon{display:inline-block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.m-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);border:1px solid transparent;border-radius:var(--radius-md);font:500 14px/20px var(--font-sans);letter-spacing:.2px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,transform .1s}.m-btn:active:not(:disabled){transform:translateY(1px)}.m-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.m-btn--s{height:32px;padding:0 var(--spacing-3)}.m-btn--m{height:40px;padding:0 var(--spacing-4)}.m-btn--l{height:48px;padding:0 var(--spacing-5);font-size:16px;line-height:24px;letter-spacing:.1px}.m-btn--primary{background:var(--color-accent-default);color:var(--color-on-accent)}.m-btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.m-btn--secondary{background:var(--color-secondary-default);color:var(--color-on-secondary)}.m-btn--secondary:hover:not(:disabled){background:var(--color-secondary-hover)}.m-btn--outline{background:var(--color-bg-surface);border-color:var(--color-border-strong);color:var(--color-text-primary)}.m-btn--outline:hover:not(:disabled){background:var(--color-bg-sunken)}.m-btn--ghost{background:transparent;color:var(--color-accent-text)}.m-btn--ghost:hover:not(:disabled){background:var(--color-accent-subtle)}.m-btn--destructive{background:var(--color-status-error);color:var(--color-on-accent)}.m-btn--destructive:hover:not(:disabled){filter:brightness(.92)}.m-btn:disabled{background:var(--color-bg-sunken);color:var(--color-text-disabled);cursor:not-allowed}.m-btn--outline:disabled{border-color:var(--color-border-default)}.m-btn--ghost:disabled{background:transparent}.m-field{display:flex;align-items:center;gap:var(--spacing-2);height:40px;padding:0 var(--spacing-3);background:var(--color-bg-surface);border:1.5px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-icon-secondary);transition:border-color .15s,box-shadow .15s}.m-field:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-subtle)}.m-field--error,.m-field--error:focus-within{border-color:var(--color-border-error)}.m-field--disabled{background:var(--color-bg-sunken);border-color:var(--color-border-default)}.m-field input,.m-field select{flex:1 1;min-width:0;height:100%;border:0;outline:0;background:transparent;font:400 14px/20px var(--font-sans);color:var(--color-text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none}.m-field input::placeholder{color:var(--color-text-tertiary)}.m-field input:disabled,.m-field select:disabled{color:var(--color-text-disabled);cursor:not-allowed}.m-field__btn{display:inline-flex;border:0;background:none;padding:0;color:inherit;cursor:pointer}.m-select{border-width:1px;border-color:var(--color-border-strong);position:relative}.m-select select{cursor:pointer;padding-right:24px}.m-select select.is-placeholder{color:var(--color-text-tertiary)}.m-select .m-icon{position:absolute;right:var(--spacing-3);pointer-events:none}.m-select.m-field--error{border-color:var(--color-border-error)}.m-check{display:inline-flex;align-items:center;gap:var(--spacing-2);font:400 14px/20px var(--font-sans);color:var(--color-text-primary);cursor:pointer}.m-check input{position:absolute;opacity:0;width:1px;height:1px}.m-check__box{width:18px;height:18px;display:grid;place-items:center;border-radius:var(--radius-xs);background:var(--color-bg-surface);border:1.5px solid var(--color-border-strong);color:var(--color-on-accent);transition:background .15s,border-color .15s}.m-check input:checked+.m-check__box,.m-check input:indeterminate+.m-check__box{background:var(--color-accent-default);border-color:var(--color-accent-default)}.m-check input:focus-visible+.m-check__box{outline:2px solid var(--color-border-focus);outline-offset:2px}.m-check--disabled{color:var(--color-text-disabled);cursor:not-allowed}.m-check--disabled .m-check__box{background:var(--color-bg-sunken);border-color:var(--color-border-default)}.m-check--disabled input:checked+.m-check__box,.m-check--disabled input:indeterminate+.m-check__box{background:var(--color-border-strong);border-color:var(--color-border-strong)}.m-toggle{display:inline-flex;align-items:center;gap:var(--spacing-3);font:400 14px/20px var(--font-sans);color:var(--color-text-primary);cursor:pointer}.m-toggle input{position:absolute;opacity:0;width:1px;height:1px}.m-toggle__track{width:40px;height:24px;padding:0 2px;display:flex;align-items:center;border-radius:var(--radius-full);background:var(--color-border-strong);transition:background .2s}.m-toggle__thumb{width:20px;height:20px;border-radius:50%;background:var(--white);box-shadow:var(--shadow-xs);transition:transform .2s cubic-bezier(.3,1.4,.6,1)}.m-toggle input:checked+.m-toggle__track{background:var(--color-accent-default)}.m-toggle input:checked+.m-toggle__track .m-toggle__thumb{transform:translateX(16px)}.m-toggle input:focus-visible+.m-toggle__track{outline:2px solid var(--color-border-focus);outline-offset:2px}.m-toggle--disabled{color:var(--color-text-disabled);cursor:not-allowed}.m-toggle--disabled .m-toggle__track{background:var(--color-bg-sunken)}.m-toggle--disabled input:checked+.m-toggle__track{background:var(--color-accent-border)}.m-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);border-radius:var(--radius-full);font:500 12px/16px var(--font-sans);letter-spacing:.4px;white-space:nowrap}.m-badge--s{padding:2px 6px}.m-badge--m{padding:4px 10px;font-size:14px;line-height:20px;letter-spacing:.2px}.m-badge__dot{width:5px;height:5px;border-radius:50%;background:currentColor}.m-badge--default{background:var(--color-bg-overlay);color:var(--color-text-secondary)}.m-badge--default .m-badge__dot{background:var(--color-text-tertiary)}.m-badge--success{background:var(--color-status-success-bg);color:var(--color-status-success-text)}.m-badge--warning{background:var(--color-status-warning-bg);color:var(--color-status-warning-text)}.m-badge--error{background:var(--color-status-error-bg);color:var(--color-status-error-text)}.m-badge--info{background:var(--color-status-info-bg);color:var(--color-status-info-text)}.m-badge--accent{background:var(--color-accent-default);color:var(--color-on-accent)}.m-card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-xl);background:var(--color-bg-surface);color:var(--color-text-primary)}.m-card--outlined{border:1px solid var(--color-border-default)}.m-card--elevated{box-shadow:var(--shadow-m)}.m-card--filled{background:var(--color-bg-sunken)}.m-card__media{height:168px;display:grid;place-items:center;background:var(--color-accent-subtle);color:var(--color-icon-accent)}.m-card__body{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-5)}.m-card__eyebrow{font:500 12px/16px var(--font-sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--color-accent-text)}.m-card__title{margin:0;font:600 18px/26px var(--font-sans)}.m-card__desc{margin:0;font:400 14px/20px var(--font-sans);color:var(--color-text-secondary)}.m-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-2)}.m-card__meta{font:400 12px/18px var(--font-sans);color:var(--color-text-tertiary)}.m-card__link{display:inline-flex;align-items:center;gap:var(--spacing-1);font:600 14px/20px var(--font-sans);color:var(--color-text-link);text-decoration:none}.m-card__link:hover{color:var(--color-text-link-hover)}.m-alert{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid;border-radius:var(--radius-lg);font-family:var(--font-sans)}.m-alert__content{flex:1 1;display:flex;flex-direction:column;gap:var(--spacing-1)}.m-alert__title{font:600 14px/20px var(--font-sans)}.m-alert__msg{font:400 14px/20px var(--font-sans);color:var(--color-text-secondary)}.m-alert__close{align-self:flex-start;border:0;background:none;padding:2px;cursor:pointer;color:var(--color-icon-secondary)}.m-alert--info{background:var(--color-status-info-bg);border-color:var(--color-status-info);color:var(--color-status-info-text)}.m-alert--success{background:var(--color-status-success-bg);border-color:var(--color-status-success);color:var(--color-status-success-text)}.m-alert--warning{background:var(--color-status-warning-bg);border-color:var(--color-status-warning);color:var(--color-status-warning-text)}.m-alert--error{background:var(--color-status-error-bg);border-color:var(--color-status-error);color:var(--color-status-error-text)}.m-alert>.m-icon{color:var(--alert-icon)}.m-alert--info{--alert-icon:var(--color-status-info)}.m-alert--success{--alert-icon:var(--color-status-success)}.m-alert--warning{--alert-icon:var(--color-status-warning)}.m-alert--error{--alert-icon:var(--color-status-error)}.m-toast{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) var(--spacing-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-l);font-family:var(--font-sans)}.m-toast__msg{flex:1 1;font:500 14px/20px var(--font-sans);letter-spacing:.2px;color:var(--color-text-primary)}.m-toast__action{border:0;background:none;padding:0;font:600 14px/20px var(--font-sans);color:var(--color-text-link);cursor:pointer}.m-toast__divider{width:1px;height:20px;background:var(--color-border-default)}.m-toast__close{border:0;background:none;padding:0;display:inline-flex;cursor:pointer}.m-toast--neutral>.m-icon,.m-toast__close{color:var(--color-icon-secondary)}.m-toast--success>.m-icon{color:var(--color-status-success)}.m-toast--error>.m-icon{color:var(--color-status-error)}.m-modal{padding:0;border:0;border-radius:var(--radius-xl);background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-xl);width:calc(100% - 32px);overflow:hidden}.m-modal--s{max-width:400px}.m-modal--m{max-width:560px}.m-modal::-webkit-backdrop{background:color-mix(in srgb,var(--color-bg-scrim) 45%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.m-modal::backdrop{background:color-mix(in srgb,var(--color-bg-scrim) 45%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.m-modal__header{display:flex;gap:var(--spacing-4);padding:var(--spacing-6) var(--spacing-6) 0}.m-modal__titles{flex:1 1;display:flex;flex-direction:column;gap:var(--spacing-1)}.m-modal__title{margin:0;font:600 26px/34px var(--font-display)}.m-modal__subtitle{margin:0;font:400 14px/20px var(--font-sans);color:var(--color-text-secondary)}.m-modal__close{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:var(--radius-md);background:none;color:var(--color-icon-secondary);cursor:pointer}.m-modal__close:hover{background:var(--color-bg-sunken)}.m-modal__body{padding:var(--spacing-4) var(--spacing-6) var(--spacing-6);flex-direction:column}.m-modal__body,.m-modal__footer{display:flex;gap:var(--spacing-3)}.m-modal__footer{justify-content:flex-end;padding:var(--spacing-4) var(--spacing-6);background:var(--color-bg-surface);border-top:1px solid var(--color-border-default)}.m-tabs{scrollbar-width:none;display:flex;gap:var(--spacing-1);border-bottom:1px solid var(--color-border-default);overflow-x:auto}.m-tab{height:44px;padding:0 var(--spacing-4);border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;font:500 14px/20px var(--font-sans);letter-spacing:.2px;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap}.m-tab:hover:not(:disabled){color:var(--color-text-primary);border-bottom-color:var(--color-border-strong)}.m-tab[aria-selected=true]{color:var(--color-accent-text);border-bottom-color:var(--color-accent-default)}.m-tab:disabled{color:var(--color-text-disabled);cursor:not-allowed}.m-tab:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.m-bnav{display:flex;justify-content:space-around;padding:var(--spacing-2) var(--spacing-2) var(--spacing-3);background:var(--color-bg-surface);border-top:1px solid var(--color-border-default)}.m-bnav__item{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);border:0;background:none;padding:0;font:500 11px/16px var(--font-sans);letter-spacing:.4px;color:var(--color-text-secondary);cursor:pointer}.m-bnav__pill{position:relative;width:40px;height:28px;display:grid;place-items:center;border-radius:var(--radius-full);color:var(--color-icon-secondary);transition:background .2s}.m-bnav__item[aria-current=page]{color:var(--color-accent-text)}.m-bnav__item[aria-current=page] .m-bnav__pill{background:var(--color-accent-subtle);color:var(--color-icon-accent)}.m-bnav__badge{position:absolute;top:3px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--color-status-error);border:1.5px solid var(--color-bg-surface)}.m-check__box .m-icon{opacity:0;transform:scale(.6);transition:opacity .15s,transform .15s}.m-check input:checked+.m-check__box .m-icon,.m-check input:indeterminate+.m-check__box .m-icon{opacity:1;transform:none}.m-btn{text-decoration:none}a.m-btn:hover{color:inherit}a.m-btn--primary:hover{color:var(--color-on-accent)}a.m-btn--outline:hover{color:var(--color-text-primary)}.sr-only{position:absolute;margin:-1px;padding:0;border:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.m-radio{display:inline-flex;align-items:center;gap:var(--spacing-2);font:400 14px/20px var(--font-sans);color:var(--color-text-primary);cursor:pointer}.m-radio input{position:absolute;opacity:0;width:1px;height:1px}.m-radio__control{width:18px;height:18px;border-radius:50%;background:var(--color-bg-surface);border:1.5px solid var(--color-border-strong);display:grid;place-items:center;transition:background .15s,border-color .15s}.m-radio__control:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-on-accent);transform:scale(0);transition:transform .15s}.m-radio input:checked+.m-radio__control{background:var(--color-accent-default);border-color:var(--color-accent-default)}.m-radio input:checked+.m-radio__control:after{transform:scale(1)}.m-radio input:focus-visible+.m-radio__control{outline:2px solid var(--color-border-focus);outline-offset:2px}.m-radio--disabled{color:var(--color-text-disabled);cursor:not-allowed}.m-radio--disabled .m-radio__control{background:var(--color-bg-sunken);border-color:var(--color-border-default)}.m-radio--disabled input:checked+.m-radio__control{background:var(--color-border-strong);border-color:var(--color-border-strong)}.m-radio-group{display:flex;flex-direction:column;gap:var(--spacing-3)}.m-radio-group--row{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-5)}.m-textarea{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-3);min-height:112px;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color .15s,box-shadow .15s}.m-textarea:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-subtle)}.m-textarea--error,.m-textarea--error:focus-within{border-color:var(--color-border-error)}.m-textarea--disabled{background:var(--color-bg-sunken);border-color:var(--color-border-default)}.m-textarea textarea{flex:1 1;min-height:60px;resize:vertical;border:0;outline:0;background:transparent;font:400 14px/20px var(--font-sans);color:var(--color-text-primary)}.m-textarea textarea::placeholder{color:var(--color-text-tertiary)}.m-textarea textarea:disabled{color:var(--color-text-disabled)}.m-textarea__count{align-self:flex-end;font:400 12px/18px var(--font-sans);color:var(--color-text-tertiary)}.m-formfield{display:flex;flex-direction:column;gap:var(--spacing-2)}.m-formfield__label-row{display:flex;justify-content:space-between;align-items:baseline}.m-formfield__label{font:500 14px/20px var(--font-sans);letter-spacing:.2px;color:var(--color-text-primary)}.m-formfield__hint{font:400 12px/18px var(--font-sans);color:var(--color-text-tertiary)}.m-formfield__msg{display:flex;align-items:center;gap:var(--spacing-1);font:400 12px/18px var(--font-sans);color:var(--color-text-secondary)}.m-formfield__msg--error{color:var(--color-status-error-text)}.m-formfield--disabled .m-formfield__label{color:var(--color-text-disabled)}.m-slider{display:flex;flex-direction:column;gap:var(--spacing-3);min-width:220px}.m-slider__head{display:flex;justify-content:space-between;font:500 14px/20px var(--font-sans);letter-spacing:.2px}.m-slider__head code{font:400 12px/18px var(--font-mono);color:var(--color-text-secondary)}.m-slider__track{position:relative;height:20px}.m-slider__track:after,.m-slider__track:before{content:"";position:absolute;top:8px;height:4px;border-radius:2px}.m-slider__track:before{left:0;right:0;background:var(--color-border-default)}.m-slider__track:after{left:var(--lo);right:calc(100% - var(--hi));background:var(--color-accent-default)}.m-slider input{position:absolute;inset:0;width:100%;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;pointer-events:none;z-index:1}.m-slider input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;width:20px;height:20px;border-radius:50%;background:var(--white);border:2px solid var(--color-accent-default);box-shadow:var(--shadow-s);cursor:-webkit-grab;cursor:grab}.m-slider input::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:var(--white);border:2px solid var(--color-accent-default);box-shadow:var(--shadow-s);cursor:grab}.m-slider input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-border-focus);outline-offset:2px}.m-slider--disabled{color:var(--color-text-disabled)}.m-slider--disabled .m-slider__track:after{background:var(--color-border-strong)}.m-slider--disabled input::-webkit-slider-thumb{border-color:var(--color-border-strong);cursor:not-allowed}.m-segmented{display:inline-flex;gap:var(--spacing-1);padding:var(--spacing-1);background:var(--color-bg-sunken);border-radius:var(--radius-md)}.m-segmented__seg{min-width:96px;height:32px;padding:0 var(--spacing-3);border:0;border-radius:var(--radius-sm);background:none;font:500 14px/20px var(--font-sans);color:var(--color-text-secondary);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.m-segmented__seg:hover{color:var(--color-text-primary)}.m-segmented__seg[aria-checked=true]{background:var(--color-bg-surface);color:var(--color-text-primary);font-weight:600;box-shadow:var(--shadow-xs)}.m-segmented__seg:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.m-number{display:inline-flex;height:40px;width:144px;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);overflow:hidden}.m-number:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-accent-subtle)}.m-number button{width:40px;display:grid;place-items:center;border:0;background:none;color:var(--color-icon-primary);cursor:pointer}.m-number button:first-child{border-right:1px solid var(--color-border-strong)}.m-number button:last-child{border-left:1px solid var(--color-border-strong)}.m-number button:hover:not(:disabled){background:var(--color-bg-sunken)}.m-number button:disabled{color:var(--color-icon-disabled);cursor:not-allowed}.m-number input{flex:1 1;min-width:0;text-align:center;border:0;outline:0;background:none;font:600 14px/20px var(--font-sans);color:var(--color-text-primary)}.m-number--disabled{background:var(--color-bg-sunken);border-color:var(--color-border-default)}.m-number--disabled input{color:var(--color-text-disabled)}.m-chip{display:inline-flex;align-items:center;gap:var(--spacing-1);height:32px;padding:0 var(--spacing-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:transparent;font:500 14px/20px var(--font-sans);letter-spacing:.2px;color:var(--color-text-primary);cursor:pointer;transition:background .15s,border-color .15s}button.m-chip:hover:not(:disabled){background:var(--color-bg-sunken)}.m-chip--selected{border-color:var(--color-accent-border);color:var(--color-accent-text)}.m-chip--selected,button.m-chip--selected:hover:not(:disabled){background:var(--color-accent-subtle)}.m-chip--removable{background:var(--color-bg-sunken);border-color:transparent;padding-right:var(--spacing-2);cursor:default}.m-chip__remove{display:inline-flex;border:0;background:none;padding:2px;border-radius:50%;color:var(--color-icon-secondary);cursor:pointer}.m-chip__remove:hover{background:var(--color-bg-overlay)}.m-chip--disabled,.m-chip:disabled{background:var(--color-bg-sunken);border-color:transparent;color:var(--color-text-disabled);cursor:not-allowed}.m-chip:focus-visible,.m-chip__remove:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.m-upload{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);padding:var(--spacing-8) var(--spacing-6);width:100%;max-width:420px;text-align:center;background:var(--color-bg-surface);border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-lg);transition:background .15s,border-color .15s}.m-upload--drag{background:var(--color-accent-subtle);border-color:var(--color-accent-default)}.m-upload--error{background:var(--color-status-error-bg);border-color:var(--color-border-error)}.m-upload__disc{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--color-accent-subtle);color:var(--color-icon-accent)}.m-upload--drag .m-upload__disc,.m-upload--error .m-upload__disc{background:var(--color-bg-surface)}.m-upload--error .m-upload__disc{color:var(--color-status-error)}.m-upload__title{font:600 16px/24px var(--font-sans);color:var(--color-text-primary)}.m-upload--error .m-upload__title{color:var(--color-status-error-text)}.m-upload__title button{border:0;background:none;padding:0;font:inherit;color:var(--color-text-link);text-decoration:underline;cursor:pointer}.m-upload__hint{font:400 14px/20px var(--font-sans);color:var(--color-text-secondary)}.m-upload__progress{width:100%;text-align:left;padding-top:var(--spacing-2)}.m-progress{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%;min-width:200px}.m-progress__head{display:flex;justify-content:space-between;font:500 14px/20px var(--font-sans);letter-spacing:.2px;color:var(--color-text-primary)}.m-progress__head code{display:inline-flex;align-items:center;gap:4px;font:400 12px/18px var(--font-mono);color:var(--color-text-secondary)}.m-progress__track{height:8px;border-radius:var(--radius-full);background:var(--color-bg-sunken);overflow:hidden}.m-progress__bar{height:100%;border-radius:4px;background:var(--color-accent-default);transition:width .3s}.m-progress--complete .m-progress__bar{background:var(--color-status-success)}.m-progress--complete code{color:var(--color-status-success-text)}.m-progress--error .m-progress__bar{background:var(--color-status-error);width:100%}.m-progress--error code{color:var(--color-status-error-text)}.m-progress--indeterminate .m-progress__bar{width:40%;animation:m-indet 1.4s ease-in-out infinite}@keyframes m-indet{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}.m-datepicker{position:relative;width:100%;max-width:336px}.m-datepicker__field{width:100%;cursor:pointer;font:400 16px/24px var(--font-sans);color:var(--color-text-primary);text-align:left}.m-datepicker__field span{flex:1 1}.m-datepicker__field .is-placeholder{color:var(--color-text-tertiary)}.m-datepicker__field.is-open{border:2px solid var(--color-border-focus)}.m-datepicker__pop{position:absolute;top:calc(100% + 8px);left:0;z-index:30}.m-calendar{width:338px;max-width:calc(100vw - 32px);padding:var(--spacing-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);font-family:var(--font-sans)}.m-calendar__head{display:flex;justify-content:space-between;align-items:center;padding:4px 0 8px;font-size:14px;color:var(--color-text-primary)}.m-calendar__head button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:var(--radius-sm);background:none;color:var(--color-icon-primary);cursor:pointer}.m-calendar__head button:hover{background:var(--color-bg-sunken)}.m-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px 0;gap:4px 0;justify-items:center}.m-calendar__wd{font:500 11px/24px var(--font-sans);letter-spacing:.4px;color:var(--color-text-tertiary)}.m-day{width:40px;height:40px;max-width:100%;aspect-ratio:1;border:0;border-radius:50%;background:none;font:500 12px/16px var(--font-sans);color:var(--color-text-primary);cursor:pointer}.m-day:hover:not(:disabled){background:var(--color-bg-sunken)}.m-day--outside{color:var(--color-text-tertiary)}.m-day--today{box-shadow:inset 0 0 0 1.5px var(--color-accent-default);color:var(--color-accent-text)}.m-day--selected,.m-day--selected:hover:not(:disabled){background:var(--color-accent-default);color:var(--color-on-accent);box-shadow:none}.m-day:disabled{color:var(--color-text-disabled);text-decoration:line-through;cursor:not-allowed}.m-day:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.m-avatar{display:inline-grid;place-items:center;flex-shrink:0;border-radius:50%;overflow:hidden;background:var(--color-bg-overlay);color:var(--color-icon-secondary);font:600 14px/1 var(--font-sans)}.m-avatar img{width:100%;height:100%;object-fit:cover}.m-avatar--initials{background:var(--color-accent-default);color:var(--color-on-accent)}.m-avatar--xs{width:20px;height:20px;font-size:9px}.m-avatar--xs .m-icon{width:12px;height:12px}.m-avatar--s{width:28px;height:28px;font-size:11px}.m-avatar--s .m-icon{width:16px;height:16px}.m-avatar--m{width:36px;height:36px;font-size:13px}.m-avatar--m .m-icon{width:20px;height:20px}.m-avatar--l{width:48px;height:48px;font-size:17px}.m-avatar--l .m-icon{width:26px;height:26px}.m-avatar--xl{width:64px;height:64px;font-size:22px}.m-avatar--xl .m-icon{width:34px;height:34px}.m-avatar-group{display:inline-flex}.m-avatar-group .m-avatar{box-shadow:0 0 0 2px var(--color-bg-surface)}.m-avatar-group .m-avatar+.m-avatar{margin-left:-8px}.m-avatar--more{background:var(--color-bg-sunken);color:var(--color-text-secondary)}.m-spinner{display:inline-block;border-radius:50%;border-style:solid;border-color:var(--color-border-default);border-top-color:var(--color-accent-default);animation:m-spin .8s linear infinite}.m-spinner--s{width:16px;height:16px;border-width:2px}.m-spinner--m{width:24px;height:24px;border-width:3px}.m-spinner--l{width:40px;height:40px;border-width:4px}@keyframes m-spin{to{transform:rotate(1turn)}}.m-skeleton{display:block;background:var(--color-bg-sunken);background-image:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-bg-surface) 60%,transparent),transparent);background-size:200% 100%;animation:m-shimmer 1.4s ease-in-out infinite}.m-skeleton--text{height:12px;width:240px;border-radius:var(--radius-full)}.m-skeleton--circle{width:40px;height:40px;border-radius:50%}.m-skeleton--rect{width:240px;height:140px;border-radius:var(--radius-md)}@keyframes m-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.m-skeleton-card{display:grid;grid-gap:var(--spacing-4);gap:var(--spacing-4);width:320px;max-width:100%;padding:var(--spacing-5);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg)}.m-divider{display:block;background:var(--color-border-default)}.m-divider--horizontal{width:100%;height:1px}.m-divider--vertical{width:1px;height:24px;align-self:center}.m-divider--label{display:flex;align-items:center;gap:var(--spacing-3);width:100%;background:none;font:500 12px/16px var(--font-sans);letter-spacing:.4px;color:var(--color-text-tertiary)}.m-divider--label:after,.m-divider--label:before{content:"";flex:1 1;height:1px;background:var(--color-border-default)}.m-rating{display:inline-flex;align-items:center;gap:var(--spacing-2);font:400 14px/20px var(--font-sans)}.m-rating__stars{display:inline-flex;gap:2px}.m-rating__stars button{border:0;background:none;padding:0;cursor:pointer;display:inline-flex}.m-rating__stars button:hover .m-icon{transform:scale(1.15)}.m-rating .m-icon{color:var(--color-border-strong);transition:transform .15s}.m-rating .m-icon.is-filled{color:var(--color-accent-default);fill:var(--color-accent-default)}.m-rating b{font-weight:600}.m-rating__count{color:var(--color-text-tertiary)}.m-stat{display:flex;flex-direction:column;gap:var(--spacing-3);width:272px;max-width:100%;padding:var(--spacing-5);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg)}.m-stat__head{display:flex;justify-content:space-between;align-items:center;font:500 12px/16px var(--font-sans);letter-spacing:.4px;color:var(--color-text-secondary)}.m-stat__icon{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--color-accent-subtle);color:var(--color-icon-accent)}.m-stat__value{font:600 32px/40px var(--font-display);letter-spacing:-.5px;color:var(--color-text-primary)}.m-stat__trend{display:flex;align-items:center;gap:var(--spacing-2)}.m-stat__delta{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:4px 8px;border-radius:var(--radius-full);font:500 11px/16px var(--font-sans);letter-spacing:.4px}.m-stat__delta--up{background:var(--color-status-success-bg);color:var(--color-status-success-text)}.m-stat__delta--down{background:var(--color-status-error-bg);color:var(--color-status-error-text)}.m-stat__delta--neutral{background:var(--color-bg-sunken);color:var(--color-text-secondary)}.m-stat__period{font:400 14px/20px var(--font-sans);color:var(--color-text-tertiary)}.m-list{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-surface);border:0;text-align:left;font-family:var(--font-sans);color:var(--color-text-primary);text-decoration:none}a.m-list,button.m-list{cursor:pointer}a.m-list:hover,button.m-list:hover{background:var(--color-bg-sunken);color:var(--color-text-primary)}.m-list+.m-list{border-top:1px solid var(--color-border-default)}.m-list__icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--color-accent-subtle);color:var(--color-icon-accent)}.m-list__check{width:18px;height:18px;accent-color:var(--color-accent-default)}.m-list__text{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.m-list__text b{font:600 14px/20px var(--font-sans)}.m-list__text span{color:var(--color-text-tertiary)}.m-list__meta,.m-list__text span{font:400 14px/20px var(--font-sans)}.m-list__meta{color:var(--color-text-secondary)}.m-list__chev{color:var(--color-icon-secondary)}.m-empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);width:440px;max-width:100%;padding:var(--spacing-12) var(--spacing-10);text-align:center;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-xl)}.m-empty__art{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:var(--color-accent-subtle)}.m-empty__art span{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--color-bg-surface);color:var(--color-icon-accent)}.m-empty--no-results .m-empty__art{background:var(--color-bg-sunken)}.m-empty--no-results .m-empty__art span{color:var(--color-icon-secondary)}.m-empty--error .m-empty__art{background:var(--color-status-error-bg)}.m-empty--error .m-empty__art span{color:var(--color-status-error)}.m-empty h3{margin:var(--spacing-1) 0 0;font:600 26px/34px var(--font-display);color:var(--color-text-primary)}.m-empty p{margin:-8px 0 0;font:400 14px/20px var(--font-sans);color:var(--color-text-secondary)}.m-empty__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2);padding-top:var(--spacing-2)}.m-table-wrap{position:relative;width:100%;overflow-x:auto;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg)}.m-table{width:100%;min-width:720px;border-collapse:collapse;font:400 14px/20px var(--font-sans);color:var(--color-text-primary)}.m-table th{background:var(--color-bg-sunken);text-align:left;font:500 12px/16px var(--font-sans);letter-spacing:.4px;color:var(--color-text-secondary)}.m-table td,.m-table th{padding:12px 16px;border-bottom:1px solid var(--color-border-default)}.m-table td{vertical-align:middle}.m-table tbody tr:last-child td{border-bottom:0}.m-table tbody tr:hover{background:var(--color-bg-sunken)}.m-table tbody tr[aria-selected=true]{background:var(--color-accent-subtle)}.m-table__person{display:flex;align-items:center;gap:var(--spacing-3)}.m-table__person>span{display:flex;flex-direction:column}.m-table__person b{font-weight:600}.m-table__muted,.m-table__person>span>span{color:var(--color-text-tertiary)}.m-accordion{width:100%;max-width:560px}.m-accordion__item{border-bottom:1px solid var(--color-border-default)}.m-accordion__item h3{margin:0}.m-accordion__item button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-5) 0;border:0;background:none;text-align:left;font:600 16px/24px var(--font-sans);color:var(--color-text-primary);cursor:pointer}.m-accordion__item button .m-icon{color:var(--color-icon-secondary);transition:transform .25s}.m-accordion__item.is-open button .m-icon{transform:rotate(180deg);color:var(--color-icon-accent)}.m-accordion__item button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.m-accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.7,.2,1);font:400 14px/22px var(--font-sans);color:var(--color-text-secondary)}.m-accordion__panel>div{overflow:hidden;padding-right:var(--spacing-8)}.m-accordion__item.is-open .m-accordion__panel{grid-template-rows:1fr}.m-accordion__item.is-open .m-accordion__panel>div{padding-bottom:var(--spacing-5)}@media (prefers-reduced-motion:reduce){.m-accordion__panel{transition:none}}.m-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-4);width:100%}.m-pagination__range{font:400 14px/20px var(--font-sans);color:var(--color-text-secondary)}.m-pagination__controls{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.m-page{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-1);padding:0 var(--spacing-2);border:0;border-radius:var(--radius-md);background:none;font:500 14px/20px var(--font-sans);letter-spacing:.2px;color:var(--color-text-primary);cursor:pointer}.m-page:hover:not(:disabled){background:var(--color-bg-sunken)}.m-page[aria-current=page],.m-page[aria-current=page]:hover{background:var(--color-accent-default);color:var(--color-on-accent)}.m-page--ellipsis{color:var(--color-text-tertiary);cursor:default}.m-page--step{padding:0 var(--spacing-3);border:1px solid var(--color-border-strong)}.m-page--step:disabled{border-color:var(--color-border-default);color:var(--color-text-disabled);cursor:not-allowed}.m-page:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.m-breadcrumb{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;font:500 14px/20px var(--font-sans);letter-spacing:.2px}.m-breadcrumb,.m-breadcrumb li{align-items:center;gap:var(--spacing-2)}.m-breadcrumb a,.m-breadcrumb li{display:inline-flex}.m-breadcrumb a{color:var(--color-text-secondary);text-decoration:none}.m-breadcrumb a:hover{color:var(--color-text-link)}.m-breadcrumb [aria-current]{color:var(--color-text-primary)}.m-breadcrumb__sep{color:var(--color-icon-secondary)}.m-stepper{display:flex;gap:var(--spacing-4);margin:0;padding:0;list-style:none;font-family:var(--font-sans)}.m-stepper--horizontal{align-items:flex-start;flex-wrap:wrap}.m-stepper--vertical{flex-direction:column;gap:0}.m-step{display:flex;align-items:flex-start;gap:var(--spacing-3);position:relative}.m-stepper--horizontal .m-step{align-items:center}.m-stepper--vertical .m-step{padding-bottom:var(--spacing-8)}.m-stepper--vertical .m-step:last-child{padding-bottom:0}.m-step__dot{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;font:600 14px/20px var(--font-sans);background:var(--color-bg-surface);border:1.5px solid var(--color-border-strong);color:var(--color-text-secondary)}.m-step--complete .m-step__dot{background:var(--color-accent-default);border-color:var(--color-accent-default);color:var(--color-on-accent)}.m-step--current .m-step__dot{background:var(--color-accent-subtle);border:2px solid var(--color-accent-default);color:var(--color-accent-text)}.m-step__text{display:flex;flex-direction:column;gap:var(--spacing-1)}.m-step__text b{font:600 14px/20px var(--font-sans);color:var(--color-text-primary)}.m-step--current .m-step__text b{color:var(--color-accent-text)}.m-step--upcoming .m-step__text b{color:var(--color-text-secondary)}.m-step__text span{font:400 14px/20px var(--font-sans);color:var(--color-text-tertiary)}.m-step__line{display:block;background:var(--color-border-default);border-radius:var(--radius-full)}.m-step__line.is-done{background:var(--color-accent-default)}.m-stepper--horizontal .m-step__line{width:48px;height:2px;margin-left:var(--spacing-1)}.m-stepper--vertical .m-step__line{position:absolute;left:15px;top:38px;bottom:6px;width:2px}.m-logo{display:inline-flex;align-items:center;gap:var(--spacing-2);font:600 22px/1 var(--font-display);color:var(--color-text-primary);text-decoration:none}.m-logo__mark{width:28px;height:28px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--color-accent-default);color:var(--color-on-accent);font-size:16px}.m-iconbtn{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border:0;border-radius:var(--radius-md);background:none;color:var(--color-icon-primary);cursor:pointer}.m-iconbtn:hover{background:var(--color-bg-sunken)}.m-iconbtn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.m-navbar{position:relative;justify-content:space-between;gap:var(--spacing-6);width:100%;height:68px;padding:0 var(--spacing-6);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-default);font-family:var(--font-sans)}.m-navbar,.m-navbar__left{display:flex;align-items:center}.m-navbar__left{gap:var(--spacing-10)}.m-navbar__links{display:flex;gap:var(--spacing-1)}.m-navbar__links a{padding:8px 12px;border-radius:var(--radius-md);font:500 14px/20px var(--font-sans);color:var(--color-text-secondary);text-decoration:none}.m-navbar__links a:hover,.m-navbar__links a[aria-current=page]{color:var(--color-text-primary);background:var(--color-bg-sunken)}.m-navbar__right{display:flex;align-items:center;gap:var(--spacing-2)}.m-navbar__menu{display:none}@container (max-width:720px){.m-navbar{height:56px;padding:0 var(--spacing-4)}.m-navbar__menu{display:grid}.m-navbar__right>.m-btn,.m-navbar__right>.m-iconbtn:not(.m-navbar__menu):nth-child(2){display:none}.m-navbar__links{display:none;position:absolute;top:100%;left:0;right:0;z-index:5;flex-direction:column;padding:var(--spacing-2);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-default);box-shadow:var(--shadow-m)}.m-navbar__links.is-open{display:flex}}.m-sidebar{display:flex;flex-direction:column;gap:var(--spacing-1);width:264px;padding:var(--spacing-5) var(--spacing-4);background:var(--color-bg-surface);border-right:1px solid var(--color-border-default);font-family:var(--font-sans)}.m-sidebar>.m-logo{padding:0 var(--spacing-3) var(--spacing-5)}.m-sidebar__group{display:block;padding:var(--spacing-4) var(--spacing-3) 6px;font:500 12px/16px var(--font-sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--color-text-tertiary)}.m-sidebar__item{display:flex;align-items:center;gap:var(--spacing-3);width:100%;height:40px;padding:0 var(--spacing-3);border:0;border-radius:var(--radius-md);background:none;font:500 14px/20px var(--font-sans);letter-spacing:.2px;color:var(--color-text-secondary);cursor:pointer;text-align:left}.m-sidebar__item span:first-of-type{flex:1 1}.m-sidebar__item:hover{background:var(--color-bg-sunken);color:var(--color-text-primary)}.m-sidebar__item[aria-current=page]{background:var(--color-accent-subtle);color:var(--color-accent-text)}.m-sidebar__item[aria-current=page] .m-icon{color:var(--color-icon-accent)}.m-sidebar__count{padding:2px 8px;border-radius:var(--radius-full);background:var(--color-bg-sunken);font:500 12px/16px var(--font-sans);color:var(--color-text-secondary)}.m-sidebar__footer{margin-top:auto;padding-top:var(--spacing-4);border-top:1px solid var(--color-border-default)}.m-tooltip{position:relative;display:inline-flex}.m-tooltip__bubble{position:absolute;z-index:40;padding:6px 12px;border-radius:var(--radius-sm);background:var(--color-bg-inverse);color:var(--color-text-inverse);font:500 12px/16px var(--font-sans);letter-spacing:.4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s}.m-tooltip__bubble:after{content:"";position:absolute;border:6px solid transparent}.m-tooltip:focus-within .m-tooltip__bubble,.m-tooltip:hover .m-tooltip__bubble{opacity:1}.m-tooltip--top .m-tooltip__bubble{bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.m-tooltip--top .m-tooltip__bubble:after{top:100%;left:50%;margin-left:-6px;border-top-color:var(--color-bg-inverse)}.m-tooltip--bottom .m-tooltip__bubble{top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px)}.m-tooltip--bottom .m-tooltip__bubble:after{bottom:100%;left:50%;margin-left:-6px;border-bottom-color:var(--color-bg-inverse)}.m-tooltip--left .m-tooltip__bubble{right:calc(100% + 8px);top:50%;transform:translate(4px,-50%)}.m-tooltip--left .m-tooltip__bubble:after{left:100%;top:50%;margin-top:-6px;border-left-color:var(--color-bg-inverse)}.m-tooltip--right .m-tooltip__bubble{left:calc(100% + 8px);top:50%;transform:translate(-4px,-50%)}.m-tooltip--right .m-tooltip__bubble:after{right:100%;top:50%;margin-top:-6px;border-right-color:var(--color-bg-inverse)}.m-tooltip--bottom:focus-within .m-tooltip__bubble,.m-tooltip--bottom:hover .m-tooltip__bubble,.m-tooltip--top:focus-within .m-tooltip__bubble,.m-tooltip--top:hover .m-tooltip__bubble,.m-tooltip:hover .m-tooltip--top .m-tooltip__bubble{transform:translate(-50%)}.m-tooltip--left:focus-within .m-tooltip__bubble,.m-tooltip--left:hover .m-tooltip__bubble,.m-tooltip--right:focus-within .m-tooltip__bubble,.m-tooltip--right:hover .m-tooltip__bubble{transform:translateY(-50%)}.m-dropdown{position:relative;display:inline-block}.m-menu{position:absolute;top:calc(100% + 6px);z-index:30;display:flex;flex-direction:column;gap:2px;width:240px;padding:6px;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-l);animation:m-pop .15s ease-out}.m-menu--start{left:0}.m-menu--end{right:0}@keyframes m-pop{0%{opacity:0;transform:translateY(-4px)}}.m-menu__item{display:flex;align-items:center;gap:var(--spacing-3);height:36px;padding:0 var(--spacing-3);border:0;border-radius:var(--radius-sm);background:none;text-align:left;font:400 14px/20px var(--font-sans);color:var(--color-text-primary);cursor:pointer}.m-menu__item span{flex:1 1}.m-menu__item .m-icon{color:var(--color-icon-secondary)}.m-menu__item kbd{font:400 12px/18px var(--font-mono);color:var(--color-text-tertiary)}.m-menu__item:focus-visible,.m-menu__item:hover{background:var(--color-bg-sunken);outline:0}.m-menu__item--destructive,.m-menu__item--destructive .m-icon{color:var(--color-status-error-text)}.m-menu__item:disabled,.m-menu__item:disabled .m-icon{color:var(--color-text-disabled);cursor:not-allowed;background:none}.m-menu__divider{height:1px;margin:4px 0;background:var(--color-border-default)}.m-drawer{position:fixed;margin:0;padding:0;border:0;display:flex;flex-direction:column;background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-xl);max-width:100vw;max-height:100vh}.m-drawer:not([open]){display:none}.m-drawer::-webkit-backdrop{background:color-mix(in srgb,var(--color-bg-scrim) 45%,transparent)}.m-drawer::backdrop{background:color-mix(in srgb,var(--color-bg-scrim) 45%,transparent)}.m-drawer--right{inset:0 0 0 auto;width:400px;height:100%;border-left:1px solid var(--color-border-default);animation:m-slide-r .25s ease-out}.m-drawer--bottom{inset:auto 0 0 0;width:100%;max-height:80vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:m-slide-b .25s ease-out}@keyframes m-slide-r{0%{transform:translateX(100%)}}@keyframes m-slide-b{0%{transform:translateY(100%)}}.m-drawer__handle{width:40px;height:4px;margin:10px auto 0;border-radius:var(--radius-full);background:var(--color-border-strong)}.m-drawer__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-border-default)}.m-drawer__header h2{margin:0;font:600 18px/26px var(--font-sans)}.m-drawer__body{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-6)}.m-drawer__footer{justify-content:flex-end;padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-border-default)}.m-banner,.m-drawer__footer{display:flex;gap:var(--spacing-3)}.m-banner{align-items:center;width:100%;padding:var(--spacing-3) var(--spacing-6);font-family:var(--font-sans)}.m-banner__msg{flex:1 1;font:500 14px/20px var(--font-sans)}.m-banner__action{font:600 14px/20px var(--font-sans);text-decoration:underline;text-underline-offset:3px}.m-banner__action,.m-banner__close{border:0;background:none;padding:0;color:inherit;cursor:pointer}.m-banner__close{display:inline-flex;opacity:.8}.m-banner--accent{background:var(--color-accent-default);color:var(--color-text-on-accent)}.m-banner--neutral{background:var(--color-bg-inverse);color:var(--color-text-inverse)}.m-banner--warning{background:var(--color-status-warning-bg);color:var(--color-status-warning-text);border-bottom:1px solid var(--color-status-warning)}a.m-banner__action:hover{color:inherit}.m-navbar-c{container-type:inline-size;width:100%}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg-base);color:var(--color-text-primary);font:400 16px/24px var(--font-sans);-webkit-font-smoothing:antialiased;transition:background .4s,color .4s}a{color:var(--color-text-link)}a:hover{color:var(--color-text-link-hover)}code,pre{font-family:var(--font-mono)}.overline{font:500 12px/16px var(--font-sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--color-accent-text)}.display{font-family:var(--font-display);font-weight:400;font-variation-settings:"SOFT" 0,"WONK" 1;letter-spacing:-.02em}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--spacing-6);padding:var(--spacing-3) clamp(16px,4vw,48px);background:color-mix(in srgb,var(--color-bg-base) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-default)}.site-logo{font:600 26px/1 var(--font-display);color:var(--color-text-primary);text-decoration:none;letter-spacing:-.5px}.site-logo span{color:var(--color-accent-default)}.site-nav{display:flex;gap:var(--spacing-1);margin-left:auto;overflow-x:auto}.site-nav a{padding:6px 12px;border-radius:var(--radius-full);font:500 14px/20px var(--font-sans);color:var(--color-text-secondary);text-decoration:none;white-space:nowrap}.site-nav a:hover{color:var(--color-text-primary);background:var(--color-bg-sunken)}.site-nav a[aria-current=page]{background:var(--color-accent-subtle);color:var(--color-accent-text)}.theme-toggle{position:relative;flex-shrink:0;width:56px;height:30px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-bg-sunken);cursor:pointer;padding:0}.theme-toggle__knob{position:absolute;top:2px;left:2px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--color-accent-default);color:var(--color-on-accent);transition:transform .35s cubic-bezier(.3,1.5,.6,1)}[data-theme=dark] .theme-toggle__knob{transform:translateX(26px)}@media (max-width:640px){.site-nav a:not([aria-current]){display:none}.site-nav a[href^="/storybook"]{display:inline}}.foot{margin-top:var(--spacing-24);background:var(--color-bg-base);color:var(--color-text-primary);overflow:hidden;border-top:1px solid var(--color-border-default);position:relative}.foot:before{content:"";position:absolute;width:520px;height:520px;right:-160px;top:-200px;border-radius:50%;background:var(--color-accent-default);filter:blur(120px);opacity:.18;pointer-events:none}.foot__inner{position:relative;max-width:1240px;margin:0 auto;padding:var(--spacing-16) clamp(16px,4vw,48px) var(--spacing-6)}.foot__top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--spacing-8);align-items:flex-start}.foot__brand{margin:var(--spacing-2) 0 var(--spacing-3);font-size:clamp(36px,5vw,56px);line-height:1}.foot__note{max-width:420px;margin:0;color:var(--color-text-secondary)}.waffle{position:relative;display:grid;grid-template-columns:repeat(3,28px);grid-gap:6px;gap:6px;padding:10px;border-radius:var(--radius-lg);background:var(--gold-600);box-shadow:inset 0 0 0 3px var(--gold-700),var(--shadow-l);transform:rotate(-8deg);transition:transform .3s cubic-bezier(.3,1.5,.6,1)}.waffle:hover{transform:rotate(4deg) scale(1.05)}.waffle button{width:28px;height:28px;border:0;border-radius:6px;background:var(--gold-800);box-shadow:inset 0 2px 3px rgb(0 0 0/.35);cursor:pointer;transition:background .15s,transform .15s}.waffle button:hover{transform:scale(.92)}.waffle button.is-on{background:var(--gold-300);box-shadow:inset 0 -2px 0 var(--gold-500)}.waffle button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.waffle__quip{position:absolute;top:calc(100% + 12px);right:0;white-space:nowrap;padding:6px 12px;border-radius:var(--radius-full);background:var(--color-accent-default);color:var(--color-on-accent);font:600 13px/1.2 var(--font-sans);transform:rotate(8deg);animation:pop .3s cubic-bezier(.3,1.4,.6,1)}.foot__links{list-style:none;margin:var(--spacing-12) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--color-border-default)}.foot__links li{border-bottom:1px solid var(--color-border-default)}.foot__links a,.foot__shake{width:100%;border:0;background:none;font:inherit;text-align:left;cursor:pointer;position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:2px 12px;gap:2px 12px;padding:var(--spacing-5) var(--spacing-3);color:var(--color-text-primary);text-decoration:none;overflow:hidden;isolation:isolate}.foot__links a:before,.foot__shake:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--color-accent-default);transform:translateY(101%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.foot__links a:focus-visible:before,.foot__links a:hover:before,.foot__shake:focus-visible:before,.foot__shake:hover:before{transform:none}.foot__links a:focus-visible,.foot__links a:hover,.foot__shake:focus-visible,.foot__shake:hover{color:var(--color-on-accent);outline:0}.foot__label{grid-column:1;font:500 12px/16px var(--font-sans);letter-spacing:1.2px;text-transform:uppercase;opacity:.7}.foot__handle{grid-column:1;font:400 24px/1.2 var(--font-display)}@media (max-width:900px){.foot__links{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.foot__links{grid-template-columns:1fr}.foot__handle{font-size:22px}}.foot__arrow{grid-column:2;grid-row:1/3;transform:rotate(45deg);transition:transform .35s cubic-bezier(.3,1.5,.6,1)}.foot__links a:hover .foot__arrow{transform:rotate(45deg) translateY(-4px) scale(1.2)}.foot__word{display:flex;justify-content:center;margin:var(--spacing-12) 0 .3em;font-size:clamp(96px,22vw,300px);line-height:.8;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px var(--color-border-strong);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.foot__word span{display:inline-block;transition:transform .4s cubic-bezier(.3,1.6,.6,1),color .3s,-webkit-text-stroke-color .3s;transition-delay:calc(var(--i) * 30ms)}.foot__word:hover span{transform:translateY(-.08em) rotate(calc((var(--i) - 2.5) * 3deg))}.foot__word span:last-child,.foot__word:hover span{color:var(--color-accent-default);-webkit-text-stroke-color:var(--color-accent-default)}.foot__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-4);padding-top:var(--spacing-5);border-top:1px solid var(--color-border-default);font-size:14px;color:var(--color-text-tertiary)}.foot__hint{font-family:var(--font-mono);font-size:12px;opacity:.35;transition:opacity .3s}.foot__hint:hover{opacity:1}.foot__top-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:none;color:var(--color-text-primary);font:500 14px/20px var(--font-sans);cursor:pointer;transition:background .2s,transform .2s}.foot__top-btn:hover{background:var(--color-bg-elevated);transform:translateY(-2px)}.leaf{position:fixed;top:-40px;z-index:100;pointer-events:none;animation:leaf-fall linear forwards}@keyframes leaf-fall{to{transform:translate(var(--drift),110vh) rotate(var(--spin))}}.syrup{animation:syrup 6s ease-in-out}@keyframes syrup{0%,to{filter:none}25%{filter:hue-rotate(40deg) saturate(1.4)}50%{filter:hue-rotate(-30deg) saturate(1.6)}75%{filter:hue-rotate(20deg) saturate(1.3)}}.wobble{animation:wobble .9s cubic-bezier(.3,1.5,.6,1)}@keyframes wobble{20%{transform:rotate(-1.2deg)}40%{transform:rotate(1deg)}60%{transform:rotate(-.6deg)}80%{transform:rotate(.3deg)}}.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}.hero{position:relative;overflow:hidden;padding:clamp(48px,8vw,112px) 0 var(--spacing-16)}.hero__grid{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:var(--spacing-12);gap:var(--spacing-12);align-items:center}@media (max-width:960px){.hero__grid{grid-template-columns:1fr}}.hero__title{margin:var(--spacing-4) 0 var(--spacing-10);font-size:clamp(96px,17vw,220px);line-height:.86}.hero__title .dot{color:var(--color-accent-default);display:inline-block;animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-.08em)}}.hero__lede{max-width:540px;margin:0 0 var(--spacing-6);font-size:20px;line-height:32px;color:var(--color-text-secondary)}.hero__lede em{font-family:var(--font-display);font-style:italic;color:var(--color-accent-text)}.pills{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-8)}.pill{padding:8px 16px;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-bg-surface);font:500 14px/20px var(--font-sans);transition:transform .2s,border-color .2s}.pill:hover{transform:rotate(-3deg) scale(1.05);border-color:var(--color-accent-default)}.pill b{font-family:var(--font-display);font-weight:600;color:var(--color-accent-text)}.hero__ctas{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;pointer-events:none;z-index:-1}.blob--a{width:480px;height:480px;background:var(--color-accent-default);top:-160px;right:-120px;animation:drift 14s ease-in-out infinite}.blob--b{width:360px;height:360px;background:var(--color-secondary-default);bottom:-120px;left:-120px;animation:drift 18s ease-in-out infinite reverse}@keyframes drift{50%{transform:translate(-40px,40px) scale(1.1)}}.playground{position:relative;padding:var(--spacing-6);border-radius:var(--radius-2xl);background:var(--color-bg-sunken);border:1px solid var(--color-border-default);display:grid;grid-gap:var(--spacing-4);gap:var(--spacing-4)}.playground__row{display:flex;flex-wrap:wrap;gap:var(--spacing-3);align-items:center}.playground__tag{position:absolute;top:-14px;left:var(--spacing-6);padding:4px 12px;border-radius:var(--radius-full);background:var(--color-bg-inverse);color:var(--color-text-inverse);font:500 12px/16px var(--font-sans);letter-spacing:1px;text-transform:uppercase;transform:rotate(-2deg)}.sticker{border:0;cursor:pointer;font-family:var(--font-display);position:absolute;top:-22px;right:-10px;width:84px;height:84px;display:grid;place-items:center;text-align:center;border-radius:50%;background:var(--color-accent-default);color:var(--color-on-accent);font:600 13px/1.1 var(--font-display);transform:rotate(12deg);box-shadow:var(--shadow-l);transition:transform .3s cubic-bezier(.3,1.5,.6,1)}.sticker:hover{transform:rotate(-6deg) scale(1.08)}.sticker:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px}@keyframes spin{to{transform:rotate(372deg)}}.marquee{overflow:hidden;border-block:1px solid var(--color-border-default);background:var(--color-accent-default);color:var(--color-on-accent);padding:var(--spacing-4) 0;transform:rotate(-1.5deg);margin:var(--spacing-12) -20px}.marquee__track{display:flex;gap:var(--spacing-8);width:max-content;animation:scroll 40s linear infinite;font:400 clamp(28px,4vw,44px)/1 var(--font-display);white-space:nowrap}.marquee__track span:after{content:"✺";margin-left:var(--spacing-8);font-size:.6em;vertical-align:middle}@keyframes scroll{to{transform:translateX(-50%)}}.section{padding:var(--spacing-20) 0 0}.section__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.section__title{margin:var(--spacing-2) 0 0;font-size:clamp(40px,6vw,72px);line-height:1}.section__sub{max-width:460px;margin:0;color:var(--color-text-secondary);font-size:18px;line-height:28px}.duo{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--radius-2xl);overflow:hidden;border:1px solid var(--color-border-default)}@media (max-width:760px){.duo{grid-template-columns:1fr}}.duo>div{padding:var(--spacing-10) var(--spacing-8);display:grid;grid-gap:var(--spacing-4);gap:var(--spacing-4);align-content:start}.duo h3{margin:0;font:400 40px/1.1 var(--font-display)}.duo p{margin:0;color:var(--color-text-secondary)}.swatch-row{display:flex;gap:var(--spacing-2)}.swatch-dot{width:44px;height:44px;border-radius:50%;border:1px solid color-mix(in srgb,currentColor 15%,transparent);transition:transform .2s}.swatch-dot:hover{transform:translateY(-6px) scale(1.1)}.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:var(--spacing-4);gap:var(--spacing-4)}.bento>*{grid-column:span 4;min-width:0}.bento .span-6{grid-column:span 6}.bento .span-8{grid-column:span 8}@media (max-width:900px){.bento .span-6,.bento .span-8,.bento>*{grid-column:1/-1}}.tile{padding:var(--spacing-6);border-radius:var(--radius-xl);background:var(--color-bg-surface);border:1px solid var(--color-border-default);display:grid;grid-gap:var(--spacing-4);gap:var(--spacing-4);align-content:start;transition:transform .25s,box-shadow .25s}.tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-l)}.tile__label{display:flex;justify-content:space-between;align-items:center;font:500 12px/16px var(--font-sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--color-text-tertiary)}.tile__label a{text-transform:none;letter-spacing:0;font-size:14px;text-decoration:none}.comp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:var(--spacing-3);gap:var(--spacing-3)}.comp-chip{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-default);background:var(--color-bg-surface);text-decoration:none;font-weight:500;transition:transform .2s,border-color .2s,background .2s}.comp-chip,a.comp-chip:hover{color:var(--color-text-primary)}a.comp-chip:hover{transform:rotate(-1.5deg) translateY(-2px);border-color:var(--color-accent-default)}.comp-chip--soon{color:var(--color-text-tertiary);background:transparent;border-style:dashed}.icon-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));grid-gap:var(--spacing-2);gap:var(--spacing-2)}.icon-wall span{aspect-ratio:1;display:grid;place-items:center;border-radius:var(--radius-lg);color:var(--color-icon-primary);transition:background .2s,color .2s,transform .2s}.icon-wall span:hover{background:var(--color-accent-subtle);color:var(--color-icon-accent);transform:scale(1.15) rotate(-6deg)}.cta-band{margin-top:var(--spacing-20);padding:clamp(40px,7vw,88px) var(--spacing-8);border-radius:var(--radius-2xl);background:var(--color-bg-inverse);color:var(--color-text-inverse);text-align:center;position:relative;overflow:hidden}.cta-band h2{margin:0 0 var(--spacing-6);font-size:clamp(44px,7vw,88px);line-height:1}.cta-band .hero__ctas{justify-content:center}.docs{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,48px);display:grid;grid-template-columns:220px minmax(0,1fr);grid-gap:var(--spacing-12);gap:var(--spacing-12)}@media (max-width:860px){.docs{grid-template-columns:1fr;gap:0}}.docs-side{position:-webkit-sticky;position:sticky;top:72px;align-self:start;max-height:calc(100vh - 72px);overflow-y:auto;padding:var(--spacing-8) 0}@media (max-width:860px){.docs-side{position:static;max-height:none;padding-bottom:0}.docs-side details:not([open]) .docs-side__body{display:none}}.docs-side summary{display:none}@media (max-width:860px){.docs-side summary{display:flex;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;font-weight:500}}.docs-side h4{margin:var(--spacing-6) 0 var(--spacing-2);font:500 11px/16px var(--font-sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--color-text-tertiary)}.docs-side__body>h4:first-child{margin-top:0}.docs-side .soon,.docs-side a{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;margin-left:-10px;border-radius:var(--radius-sm);font-size:14px;line-height:20px;color:var(--color-text-secondary);text-decoration:none}.docs-side a:hover{background:var(--color-bg-sunken);color:var(--color-text-primary)}.docs-side a[aria-current=page]{background:var(--color-accent-subtle);color:var(--color-accent-text);font-weight:500}.docs-side .soon{color:var(--color-text-disabled)}.docs-side .soon small{font-size:10px;letter-spacing:.6px;text-transform:uppercase}.docs-main{padding:var(--spacing-8) 0;min-width:0}.doc-head{padding-bottom:var(--spacing-8);margin-bottom:var(--spacing-8);border-bottom:1px solid var(--color-border-default)}.doc-head h1{margin:var(--spacing-3) 0;font-size:clamp(44px,6vw,64px);line-height:1.05}.doc-head p{max-width:760px;margin:0;font-size:18px;line-height:28px;color:var(--color-text-secondary)}.doc-section{margin-bottom:var(--spacing-12)}.doc-section>h2{margin:0 0 var(--spacing-1);font:600 22px/30px var(--font-sans)}.doc-section>p{margin:0 0 var(--spacing-5);color:var(--color-text-tertiary);font-size:14px}.stage{padding:var(--spacing-8);border-radius:var(--radius-xl);background:var(--color-bg-sunken);border:1px dashed var(--color-border-strong);display:flex;flex-wrap:wrap;gap:var(--spacing-4);align-items:center}.stage--col{flex-direction:column;align-items:stretch}.stage--center{justify-content:center}.stage--dark{background:var(--obs-900)}.code{position:relative;margin:var(--spacing-3) 0 0;padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-lg);background:var(--stone-900);color:var(--stone-100);font-size:13px;line-height:20px;overflow-x:auto}[data-theme=dark] .code{background:var(--obs-800)}.props{width:100%;border-collapse:collapse;font-size:14px}.props td,.props th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--color-border-default);vertical-align:top}.props th{font-weight:500;color:var(--color-text-tertiary);font-size:12px;letter-spacing:.4px;text-transform:uppercase}.props code{font-size:13px;color:var(--color-accent-text)}.matrix,.table-scroll{overflow-x:auto}.matrix{display:grid;grid-gap:var(--spacing-4);gap:var(--spacing-4);align-items:center}.matrix__label{font:500 12px/16px var(--font-sans);letter-spacing:.4px;color:var(--color-text-tertiary)}.dos{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-4);gap:var(--spacing-4)}@media (max-width:700px){.dos{grid-template-columns:1fr}}.dos>div{padding:var(--spacing-5);border-radius:var(--radius-lg);border-top:3px solid}.dos .do{border-color:var(--color-status-success);background:var(--color-status-success-bg)}.dos .dont{border-color:var(--color-status-error);background:var(--color-status-error-bg)}.dos h3{margin:0 0 var(--spacing-2);font:600 14px/20px var(--font-sans)}.dos ul{margin:0;padding-left:18px;color:var(--color-text-secondary);font-size:14px;line-height:22px}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:var(--spacing-3);gap:var(--spacing-3)}.swatch{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-default);background:var(--color-bg-surface);cursor:pointer;text-align:left;padding:0;font:inherit;color:inherit}.swatch__chip{height:72px}.swatch__meta{padding:var(--spacing-3);display:grid;grid-gap:2px;gap:2px}.swatch__meta b{font-size:13px;font-weight:500}.swatch__meta code{font-size:11px;color:var(--color-text-tertiary)}.ramp{display:grid;grid-template-columns:repeat(10,1fr);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-3)}.ramp div{height:64px;display:flex;align-items:flex-end;padding:6px;font:500 10px/1 var(--font-mono)}.type-row{display:grid;grid-template-columns:180px 1fr;grid-gap:var(--spacing-6);gap:var(--spacing-6);align-items:baseline;padding:var(--spacing-5) 0;border-bottom:1px solid var(--color-border-default)}@media (max-width:700px){.type-row{grid-template-columns:1fr;gap:var(--spacing-2)}}.type-row small{display:block;color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:11px}.space-row{display:flex;align-items:center;gap:var(--spacing-4);padding:6px 0;font-size:14px}.space-row code{width:110px;font-size:12px;color:var(--color-text-tertiary)}.space-bar{height:16px;border-radius:3px;background:var(--color-accent-default)}.shape-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:var(--spacing-4);gap:var(--spacing-4)}.shape{height:96px;display:grid;place-items:center;background:var(--color-bg-surface);border:1px solid var(--color-border-default);font-size:12px;color:var(--color-text-tertiary)}.icon-search{max-width:360px;margin-bottom:var(--spacing-6)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));grid-gap:var(--spacing-3);gap:var(--spacing-3)}.icon-tile{height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);border-radius:var(--radius-lg);border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-icon-primary);cursor:pointer;font:400 11px/1 var(--font-mono);transition:border-color .15s,transform .15s}.icon-tile span{color:var(--color-text-secondary)}.icon-tile:hover{border-color:var(--color-accent-default);color:var(--color-icon-accent);transform:translateY(-2px)}.toast-dock{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:50;width:min(380px,calc(100% - 32px));animation:pop .3s cubic-bezier(.3,1.4,.6,1)}@keyframes pop{0%{opacity:0;transform:translate(-50%,16px) scale(.96)}}.phone{color:var(--color-text-primary);width:300px;max-width:100%;height:520px;display:flex;flex-direction:column;border-radius:28px;overflow:hidden;border:1px solid var(--color-border-strong);background:var(--color-bg-base);box-shadow:var(--shadow-l)}.phone__body{flex:1 1;padding:var(--spacing-6) var(--spacing-5)}.phone__body h3{margin:0 0 4px;font:600 26px/34px var(--font-display)}.phone__body p{margin:0;font-size:14px;color:var(--color-text-secondary)}main{overflow-x:clip}.foot__shake:before{background:var(--color-secondary-default)!important}.foot__arrow--leaf{transform:none!important;font-size:20px;transition:transform .5s}.foot__shake:hover .foot__arrow--leaf{transform:rotate(-25deg) scale(1.3)!important}:root{--ease-out:cubic-bezier(.2,.7,.2,1)}.scroll-progress{height:3px;z-index:60;background:var(--color-accent-default);transform-origin:0 50%;transform:scaleX(0)}.page-curtain,.scroll-progress{position:fixed;top:0;left:0;right:0}.page-curtain{z-index:10000;height:calc(100vh + 70px);transform:translateY(-110%);pointer-events:none;will-change:transform;color:var(--color-accent-default)}.page-curtain .cb{position:absolute;inset:0 0 58px;background:currentColor}.page-curtain svg{position:absolute;left:0;bottom:0;width:100%;height:61px}[data-tilt]{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s var(--ease-out),box-shadow .3s;position:relative}[data-tilt]:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgb(255 255 255/.28),transparent 60%)}[data-tilt]:hover:after{opacity:1}[data-tilt]:hover{box-shadow:var(--shadow-xl)}[data-spotlight]{position:relative;overflow:hidden}[data-spotlight]:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--color-accent-default) 16%,transparent),transparent 70%)}[data-spotlight]:hover:before{opacity:1}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.glow-border{border:2px solid transparent!important;background:linear-gradient(var(--color-bg-sunken),var(--color-bg-sunken)) padding-box,conic-gradient(from var(--angle),var(--color-border-default) 0deg,var(--color-border-default) 250deg,var(--color-accent-default) 310deg,var(--color-accent-border) 330deg,var(--color-border-default) 1turn) border-box;animation:glow-spin 4s linear infinite}@keyframes glow-spin{to{--angle:360deg}}.fill-btn{position:relative;overflow:hidden;isolation:isolate;transition:color .35s var(--ease-out),border-color .35s}.fill-btn:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--color-accent-default);border-radius:40% 40% 0 0/30% 30% 0 0;transform:translateY(105%);transition:transform .5s var(--ease-out),border-radius .5s var(--ease-out)}.fill-btn:focus-visible,.fill-btn:hover{color:var(--color-on-accent)!important;border-color:var(--color-accent-default)!important;background:var(--color-bg-surface)!important}.fill-btn:focus-visible:before,.fill-btn:hover:before{transform:none;border-radius:0}.hl{color:inherit;padding:0 .1em;border-radius:4px;background:linear-gradient(100deg,color-mix(in srgb,var(--color-accent-default) 32%,transparent),color-mix(in srgb,var(--color-accent-default) 22%,transparent)) no-repeat 0 85%/0 55%;transition:background-size 1s var(--ease-out)}.hl+.hl,.hl:nth-of-type(2){transition-delay:.5s}.in .hl{background-size:100% 55%}.draw-links a:not(.m-btn){text-decoration:none;background-image:linear-gradient(color-mix(in srgb,currentColor 35%,transparent),color-mix(in srgb,currentColor 35%,transparent)),linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:100% 1px,0 1.5px;background-position:0 100%,100% 100%;transition:background-size .35s var(--ease-out)}.draw-links a:not(.m-btn):focus-visible,.draw-links a:not(.m-btn):hover{background-size:100% 1px,100% 1.5px;background-position:0 100%,0 100%}[data-draw] svg *{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s var(--ease-out);transition-delay:calc(var(--d,0) * 25ms)}[data-draw].in svg *{stroke-dashoffset:0}.site-nav{position:relative}.site-nav__pill{position:absolute;top:0;bottom:0;left:0;width:0;border-radius:var(--radius-full);background:var(--color-accent-subtle);transition:transform .45s var(--ease-out),width .45s var(--ease-out),opacity .2s;z-index:0}.site-nav a{position:relative;z-index:1}.site-nav a[aria-current=page]{background:none}@property --peel{syntax:"<length>";initial-value:0;inherits:true}.sticker{--peel:0px;transition:--peel .5s var(--ease-out),transform .3s cubic-bezier(.3,1.5,.6,1)!important;-webkit-clip-path:polygon(-30% -30%,130% -30%,130% calc(100% - var(--peel) * 1.1),calc(100% - var(--peel) * 1.1) 130%,-30% 130%);clip-path:polygon(-30% -30%,130% -30%,130% calc(100% - var(--peel) * 1.1),calc(100% - var(--peel) * 1.1) 130%,-30% 130%)}.sticker:focus-visible,.sticker:hover{--peel:30px}.sticker:after{content:"";position:absolute;right:0;bottom:0;width:var(--peel);height:var(--peel);background:linear-gradient(315deg,#fff 0,var(--stone-100) 45%,var(--stone-300) 100%);-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%);border-top-left-radius:50%}@media (prefers-reduced-motion:reduce){.page-curtain{display:none}[data-tilt]{transform:none}.hl{background-size:100% 55%}[data-draw] svg *{stroke-dashoffset:0}.glow-border{animation:none}}.stage>*{min-width:0;max-width:100%}