@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400..800;1,14..32,400..700&display=swap";:root{--steel-50: #EEF4FF;--steel-100: #D9E6FF;--steel-200: #B2CBFA;--steel-300: #7FA7F2;--steel-400: #4681E7;--steel-500: #1B62DB;--steel-600: #164FB4;--steel-700: #123C88;--steel-800: #0E2E68;--steel-900: #0A2049;--harbor-50: #E9EFF9;--harbor-100: #CFDCEF;--harbor-300: #6C8DC4;--harbor-500: #204A94;--harbor-600: #1B3C79;--harbor-700: #142D5C;--prussian-50: #E6E9EC;--prussian-100: #B1BAC3;--prussian-200: #8B98A7;--prussian-300: #55697E;--prussian-400: #354C65;--prussian-500: #1A3A63;--prussian-600: #123256;--prussian-700: #0D2846;--prussian-800: #07284A;--prussian-900: #031F3F;--paper: #FFFFFF;--cream: #F5F6F8;--sand: #E9ECF2;--neutral-100: #DFE3EB;--neutral-200: #CDD4E0;--neutral-300: #AEB8C8;--neutral-400: #8791A4;--neutral-500: #667286;--neutral-600: #4C596E;--neutral-700: #38455A;--ink-800: #0D2846;--ink-900: #031F3F;--sea-50: #E8F4EE;--sea-100: #C6E7D6;--sea-200: #A5DCA0;--sea-300: #74C566;--sea-500: #069A61;--sea-600: #028150;--sea-700: #026A42;--sea-800: #014F31;--sea-900: #002D1C;--moss-50: #F1F9F0;--moss-100: #D4EDD0;--moss-200: #BFE4B9;--moss-300: #A2D898;--moss-400: #90D185;--moss-500: #74C566;--moss-600: #6AB35D;--moss-700: #528C4B;--moss-800: #406C38;--moss-900: #31532B;--lime-50: #FAFCE8;--lime-100: #F0F5C4;--lime-200: #EBF2A5;--lime-300: #E6EE85;--lime-400: #DBE64C;--lime-500: #C6D231;--lime-600: #9DA622;--lime-700: #6E7714;--lime-800: #4F5610;--lime-900: #3A3F0C;--amber-400: #E8A33A;--amber-100: #FAEBCE;--amber-700: #7A5A1E;--berry-500: #C93B3B;--berry-100: #F7DCDC;--sky-500: #1D8CA8;--sky-100: #D7EDF3;--sky-600: #14708A;--clay-50: #FBEFE8;--clay-100: #F4DAC9;--clay-500: #C97A4E;--clay-600: #AC5E37;--grape-50: #F1EDFA;--grape-100: #DFD5F1;--grape-500: #6C5AC4;--grape-600: #5947A8;--text-strong: var(--ink-800);--text-body: var(--neutral-700);--text-muted: var(--neutral-500);--text-faint: var(--neutral-400);--text-onbrand: var(--paper);--text-oninverse:var(--cream);--text-link: var(--steel-600);--surface-page: var(--cream);--surface-card: var(--paper);--surface-sunken: var(--sand);--surface-raised: var(--paper);--surface-inverse: var(--prussian-900);--surface-deep: var(--prussian-900);--surface-deep-raised: var(--prussian-800);--surface-brand: var(--steel-500);--surface-brand-soft: var(--steel-50);--surface-moss-soft: var(--moss-50);--border-subtle: var(--neutral-200);--border-strong: var(--neutral-300);--border-brand: var(--steel-500);--border-inverse: #123256;--brand: var(--steel-500);--brand-hover: var(--steel-600);--brand-press: var(--steel-700);--brand-soft: var(--steel-50);--brand-onsoft: var(--harbor-600);--accent-moss: var(--moss-500);--accent-sea: var(--harbor-500);--accent-harbor: var(--harbor-500);--accent-clay: var(--clay-600);--accent-sky: var(--sky-600);--accent-grape: var(--grape-600);--accent-amber: var(--amber-400);--accent-lime: var(--lime-500);--status-success: var(--sea-600);--status-success-soft: var(--sea-50);--status-warning: var(--amber-400);--status-warning-soft: var(--amber-100);--status-warning-text: var(--amber-700);--status-danger: var(--berry-500);--status-danger-soft: var(--berry-100);--status-info: var(--sky-500);--status-info-soft: var(--sky-100);--focus-ring: rgba(27, 98, 219, .38);--shadow-brand: 0 2px 10px rgba(18, 60, 136, .28)}:root{--font-display: "Inter", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: "Inter", ui-sans-serif, system-ui, sans-serif;--font-wordmark:"Inter", ui-sans-serif, system-ui, sans-serif;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extra: 800;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 30px;--text-3xl: 38px;--text-4xl: 48px;--text-5xl: 60px;--text-6xl: 76px;--leading-tight: 1.08;--leading-snug: 1.22;--leading-normal: 1.5;--leading-relaxed: 1.62;--tracking-tight: -.02em;--tracking-snug: -.011em;--tracking-normal: 0em;--tracking-wide: .04em;--tracking-caps: .12em;--type-display: var(--fw-bold) var(--text-6xl)/var(--leading-tight) var(--font-display);--type-display-sm: var(--fw-bold) var(--text-5xl)/var(--leading-tight) var(--font-display);--type-h1: var(--fw-bold) var(--text-4xl)/var(--leading-tight) var(--font-display);--type-h2: var(--fw-bold) var(--text-3xl)/var(--leading-snug) var(--font-display);--type-h3: var(--fw-semibold) var(--text-2xl)/var(--leading-snug) var(--font-display);--type-h4: var(--fw-semibold) var(--text-xl)/var(--leading-snug) var(--font-display);--type-h5: var(--fw-semibold) var(--text-lg)/var(--leading-snug) var(--font-body);--type-lead: var(--fw-regular) var(--text-md)/var(--leading-relaxed) var(--font-body);--type-body: var(--fw-regular) var(--text-base)/var(--leading-normal) var(--font-body);--type-body-sm: var(--fw-regular) var(--text-sm)/var(--leading-normal) var(--font-body);--type-label: var(--fw-semibold) var(--text-sm)/var(--leading-snug) var(--font-body);--type-eyebrow: var(--fw-regular) var(--text-xs)/1 var(--font-mono);--type-caption: var(--fw-regular) var(--text-xs)/var(--leading-normal) var(--font-body);--type-metric: var(--fw-bold) var(--text-3xl)/1 var(--font-display)}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 999px;--border-hair: 1px;--border-thick: 1.5px;--shadow-xs: 0 1px 2px oklch(.25 .02 165 / .06);--shadow-sm: 0 1px 2px oklch(.25 .02 165 / .06), 0 2px 6px oklch(.25 .02 165 / .06);--shadow-md: 0 2px 4px oklch(.25 .02 165 / .05), 0 8px 20px oklch(.25 .02 165 / .09);--shadow-lg: 0 4px 8px oklch(.25 .02 165 / .06), 0 18px 40px oklch(.25 .02 165 / .12);--shadow-xl: 0 8px 16px oklch(.25 .02 165 / .08), 0 32px 64px oklch(.25 .02 165 / .16);--shadow-brand: 0 6px 18px oklch(.52 .116 158 / .3);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.5, 0, .2, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .26s;--transition-base: all var(--dur-base) var(--ease-out);--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-overlay: 1000;--z-modal: 1100;--z-toast: 1200;--container-narrow: 720px;--container-base: 1080px;--container-wide: 1240px;--sidebar-w: 252px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:var(--type-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv01"}h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-strong);font-family:var(--font-display);letter-spacing:var(--tracking-tight);text-wrap:balance}h1{font:var(--type-h1);letter-spacing:var(--tracking-tight)}h2{font:var(--type-h2);letter-spacing:var(--tracking-tight)}h3{font:var(--type-h3);letter-spacing:var(--tracking-snug)}h4{font:var(--type-h4);letter-spacing:var(--tracking-snug)}h5{font:var(--type-h5);letter-spacing:var(--tracking-snug)}p{margin:0;text-wrap:pretty}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}strong,b{font-weight:var(--fw-bold);color:var(--text-strong)}small{font-size:var(--text-xs)}code,kbd,samp{font-family:var(--font-mono);font-size:.92em}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--steel-200);color:var(--ink-900)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-xs)}.wonderence-eyebrow{font:var(--type-eyebrow);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--brand)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.wonderence-btn{--_bg: var(--brand);--_fg: var(--text-onbrand);--_bd: transparent;--_bgh: var(--brand-hover);--_bga: var(--brand-press);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:var(--fw-semibold);line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;border:1px solid var(--_bd);background:var(--_bg);color:var(--_fg);border-radius:var(--radius-md);transition:background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.wonderence-btn:hover{background:var(--_bgh)}.wonderence-btn:active{background:var(--_bga);transform:scale(.98)}.wonderence-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.wonderence-btn[disabled],.wonderence-btn[aria-disabled=true]{opacity:.5;pointer-events:none}.wonderence-btn--sm{height:34px;padding:0 14px;font-size:var(--text-sm);border-radius:var(--radius-sm)}.wonderence-btn--md{height:42px;padding:0 18px;font-size:var(--text-base)}.wonderence-btn--lg{height:50px;padding:0 24px;font-size:var(--text-md);border-radius:var(--radius-lg)}.wonderence-btn--full{width:100%}.wonderence-btn--primary:hover{box-shadow:var(--shadow-brand)}.wonderence-btn--secondary{--_bg:var(--surface-card);--_fg:var(--text-strong);--_bd:var(--border-strong);--_bgh:var(--surface-card);--_bga:var(--sand)}.wonderence-btn--secondary:hover{border-color:var(--ink-900)}.wonderence-btn--ghost{--_bg:transparent;--_fg:var(--text-strong);--_bd:transparent;--_bgh:var(--sand);--_bga:var(--neutral-100)}.wonderence-btn--danger{--_bg:var(--status-danger);--_fg:var(--paper);--_bgh:var(--berry-500);--_bga:var(--steel-700);filter:saturate(1)}.wonderence-btn--danger:hover{filter:brightness(.94)}.wonderence-btn__spin{width:1em;height:1em;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:wonderence-spin .6s linear infinite}.wonderence-btn__ico{display:inline-flex;width:1.15em;height:1.15em}.wonderence-btn__ico svg{width:100%;height:100%}@keyframes wonderence-spin{to{transform:rotate(360deg)}}.wonderence-iconbtn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;color:var(--text-body);border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.wonderence-iconbtn:hover{background:var(--sand);color:var(--text-strong)}.wonderence-iconbtn:active{transform:scale(.94)}.wonderence-iconbtn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.wonderence-iconbtn[disabled]{opacity:.45;pointer-events:none}.wonderence-iconbtn--sm{width:32px;height:32px}.wonderence-iconbtn--md{width:40px;height:40px}.wonderence-iconbtn--lg{width:48px;height:48px;border-radius:var(--radius-lg)}.wonderence-iconbtn--solid{background:var(--brand);color:var(--text-onbrand)}.wonderence-iconbtn--solid:hover{background:var(--brand-hover);color:var(--text-onbrand)}.wonderence-iconbtn--outline{border-color:var(--border-strong)}.wonderence-iconbtn--outline:hover{border-color:var(--ink-900);background:transparent}.wonderence-iconbtn svg{width:1.2em;height:1.2em}.wonderence-iconbtn--sm svg{font-size:16px}.wonderence-iconbtn--md svg{font-size:18px}.wonderence-iconbtn--lg svg{font-size:20px}.wonderence-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:var(--radius-full);background:var(--steel-100);color:var(--steel-700);font-family:var(--font-display);font-weight:var(--fw-bold);overflow:visible;-webkit-user-select:none;user-select:none}.wonderence-avatar__img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.wonderence-avatar--xs{width:24px;height:24px;font-size:10px}.wonderence-avatar--sm{width:32px;height:32px;font-size:12px}.wonderence-avatar--md{width:40px;height:40px;font-size:15px}.wonderence-avatar--lg{width:52px;height:52px;font-size:19px}.wonderence-avatar--xl{width:72px;height:72px;font-size:26px}.wonderence-avatar__ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:inherit;border:2px solid var(--surface-card)}.wonderence-avatar__status{position:absolute;right:-1px;bottom:-1px;width:30%;height:30%;min-width:8px;min-height:8px;border-radius:50%;border:2px solid var(--surface-card);background:var(--sea-500)}.wonderence-avatar__status--away{background:var(--amber-400)}.wonderence-avatar__status--offline{background:var(--neutral-400)}.wonderence-avatar--brand{background:var(--brand);color:var(--text-onbrand)}.wonderence-avatar--ink{background:var(--ink-900);color:var(--paper)}.wonderence-avatar--herb{background:var(--sea-100);color:var(--sea-600)}.wonderence-avatar--violet{background:#e3d6ff;background:oklch(.9 .06 300);color:#65389f}.wonderence-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.wonderence-card--flat{box-shadow:none}.wonderence-card--raised{box-shadow:var(--shadow-md)}.wonderence-card--interactive{cursor:pointer}.wonderence-card--interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--border-strong)}.wonderence-card--interactive:active{transform:translateY(0)}.wonderence-card__pad{padding:var(--_pad, 20px)}.wonderence-card__header{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border-subtle)}.wonderence-card__header-text{display:flex;flex-direction:column;gap:2px;min-width:0}.wonderence-card__title{font:var(--type-h5);color:var(--text-strong)}.wonderence-card__subtitle{font:var(--type-body-sm);color:var(--text-muted)}.wonderence-card__header-action{margin-left:auto;flex:none}.wonderence-stat{display:flex;flex-direction:column;gap:6px}.wonderence-stat__label{font:var(--type-eyebrow);text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:11px;color:var(--text-muted)}.wonderence-stat__valrow{display:flex;align-items:baseline;gap:8px}.wonderence-stat__value{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--text-3xl);line-height:1;color:var(--text-strong);letter-spacing:var(--tracking-tight)}.wonderence-stat__unit{font-family:var(--font-display);font-weight:var(--fw-medium);font-size:var(--text-lg);color:var(--text-muted)}.wonderence-stat__delta{display:inline-flex;align-items:center;gap:3px;font:var(--type-caption);font-weight:var(--fw-semibold)}.wonderence-stat__delta svg{width:13px;height:13px}.wonderence-stat__delta--up{color:var(--status-success)}.wonderence-stat__delta--down{color:var(--status-danger)}.wonderence-stat__delta--flat{color:var(--text-muted)}.wonderence-stat__sub{font:var(--type-caption);color:var(--text-faint)}.wonderence-tabs{display:inline-flex;align-items:center;gap:2px}.wonderence-tabs--line{gap:24px;border-bottom:1px solid var(--border-subtle);width:100%}.wonderence-tabs--pill{background:var(--sand);padding:4px;border-radius:var(--radius-md)}.wonderence-tab{font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;border:none;background:none;display:inline-flex;align-items:center;gap:7px;transition:color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.wonderence-tab svg{width:16px;height:16px}.wonderence-tab:hover{color:var(--text-strong)}.wonderence-tabs--line .wonderence-tab{padding:11px 0;position:relative}.wonderence-tabs--line .wonderence-tab[aria-selected=true]{color:var(--text-strong)}.wonderence-tabs--line .wonderence-tab[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--brand);border-radius:2px 2px 0 0}.wonderence-tabs--pill .wonderence-tab{padding:7px 14px;border-radius:var(--radius-sm)}.wonderence-tabs--pill .wonderence-tab[aria-selected=true]{color:var(--text-strong);background:var(--surface-card);box-shadow:var(--shadow-xs)}.wonderence-tab__count{font-family:var(--font-mono);font-size:11px;padding:1px 6px;border-radius:var(--radius-full);background:var(--neutral-100);color:var(--text-muted)}.wonderence-tab[aria-selected=true] .wonderence-tab__count{background:var(--brand-soft);color:var(--brand-onsoft)}.wonderence-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--text-xs);line-height:1;padding:4px 9px;border-radius:var(--radius-full);border:1px solid transparent;white-space:nowrap}.wonderence-badge--neutral{background:var(--sand);color:var(--text-body);border-color:var(--border-subtle)}.wonderence-badge--brand{background:var(--brand-soft);color:var(--brand-onsoft)}.wonderence-badge--success{background:var(--status-success-soft);color:var(--status-success)}.wonderence-badge--warning{background:var(--status-warning-soft);color:var(--status-warning-text)}.wonderence-badge--danger{background:var(--status-danger-soft);color:var(--status-danger)}.wonderence-badge--info{background:var(--status-info-soft);color:var(--status-info)}.wonderence-badge--solid{background:var(--brand);color:var(--text-onbrand)}.wonderence-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.wonderence-badge svg{width:13px;height:13px}.wonderence-banner{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid var(--_bd, var(--border-subtle));background:var(--_bg, var(--sand))}.wonderence-banner__ico{flex:none;display:inline-flex;color:var(--_ac, var(--text-body));margin-top:1px}.wonderence-banner__ico svg{width:20px;height:20px}.wonderence-banner__body{display:flex;flex-direction:column;gap:3px;min-width:0}.wonderence-banner__title{font:var(--type-label);color:var(--text-strong)}.wonderence-banner__msg{font:var(--type-body-sm);color:var(--text-body)}.wonderence-banner__close{margin-left:auto;flex:none;background:none;border:none;cursor:pointer;color:var(--text-faint);display:inline-flex;padding:2px;border-radius:var(--radius-sm)}.wonderence-banner__close:hover{color:var(--text-strong);background:#0000000a}.wonderence-banner__close svg{width:16px;height:16px}.wonderence-banner--info{--_bg:var(--status-info-soft);--_bd:transparent;--_ac:var(--status-info)}.wonderence-banner--success{--_bg:var(--status-success-soft);--_bd:transparent;--_ac:var(--status-success)}.wonderence-banner--warning{--_bg:var(--status-warning-soft);--_bd:transparent;--_ac:var(--status-warning-text)}.wonderence-banner--danger{--_bg:var(--status-danger-soft);--_bd:transparent;--_ac:var(--status-danger)}.wonderence-banner--brand{--_bg:var(--brand-soft);--_bd:transparent;--_ac:var(--brand)}.wonderence-status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--text-xs);line-height:1;padding:5px 11px;border-radius:var(--radius-full);background:var(--_bg, var(--sand));color:var(--_fg, var(--text-body));white-space:nowrap}.wonderence-status__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none;opacity:.9}.wonderence-toasts{position:fixed;left:50%;bottom:var(--space-6);transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);pointer-events:none}.wonderence-toast{display:flex;align-items:flex-start;gap:12px;padding:12px 18px 12px 14px;background:var(--ink-900);color:var(--text-oninverse);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:wonderence-toast-in var(--dur-base) var(--ease-out);pointer-events:auto;max-width:420px}.wonderence-toast__ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--sea-500);color:var(--paper);margin-top:1px}.wonderence-toast__ico svg{width:13px;height:13px}.wonderence-toast__text{display:flex;flex-direction:column;gap:1px;min-width:0}.wonderence-toast__msg{font:var(--type-label);color:var(--paper)}.wonderence-toast__sub{font:var(--type-caption);color:var(--neutral-300)}@keyframes wonderence-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.wonderence-field{display:flex;flex-direction:column;gap:6px}.wonderence-field__label{font:var(--type-label);color:var(--text-strong);display:flex;gap:6px;align-items:center}.wonderence-field__req{color:var(--brand)}.wonderence-field__hint{font:var(--type-caption);color:var(--text-muted)}.wonderence-field__err{font:var(--type-caption);color:var(--status-danger)}.wonderence-inputwrap{position:relative;display:flex;align-items:center}.wonderence-inputwrap__ico{position:absolute;left:12px;display:inline-flex;color:var(--text-faint);pointer-events:none}.wonderence-inputwrap__ico svg{width:18px;height:18px}.wonderence-input{width:100%;height:42px;padding:0 14px;font:var(--type-body);color:var(--text-strong);background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.wonderence-input::placeholder{color:var(--text-faint)}.wonderence-input:hover{border-color:var(--neutral-400)}.wonderence-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.wonderence-input--withico{padding-left:38px}.wonderence-input--err{border-color:var(--status-danger)}.wonderence-input--err:focus{box-shadow:0 0 0 3px var(--berry-100)}.wonderence-input:disabled{background:var(--sand);color:var(--text-muted);cursor:not-allowed}.wonderence-input--sm{height:36px;font-size:var(--text-sm)}.wonderence-input--lg{height:50px;font-size:var(--text-md)}.wonderence-textarea{width:100%;min-height:96px;padding:11px 14px;font:var(--type-body);color:var(--text-strong);background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);resize:vertical;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.wonderence-textarea::placeholder{color:var(--text-faint)}.wonderence-textarea:hover{border-color:var(--neutral-400)}.wonderence-textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.wonderence-textarea--err{border-color:var(--status-danger)}.wonderence-textarea:disabled{background:var(--sand);color:var(--text-muted);cursor:not-allowed}.wonderence-textarea__count{align-self:flex-end;font:var(--type-caption);color:var(--text-faint)}.wonderence-selectwrap{position:relative;display:flex;align-items:center}.wonderence-select{width:100%;height:42px;padding:0 38px 0 14px;font:var(--type-body);color:var(--text-strong);background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.wonderence-select:hover{border-color:var(--neutral-400)}.wonderence-select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.wonderence-select:disabled{background:var(--sand);color:var(--text-muted);cursor:not-allowed}.wonderence-select--placeholder{color:var(--text-faint)}.wonderence-selectwrap__chev{position:absolute;right:12px;pointer-events:none;color:var(--text-muted);display:inline-flex}.wonderence-selectwrap__chev svg{width:18px;height:18px}.wonderence-select--sm{height:36px;font-size:var(--text-sm)}.wonderence-check{display:inline-flex;align-items:flex-start;gap:10px;cursor:pointer;font:var(--type-body);color:var(--text-body)}.wonderence-check input{position:absolute;opacity:0;width:0;height:0}.wonderence-check__box{flex:none;width:20px;height:20px;margin-top:1px;border:1.5px solid var(--border-strong);border-radius:6px;background:var(--surface-card);display:inline-flex;align-items:center;justify-content:center;color:var(--text-onbrand);transition:all var(--dur-base) var(--ease-out)}.wonderence-check__box svg{width:14px;height:14px;opacity:0;transform:scale(.6);transition:all var(--dur-fast) var(--ease-out)}.wonderence-check:hover .wonderence-check__box{border-color:var(--neutral-400)}.wonderence-check input:checked+.wonderence-check__box{background:var(--brand);border-color:var(--brand)}.wonderence-check input:checked+.wonderence-check__box svg{opacity:1;transform:scale(1)}.wonderence-check input:focus-visible+.wonderence-check__box{outline:2px solid var(--brand);outline-offset:2px}.wonderence-check input:disabled~*{opacity:.5}.wonderence-check__text{display:flex;flex-direction:column;gap:2px}.wonderence-check__desc{font:var(--type-caption);color:var(--text-muted)}.wonderence-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font:var(--type-body);color:var(--text-body)}.wonderence-switch input{position:absolute;opacity:0;width:0;height:0}.wonderence-switch__track{flex:none;width:40px;height:24px;border-radius:var(--radius-full);background:var(--neutral-300);padding:2px;transition:background var(--dur-base) var(--ease-out)}.wonderence-switch__thumb{width:20px;height:20px;border-radius:50%;background:var(--paper);box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out)}.wonderence-switch input:checked+.wonderence-switch__track{background:var(--brand)}.wonderence-switch input:checked+.wonderence-switch__track .wonderence-switch__thumb{transform:translate(16px)}.wonderence-switch input:focus-visible+.wonderence-switch__track{outline:2px solid var(--brand);outline-offset:2px}.wonderence-switch input:disabled~*{opacity:.5}.wonderence-switch input:disabled{cursor:not-allowed}