.wonderence-loading{opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;animation:.2s ease-out .4s forwards wonderence-loading-in;display:flex}.wonderence-loading__spin{border:3px solid var(--steel-100);border-top-color:var(--steel-500);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite wonderence-loading-spin}.wonderence-loading__text{color:var(--text-muted);font-size:14px}@keyframes wonderence-loading-in{to{opacity:1}}@keyframes wonderence-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.wonderence-loading__spin{animation-duration:2s}}.wonderence-btn{--_bg:var(--brand);--_fg:var(--text-onbrand);--_bd:transparent;--_bgh:var(--brand-hover);--_bga:var(--brand-press);font-family:var(--font-body);font-weight:var(--fw-semibold);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select: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);justify-content:center;align-items:center;gap:8px;line-height:1;text-decoration:none;display:inline-flex}.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;font-size:var(--text-sm);border-radius:var(--radius-sm);padding:0 14px}.wonderence-btn--md{height:42px;font-size:var(--text-base);padding:0 18px}.wonderence-btn--lg{height:50px;font-size:var(--text-md);border-radius:var(--radius-lg);padding:0 24px}.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()}.wonderence-btn--danger:hover{filter:brightness(.94)}.wonderence-btn__spin{border:2px solid;border-top-color:#0000;border-radius:50%;width:1em;height:1em;animation:.6s linear infinite wonderence-spin}.wonderence-btn__ico{width:1.15em;height:1.15em;display:inline-flex}.wonderence-btn__ico svg{width:100%;height:100%}@keyframes wonderence-spin{to{transform:rotate(360deg)}}.wonderence-iconbtn{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);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.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{border-radius:var(--radius-lg);width:48px;height:48px}.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:0 0}.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{border-radius:var(--radius-full);background:var(--steel-100);color:var(--steel-700);font-family:var(--font-display);font-weight:var(--fw-bold);-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:visible}.wonderence-avatar__img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.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{border-radius:inherit;border:2px solid var(--surface-card);position:absolute;inset:-3px}.wonderence-avatar__status{border:2px solid var(--surface-card);background:var(--sea-500);border-radius:50%;width:30%;min-width:8px;height:30%;min-height:8px;position:absolute;bottom:-1px;right:-1px}.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{color:oklch(45% .16 300);background:oklch(90% .06 300)}.wonderence-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);overflow:hidden}.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);border-color:var(--border-strong);transform:translateY(-2px)}.wonderence-card--interactive:active{transform:translateY(0)}.wonderence-card__pad{padding:var(--_pad,20px)}.wonderence-card__header{border-bottom:1px solid var(--border-subtle);align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.wonderence-card__header-text{flex-direction:column;gap:2px;min-width:0;display:flex}.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{flex:none;margin-left:auto}.wonderence-stat{flex-direction:column;gap:6px;display:flex}.wonderence-stat__label{font:var(--type-eyebrow);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-muted);font-size:11px}.wonderence-stat__valrow{align-items:baseline;gap:8px;display:flex}.wonderence-stat__value{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--text-3xl);color:var(--text-strong);letter-spacing:var(--tracking-tight);line-height:1}.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{font:var(--type-caption);font-weight:var(--fw-semibold);align-items:center;gap:3px;display:inline-flex}.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{align-items:center;gap:2px;display:inline-flex}.wonderence-tabs--line{border-bottom:1px solid var(--border-subtle);gap:24px;width:100%}.wonderence-tabs--pill{background:var(--sand);border-radius:var(--radius-md);padding:4px}.wonderence-tab{font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;transition:color var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out);background:0 0;border:none;align-items:center;gap:7px;display:inline-flex}.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:"";background:var(--brand);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.wonderence-tabs--pill .wonderence-tab{border-radius:var(--radius-sm);padding:7px 14px}.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);border-radius:var(--radius-full);background:var(--neutral-100);color:var(--text-muted);padding:1px 6px;font-size:11px}.wonderence-tab[aria-selected=true] .wonderence-tab__count{background:var(--brand-soft);color:var(--brand-onsoft)}.wonderence-badge{font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--text-xs);border-radius:var(--radius-full);white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:4px 9px;line-height:1;display:inline-flex}.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{background:currentColor;border-radius:50%;width:6px;height:6px}.wonderence-badge svg{width:13px;height:13px}.wonderence-banner{border-radius:var(--radius-lg);border:1px solid var(--_bd,var(--border-subtle));background:var(--_bg,var(--sand));gap:12px;padding:14px 16px;display:flex}.wonderence-banner__ico{color:var(--_ac,var(--text-body));flex:none;margin-top:1px;display:inline-flex}.wonderence-banner__ico svg{width:20px;height:20px}.wonderence-banner__body{flex-direction:column;gap:3px;min-width:0;display:flex}.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{cursor:pointer;color:var(--text-faint);border-radius:var(--radius-sm);background:0 0;border:none;flex:none;margin-left:auto;padding:2px;display:inline-flex}.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{font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--_bg,var(--sand));color:var(--_fg,var(--text-body));white-space:nowrap;align-items:center;gap:6px;padding:5px 11px;line-height:1;display:inline-flex}.wonderence-status__dot{opacity:.9;background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.wonderence-toasts{left:50%;bottom:var(--space-6);z-index:var(--z-toast);align-items:center;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed;transform:translate(-50%)}.wonderence-toast{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;align-items:flex-start;gap:12px;max-width:420px;padding:12px 18px 12px 14px;display:flex}.wonderence-toast__ico{background:var(--sea-500);width:22px;height:22px;color:var(--paper);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.wonderence-toast__ico svg{width:13px;height:13px}.wonderence-toast__text{flex-direction:column;gap:1px;min-width:0;display:flex}.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{flex-direction:column;gap:6px;display:flex}.wonderence-field__label{font:var(--type-label);color:var(--text-strong);align-items:center;gap:6px;display:flex}.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{align-items:center;display:flex;position:relative}.wonderence-inputwrap__ico{color:var(--text-faint);pointer-events:none;display:inline-flex;position:absolute;left:12px}.wonderence-inputwrap__ico svg{width:18px;height:18px}.wonderence-input{width:100%;height:42px;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);padding:0 14px}.wonderence-input::placeholder{color:var(--text-faint)}.wonderence-input:hover{border-color:var(--neutral-400)}.wonderence-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.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;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);padding:11px 14px}.wonderence-textarea::placeholder{color:var(--text-faint)}.wonderence-textarea:hover{border-color:var(--neutral-400)}.wonderence-textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.wonderence-textarea--err{border-color:var(--status-danger)}.wonderence-textarea:disabled{background:var(--sand);color:var(--text-muted);cursor:not-allowed}.wonderence-textarea__count{font:var(--type-caption);color:var(--text-faint);align-self:flex-end}.wonderence-selectwrap{align-items:center;display:flex;position:relative}.wonderence-select{width:100%;height:42px;font:var(--type-body);color:var(--text-strong);background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);appearance:none;cursor:pointer;transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);padding:0 38px 0 14px}.wonderence-select:hover{border-color:var(--neutral-400)}.wonderence-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.wonderence-select:disabled{background:var(--sand);color:var(--text-muted);cursor:not-allowed}.wonderence-select--placeholder{color:var(--text-faint)}.wonderence-selectwrap__chev{pointer-events:none;color:var(--text-muted);display:inline-flex;position:absolute;right:12px}.wonderence-selectwrap__chev svg{width:18px;height:18px}.wonderence-select--sm{height:36px;font-size:var(--text-sm)}.wonderence-check{cursor:pointer;font:var(--type-body);color:var(--text-body);align-items:flex-start;gap:10px;display:inline-flex}.wonderence-check input{opacity:0;width:0;height:0;position:absolute}.wonderence-check__box{border:1.5px solid var(--border-strong);background:var(--surface-card);width:20px;height:20px;color:var(--text-onbrand);transition:all var(--dur-base) var(--ease-out);border-radius:6px;flex:none;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.wonderence-check__box svg{opacity:0;width:14px;height:14px;transition:all var(--dur-fast) var(--ease-out);transform:scale(.6)}.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{flex-direction:column;gap:2px;display:flex}.wonderence-check__desc{font:var(--type-caption);color:var(--text-muted)}.wonderence-switch{cursor:pointer;font:var(--type-body);color:var(--text-body);align-items:center;gap:10px;display:inline-flex}.wonderence-switch input{opacity:0;width:0;height:0;position:absolute}.wonderence-switch__track{border-radius:var(--radius-full);background:var(--neutral-300);width:40px;height:24px;transition:background var(--dur-base) var(--ease-out);flex:none;padding:2px}.wonderence-switch__thumb{background:var(--paper);width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out);border-radius:50%}.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}