:root{--chanops-select-surface:hsla(0,0%,100%,.04);--chanops-select-surface-hover:hsla(0,0%,100%,.06);--chanops-select-surface-selected:hsla(0,0%,100%,.15);--chanops-select-border:hsla(0,0%,100%,.1);--chanops-select-border-hover:hsla(0,0%,100%,.2);--chanops-select-focus:hsla(0,0%,100%,.4);--chanops-select-focus-ring:hsla(0,0%,100%,.2);--chanops-select-menu:#05070c;--chanops-select-text:#fff;--chanops-select-option-text:#e2e8f0;--chanops-select-muted:#64748b;--chanops-select-disabled:#475569}.chanops-select-trigger{display:flex;width:100%;min-height:2.75rem;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid var(--chanops-select-border);border-radius:.75rem;background:var(--chanops-select-surface);padding:.75rem;color:var(--chanops-select-text);font-size:13px;font-weight:700;line-height:1.25rem;text-align:left;outline:none;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.chanops-select-trigger:hover:not(:disabled){border-color:var(--chanops-select-border-hover);background:var(--chanops-select-surface-hover)}.chanops-select-trigger:focus-visible{border-color:var(--chanops-select-focus);box-shadow:0 0 0 1px var(--chanops-select-focus-ring)}.chanops-select-trigger:disabled{cursor:not-allowed;opacity:.5}.chanops-select-chevron{flex:0 0 auto;color:var(--chanops-select-muted);transition:transform .16s ease}.chanops-select-chevron.is-open{transform:rotate(180deg)}.chanops-select-menu{position:absolute;z-index:50;width:100%;max-height:18rem;margin-top:.5rem;overflow-y:auto;border:1px solid var(--chanops-select-border);border-radius:.75rem;background:var(--chanops-select-menu);padding:.25rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.05)}.chanops-select-option{display:flex;width:100%;min-height:2.5rem;align-items:center;justify-content:space-between;gap:.75rem;border-radius:.5rem;padding:.5rem .75rem;color:var(--chanops-select-option-text);font-size:13px;font-weight:700;line-height:1.25rem;text-align:left;transition:background-color .14s ease,color .14s ease}.chanops-select-option:focus-visible:not(.is-disabled),.chanops-select-option:hover:not(.is-disabled){background:var(--chanops-select-surface-hover);color:var(--chanops-select-text);outline:none}.chanops-select-option.is-selected{background:var(--chanops-select-surface-selected);color:var(--chanops-select-text)}.chanops-select-option.is-disabled{cursor:not-allowed;color:var(--chanops-select-disabled)}.chanops-select-check{flex:0 0 auto}html body select:not([multiple]){color-scheme:dark}html body select:not([multiple]) option{background:var(--chanops-select-menu);color:var(--chanops-select-option-text)}@supports ((-webkit-appearance:base-select) or (-moz-appearance:base-select) or (appearance:base-select)){html body select:not([multiple]){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;width:100%;min-height:2.75rem;border:1px solid var(--chanops-select-border);border-radius:.75rem;background:var(--chanops-select-surface);padding:.75rem;color:var(--chanops-select-text);font-size:13px;font-weight:700;line-height:1.25rem;outline:none;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}html body select:not([multiple]):hover:not(:disabled){border-color:var(--chanops-select-border-hover);background:var(--chanops-select-surface-hover)}html body select:not([multiple]):focus-visible,html body select:not([multiple]):open{border-color:var(--chanops-select-focus);box-shadow:0 0 0 1px var(--chanops-select-focus-ring)}html body select:not([multiple]):disabled{cursor:not-allowed;opacity:.5}html body select:not([multiple])::picker-icon{color:var(--chanops-select-muted);transition:rotate .16s ease}html body select:not([multiple]):open::picker-icon{rotate:180deg}html body select:not([multiple])::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;margin-top:.5rem;max-height:18rem;overflow-y:auto;border:1px solid var(--chanops-select-border);border-radius:.75rem;background:var(--chanops-select-menu);padding:.25rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.05)}html body select:not([multiple]) option{display:flex;min-height:2.5rem;align-items:center;gap:.75rem;border:0;border-radius:.5rem;background:transparent;padding:.5rem .75rem;color:var(--chanops-select-option-text);font-size:13px;font-weight:700;line-height:1.25rem;outline:none}html body select:not([multiple]) option:focus,html body select:not([multiple]) option:hover{background:var(--chanops-select-surface-hover);color:var(--chanops-select-text)}html body select:not([multiple]) option:checked{background:var(--chanops-select-surface-selected);color:var(--chanops-select-text)}html body select:not([multiple]) option::checkmark{order:1;margin-left:auto;color:var(--chanops-select-text)}}