/* Horizon UI v1.0.1. Opt in with ui-* classes; no app or transport dependencies. */
:where(.ui-button,.ui-card,.ui-row,.ui-sheet,.ui-toast,.ui-tabs,.ui-pill,.ui-input){box-sizing:border-box;font-family:var(--ui-font);line-height:var(--ui-leading)}
:where(.ui-button,.ui-row,.ui-input,.ui-tabs button){min-height:var(--ui-target);min-width:0}
:where(.ui-button,.ui-tabs button,button.ui-row){min-width:var(--ui-target)}
:where(.ui-button,.ui-card,.ui-row,.ui-sheet,.ui-toast,.ui-tabs,.ui-pill,.ui-input)[hidden]{display:none!important}
:where(.ui-button,.ui-tabs button){display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-2);padding:var(--ui-button-padding,var(--ui-space-2) var(--ui-space-4));border:var(--ui-stroke) solid var(--ui-button-border,transparent);border-radius:var(--ui-button-radius,var(--ui-radius-md));background:var(--ui-button-bg,var(--ui-accent));color:var(--ui-button-color,var(--ui-on-accent));font-size:var(--ui-text-sm);font-weight:600;cursor:pointer;text-decoration:none;transition:background var(--ui-duration) var(--ui-ease)}
.ui-button--secondary{--ui-button-bg:var(--ui-raised);--ui-button-color:var(--ui-text);--ui-button-border:var(--ui-border)}
.ui-button--quiet{--ui-button-bg:transparent;--ui-button-color:var(--ui-text)}
:where(.ui-button,.ui-row,.ui-tabs button):hover{filter:brightness(1.08)}
:where(.ui-button,.ui-input,.ui-tabs button):disabled{opacity:.55;cursor:not-allowed}
:where(.ui-button,.ui-input,.ui-row,.ui-tabs button,.ui-sheet summary):focus-visible{outline:var(--ui-focus) solid var(--ui-accent);outline-offset:var(--ui-focus-offset)}
.ui-card{padding:var(--ui-card-padding,var(--ui-space-4));border:var(--ui-stroke) solid var(--ui-border);border-radius:var(--ui-card-radius,var(--ui-radius-lg));background:var(--ui-card-bg,var(--ui-surface));color:var(--ui-text);box-shadow:var(--ui-card-shadow,var(--ui-shadow));overflow-wrap:anywhere}
.ui-row{display:flex;align-items:center;gap:var(--ui-row-gap,var(--ui-space-3));width:100%;padding:var(--ui-row-padding,var(--ui-space-2) var(--ui-space-3));border:var(--ui-stroke) solid transparent;border-radius:var(--ui-radius-md);background:transparent;color:var(--ui-text);text-align:start}
.ui-row[aria-current="true"],.ui-row[aria-pressed="true"]{background:var(--ui-hover);border-color:var(--ui-accent)}
.ui-pill{display:inline-flex;align-items:center;gap:var(--ui-space-1);padding:var(--ui-space-1) var(--ui-space-2);border:var(--ui-stroke) solid var(--ui-pill-color,var(--ui-border));border-radius:var(--ui-radius-pill);color:var(--ui-pill-color,var(--ui-muted));font-size:var(--ui-text-sm);background:var(--ui-pill-bg,var(--ui-raised))}
.ui-input{width:100%;padding:var(--ui-input-padding,var(--ui-space-3));border:var(--ui-stroke) solid var(--ui-border);border-radius:var(--ui-input-radius,var(--ui-radius-md));background:var(--ui-input);color:var(--ui-text);font-size:var(--ui-text-md)}
.ui-input::placeholder{color:var(--ui-muted);opacity:1}
.ui-tabs{display:flex;gap:var(--ui-space-1);padding:var(--ui-space-1);border-radius:var(--ui-radius-lg);background:var(--ui-surface);overflow-x:auto}
.ui-tabs button{flex:1;--ui-button-bg:transparent;--ui-button-color:var(--ui-muted);white-space:nowrap}
.ui-tabs button[aria-selected="true"],.ui-tabs button[aria-current="page"]{--ui-button-bg:var(--ui-hover);--ui-button-color:var(--ui-text);--ui-button-border:var(--ui-accent)}
.ui-sheet{position:fixed;inset-block-start:auto;inset-block-end:calc(var(--ui-overlay-bottom) + var(--ui-space-3));margin-inline:auto;max-height:calc(100dvh - var(--ui-overlay-top) - var(--ui-overlay-bottom) - var(--ui-space-5));width:min(var(--ui-sheet-width,36rem),calc(100% - var(--ui-safe-left) - var(--ui-safe-right) - var(--ui-space-5)));overflow:auto;overscroll-behavior:contain;padding:var(--ui-sheet-padding,var(--ui-space-5));border:var(--ui-stroke) solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow);z-index:var(--ui-z-sheet)}
.ui-sheet::backdrop{background:#0006}
.ui-sheet h2{margin-block-start:0}
.ui-toasts{position:fixed;inset-inline:calc(var(--ui-safe-left) + var(--ui-space-3)) calc(var(--ui-safe-right) + var(--ui-space-3));bottom:calc(var(--ui-overlay-bottom) + var(--ui-space-3));z-index:var(--ui-z-toast);display:grid;justify-items:center;gap:var(--ui-space-2);pointer-events:none}
.ui-toast{display:flex;align-items:center;gap:var(--ui-space-4);width:min(100%,var(--ui-toast-width,36rem));padding:var(--ui-space-3) var(--ui-space-4);border:var(--ui-stroke) solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow);pointer-events:auto}
.ui-toast[data-tone="error"]{border-color:var(--ui-danger)}
.ui-toast span{flex:1;overflow-wrap:anywhere}
.ui-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){:where(.ui-button,.ui-card,.ui-row,.ui-sheet,.ui-toast,.ui-tabs,.ui-pill,.ui-input){animation:none!important;transition:none!important;scroll-behavior:auto!important}}
