:root{--ui-primary:#e63329;--ui-primary-strong:#c42820;--ui-on-primary:#fff;--ui-accent:#f4b41a;--ui-accent-strong:#d89b0e;--ui-on-accent:#1f1f1f;--ui-bg:#fff;--ui-surface:#fff;--ui-surface-2:#f5f3ee;--ui-text:#1f1f1f;--ui-muted:#55524a;--ui-border:#1f1f1f1a;--ui-border-strong:#1f1f1f2e;--ui-ring:#e63329;--ui-success:#147a52;--ui-success-bg:#e4f4ec;--ui-warning:#a45905;--ui-warning-bg:#fbeecf;--ui-danger:#c42820;--ui-danger-bg:#fceceb;--ui-info:#1f6fb4;--ui-info-bg:#e8f1fa;--ui-radius:.75rem;--ui-radius-lg:1.25rem;--ui-radius-xl:1.75rem;--ui-pill:9999px;--ui-shadow:0 8px 24px -16px #1f1f1f66;--ui-shadow-lg:0 24px 50px -20px #1f1f1f59;--ui-ease-spring:cubic-bezier(.16, 1, .3, 1)}.yui-btn{--_bg:var(--ui-primary);--_fg:var(--ui-on-primary);border-radius:var(--ui-pill);background:var(--_bg);color:var(--_fg);white-space:nowrap;cursor:pointer;transition:transform .25s var(--ui-ease-spring), box-shadow .25s var(--ui-ease-spring), background-color .2s ease, filter .2s ease, opacity .2s ease;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.yui-btn--sm{padding-block:.5rem;padding-inline:.9rem;font-size:.8125rem}.yui-btn--md{padding-block:.7rem;padding-inline:1.25rem;font-size:.9375rem}.yui-btn--lg{padding-block:.95rem;padding-inline:1.6rem;font-size:1.0625rem}.yui-btn--block{width:100%;display:flex}.yui-btn--primary{--_bg:var(--ui-primary);--_fg:var(--ui-on-primary)}.yui-btn--primary:hover{background:var(--ui-primary-strong)}.yui-btn--accent{--_bg:var(--ui-accent);--_fg:var(--ui-on-accent)}.yui-btn--accent:hover{background:var(--ui-accent-strong)}.yui-btn--danger{--_bg:var(--ui-danger);--_fg:#fff}.yui-btn--danger:hover{filter:brightness(.94)}.yui-btn--outline{--_bg:transparent;--_fg:var(--ui-text);border-color:var(--ui-border-strong);background:0 0}.yui-btn--outline:hover{background:color-mix(in srgb, var(--ui-text) 6%, transparent)}.yui-btn--ghost{--_bg:transparent;--_fg:var(--ui-text);background:0 0}.yui-btn--ghost:hover{background:color-mix(in srgb, var(--ui-text) 6%, transparent)}.yui-btn--subtle{--_bg:var(--ui-surface-2);--_fg:var(--ui-text)}.yui-btn--subtle:hover{filter:brightness(.97)}.yui-btn:not(:disabled):hover{box-shadow:var(--ui-shadow);transform:translateY(-2px)}.yui-btn:not(:disabled):active{transform:translateY(0)scale(.97)}.yui-btn:disabled,.yui-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.yui-btn:focus-visible{outline:3px solid var(--ui-ring);outline-offset:2px}.yui-btn:after{content:"";transition:transform .7s var(--ui-ease-spring);pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ffffff73 50%,#0000 70%);position:absolute;inset:0;transform:translate(-160%)}.yui-btn:not(:disabled):hover:after,[dir=rtl] .yui-btn:after{transform:translate(160%)}[dir=rtl] .yui-btn:not(:disabled):hover:after{transform:translate(-160%)}.yui-btn__spinner{flex:none}.yui-iconbtn{border-radius:var(--ui-pill);border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text);cursor:pointer;transition:background-color .2s ease, transform .2s var(--ui-ease-spring), border-color .2s ease;justify-content:center;align-items:center;display:inline-flex}.yui-iconbtn--sm{width:2rem;height:2rem}.yui-iconbtn--md{width:2.5rem;height:2.5rem}.yui-iconbtn--lg{width:3rem;height:3rem}.yui-iconbtn:hover{background:var(--ui-surface-2)}.yui-iconbtn:active{transform:scale(.94)}.yui-iconbtn:focus-visible{outline:3px solid var(--ui-ring);outline-offset:2px}.yui-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);box-shadow:var(--ui-shadow)}.yui-card--pad-sm{padding:1rem}.yui-card--pad-md{padding:1.5rem}.yui-card--pad-lg{padding:2rem}.yui-card--flat{box-shadow:none}.yui-card--interactive{transition:transform .35s var(--ui-ease-spring), box-shadow .35s var(--ui-ease-spring);will-change:transform}.yui-card--interactive:hover{box-shadow:var(--ui-shadow-lg);transform:translateY(-6px)}.yui-badge{--_fg:var(--ui-text);--_bg:var(--ui-surface-2);border-radius:var(--ui-pill);background:var(--_bg);color:var(--_fg);white-space:nowrap;align-items:center;gap:.4rem;font-weight:700;line-height:1;display:inline-flex}.yui-badge--sm{padding-block:.25rem;padding-inline:.55rem;font-size:.6875rem}.yui-badge--md{padding-block:.35rem;padding-inline:.7rem;font-size:.75rem}.yui-badge--neutral{--_fg:var(--ui-muted);--_bg:var(--ui-surface-2)}.yui-badge--brand{--_fg:var(--ui-on-primary);--_bg:var(--ui-primary)}.yui-badge--accent{--_fg:var(--ui-on-accent);--_bg:var(--ui-accent)}.yui-badge--success{--_fg:var(--ui-success);--_bg:var(--ui-success-bg)}.yui-badge--warning{--_fg:var(--ui-warning);--_bg:var(--ui-warning-bg)}.yui-badge--danger{--_fg:var(--ui-danger);--_bg:var(--ui-danger-bg)}.yui-badge--info{--_fg:var(--ui-info);--_bg:var(--ui-info-bg)}.yui-badge__dot{background:currentColor;border-radius:9999px;flex:none;width:.5rem;height:.5rem}@keyframes yui-spin{to{transform:rotate(360deg)}}.yui-spinner{border-style:solid;border-color:color-mix(in srgb, var(--ui-accent) 35%, transparent);border-top-color:var(--ui-primary);border-radius:9999px;animation:.8s linear infinite yui-spin;display:inline-block}.yui-spinner--sm{border-width:2px;width:1.1rem;height:1.1rem}.yui-spinner--md{border-width:3px;width:1.75rem;height:1.75rem}.yui-spinner--lg{border-width:4px;width:3rem;height:3rem}.yui-spinner--on-primary{border-color:#fff #fff6 #fff6}.yui-splash{place-items:center;gap:1rem;min-height:60vh;display:grid}.yui-splash__word{letter-spacing:.02em;color:var(--ui-text);font-family:inherit;font-weight:800}@keyframes yui-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.yui-skeleton{background:linear-gradient(90deg, color-mix(in srgb, var(--ui-text) 8%, var(--ui-surface)) 25%, color-mix(in srgb, var(--ui-text) 4%, var(--ui-surface)) 37%, color-mix(in srgb, var(--ui-text) 8%, var(--ui-surface)) 63%);border-radius:var(--ui-radius);background-size:400% 100%;animation:1.4s infinite yui-skeleton}.yui-skeleton--line{border-radius:var(--ui-pill);height:.85rem}.yui-skeleton--circle{border-radius:9999px}.yui-switch{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-text);align-items:center;gap:.6rem;font-weight:700;display:inline-flex}.yui-switch__track{border-radius:var(--ui-pill);background:var(--ui-border-strong);width:3.35rem;height:1.9rem;transition:background-color .25s var(--ui-ease-spring);flex:none;position:relative}.yui-switch__thumb{top:.2rem;width:1.5rem;height:1.5rem;transition:transform .25s var(--ui-ease-spring);background:#fff;border-radius:9999px;position:absolute;inset-inline-start:.2rem;box-shadow:0 2px 6px #00000047}.yui-switch[data-on=true] .yui-switch__track{background:var(--ui-success)}.yui-switch[data-on=true] .yui-switch__thumb{transform:translate(1.45rem)}[dir=rtl] .yui-switch[data-on=true] .yui-switch__thumb{transform:translate(-1.45rem)}.yui-switch:focus-visible .yui-switch__track{outline:3px solid var(--ui-ring);outline-offset:2px}.yui-switch[aria-disabled=true]{opacity:.55;cursor:not-allowed}.yui-banner{--_fg:var(--ui-text);--_bg:var(--ui-surface-2);--_bd:var(--ui-border);border:1px solid var(--_bd);border-radius:var(--ui-radius-lg);background:var(--_bg);color:var(--_fg);align-items:flex-start;gap:.75rem;padding:.9rem 1.1rem;display:flex}.yui-banner--info{--_fg:var(--ui-info);--_bg:var(--ui-info-bg);--_bd:color-mix(in srgb, var(--ui-info) 25%, transparent)}.yui-banner--success{--_fg:var(--ui-success);--_bg:var(--ui-success-bg);--_bd:color-mix(in srgb, var(--ui-success) 25%, transparent)}.yui-banner--warning{--_fg:var(--ui-warning);--_bg:var(--ui-warning-bg);--_bd:color-mix(in srgb, var(--ui-warning) 30%, transparent)}.yui-banner--critical{--_fg:#fff;--_bg:var(--ui-danger);--_bd:transparent}.yui-banner__icon{flex:none;margin-block-start:.05rem}.yui-banner__body{flex:1;min-width:0}.yui-banner__title{font-weight:800}.yui-banner__dismiss{cursor:pointer;color:inherit;opacity:.7;border-radius:var(--ui-radius);background:0 0;border:0;flex:none;padding:.15rem;line-height:0}.yui-banner__dismiss:hover{opacity:1}.yui-banner__dismiss:focus-visible{outline-offset:2px;outline:2px solid}.yui-field{flex-direction:column;gap:.4rem;display:flex}.yui-field__label{color:var(--ui-text);font-size:.8125rem;font-weight:700}.yui-field__hint{color:var(--ui-muted);font-size:.75rem}.yui-field__error{color:var(--ui-danger);font-size:.75rem;font-weight:600}.yui-input{border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius);background:var(--ui-surface);width:100%;color:var(--ui-text);font:inherit;padding-block:.6rem;padding-inline:.85rem;transition:border-color .18s,box-shadow .18s}.yui-input::placeholder{color:color-mix(in srgb, var(--ui-muted) 75%, transparent)}.yui-input:focus{border-color:var(--ui-ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--ui-ring) 22%, transparent);outline:none}.yui-input[aria-invalid=true]{border-color:var(--ui-danger)}.yui-input:disabled{opacity:.6;cursor:not-allowed}textarea.yui-input{resize:vertical;min-height:5rem}.yui-empty{text-align:center;border:1.5px dashed var(--ui-border-strong);border-radius:var(--ui-radius-xl);background:color-mix(in srgb, var(--ui-surface-2) 55%, transparent);flex-direction:column;align-items:center;gap:.6rem;padding:2.5rem 1.5rem;display:flex}.yui-empty__icon{color:var(--ui-muted);margin-block-end:.25rem}.yui-empty__title{color:var(--ui-text);font-size:1.05rem;font-weight:800}.yui-empty__desc{color:var(--ui-muted);max-width:32ch;font-size:.9rem}@keyframes yui-fade{0%{opacity:0}to{opacity:1}}@keyframes yui-pop{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.yui-modal__scrim{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f0f0f80;place-items:center;padding:1rem;animation:.2s both yui-fade;display:grid;position:fixed;inset:0}.yui-modal{background:var(--ui-surface);border-radius:var(--ui-radius-xl);width:100%;max-width:30rem;max-height:90vh;box-shadow:var(--ui-shadow-lg);animation:yui-pop .28s var(--ui-ease-spring) both;overflow:auto}.yui-modal--sm{max-width:24rem}.yui-modal--lg{max-width:44rem}.yui-modal__body{padding:1.5rem}@media (prefers-reduced-motion:reduce){.yui-btn,.yui-btn:after,.yui-card--interactive,.yui-iconbtn,.yui-spinner,.yui-skeleton,.yui-switch__track,.yui-switch__thumb,.yui-modal__scrim,.yui-modal{transition:none!important;animation:none!important}.yui-btn:not(:disabled):hover{transform:none}.yui-btn:after{display:none}}
