@supports (appearance:base-select){::picker(select),select{appearance:base-select}select{--dd-bg:var(--color-paper);--dd-ink:var(--color-ink);--dd-muted:var(--color-muted);--dd-line:var(--color-line);--dd-hover:var(--color-wash);--dd-on:var(--color-sumi);--dd-accent:var(--color-ink);display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.tf select{--dd-bg:var(--tf-bg);--dd-ink:var(--tf-answer);--dd-muted:rgb(var(--tf-answer-rgb)/0.6);--dd-line:rgb(var(--tf-answer-rgb)/0.14);--dd-hover:rgb(var(--tf-answer-rgb)/0.06);--dd-on:rgb(var(--tf-button-rgb)/0.12);--dd-accent:var(--tf-button)}.vx select{--dd-bg:rgb(22 22 32/0.92);--dd-ink:#f4f4f7;--dd-muted:rgb(244 244 247/0.6);--dd-line:rgb(255 255 255/0.1);--dd-hover:rgb(255 255 255/0.08);--dd-on:rgb(138 180 248/0.16);--dd-accent:#8ab4f8}select::picker-icon{content:"";width:.7em;height:.7em;margin-inline-start:auto;background:currentColor;opacity:.55;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center /contain no-repeat;transition:rotate .2s ease}select:open::picker-icon{rotate:180deg}select.appearance-none::picker-icon{display:none}::picker(select){margin-block:6px;padding:6px;min-width:anchor-size(width);max-height:min(22rem,70vh);overflow-y:auto;color:var(--dd-ink);background:var(--dd-bg);border:1px solid var(--dd-line);border-radius:16px;box-shadow:0 24px 60px -24px rgb(0 0 0/.45),0 4px 14px -6px rgb(0 0 0/.18);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;translate:0 -4px;scale:.98;transform-origin:top center;transition:opacity .16s ease,translate .16s ease,scale .16s ease,overlay allow-discrete .16s,display allow-discrete .16s}::picker(select):popover-open{opacity:1;translate:0 0;scale:1}@starting-style{::picker(select):popover-open{opacity:0;translate:0 -4px;scale:.98}}select option{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:10px;font-size:14px;line-height:1.35;color:var(--dd-ink);background:transparent;transition:background .1s}select option:focus-visible,select option:hover{background:var(--dd-hover);outline:none}select option:checked{background:var(--dd-on);font-weight:600}select option::checkmark{order:1;margin-inline-start:auto;content:"✓";font-weight:700;color:var(--dd-accent)}select option:disabled{opacity:.45}select optgroup{padding-top:.35rem;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--dd-muted)}@media (prefers-reduced-motion:reduce){::picker(select),select::picker-icon{transition:none}}}html:has(.vx),html:has(.vx) body{background:#07070c;color-scheme:dark}@media (max-width:767px){.tf select{font-size:16px}}@media (pointer:coarse){button[role=switch]{position:relative}button[role=switch]:before{content:"";position:absolute;inset:-12px -6px}a.chip,button.chip{min-height:32px}}