@supports (appearance:base-select){select{appearance:base-select}::picker(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);cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.tf select{--dd-bg:var(--tf-bg);--dd-ink:var(--tf-answer);--dd-muted:rgb(var(--tf-answer-rgb) / .6);--dd-line:rgb(var(--tf-answer-rgb) / .14);--dd-hover:rgb(var(--tf-answer-rgb) / .06);--dd-on:rgb(var(--tf-button-rgb) / .12);--dd-accent:var(--tf-button)}.vx select{--dd-bg:#161620eb;--dd-ink:#f4f4f7;--dd-muted:#f4f4f799;--dd-line:#ffffff1a;--dd-hover:#ffffff14;--dd-on:#8ab4f829;--dd-accent:#8ab4f8}select::picker-icon{content:"";opacity:.55;background:currentColor;width:.7em;height:.7em;margin-inline-start:auto;transition:rotate .2s;-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") 50%/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") 50%/contain no-repeat}select:open::picker-icon{rotate:180deg}select.appearance-none::picker-icon{display:none}::picker(select){min-width:anchor-size(width);max-height:min(22rem,70vh);color:var(--dd-ink);background:var(--dd-bg);border:1px solid var(--dd-line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;transform-origin:top;transition:opacity .16s ease, translate .16s ease, scale .16s ease, overlay .16s allow-discrete, display .16s allow-discrete;border-radius:16px;margin-block:6px;padding:6px;overflow-y:auto;translate:0 -4px;scale:.98;box-shadow:0 24px 60px -24px #00000073,0 4px 14px -6px #0000002e}select:open::picker(select){opacity:1;translate:0;scale:1}@starting-style{select:open::picker(select){opacity:0;translate:0 -4px;scale:.98}}select option{color:var(--dd-ink);background:0 0;border-radius:10px;align-items:center;gap:.6rem;padding:.55rem .75rem;font-size:14px;line-height:1.35;transition:background .1s;display:flex}select option:hover,select option:focus-visible{background:var(--dd-hover);outline:none}select option:checked{background:var(--dd-on);font-weight:600}select option::checkmark{content:"✓";color:var(--dd-accent);order:1;margin-inline-start:auto;font-weight:700}select option:disabled{opacity:.45}select optgroup{letter-spacing:.04em;text-transform:uppercase;color:var(--dd-muted);padding-top:.35rem;font-size:11.5px;font-weight:600}@media (prefers-reduced-motion:reduce){::picker(select){transition:none}select::picker-icon{transition:none}}}
html:has(.vx){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#07070c}html:has(.vx) body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#07070c}
@media (max-width:767px){.tf select,[contenteditable=true]:not(.tf *){font-size:16px}}body{overflow-wrap:break-word}@media (pointer:coarse){button[role=switch]{position:relative}button[role=switch]:before{content:"";position:absolute;inset:-12px -6px}button.chip,a.chip{min-height:32px}.hit{position:relative}.hit:before{content:"";position:absolute;inset:-12px -6px}input:is([type=checkbox],[type=radio]):not(.sr-only,.tf *){width:20px;height:20px}}
