.select{position:relative}.select-trigger{display:flex;align-items:center;gap:6px;height:36px;padding:0 10px 0 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:500 13px var(--font-geist-sans),sans-serif;cursor:pointer}.select-trigger:hover{background:var(--soft2)}.select-trigger.chosen,.select-trigger:hover{border-color:var(--ctl)}.select-trigger.open,.select-trigger:focus-visible{outline:0;border-color:var(--brand-violet);box-shadow:0 0 0 3px rgb(124 92 255/.3)}.select-chevron,.select-key{color:var(--muted)}.select-chevron{width:14px;height:14px;transition:transform .15s}.select-trigger.open .select-chevron{transform:rotate(180deg);color:var(--ink)}.select-list{position:absolute;z-index:30;top:calc(100% + 6px);right:0;min-width:200px;margin:0;padding:6px;list-style:none;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:var(--shadow-menu);outline:0}.select-option{display:flex;align-items:center;justify-content:space-between;gap:10px;height:36px;padding:0 10px;border-radius:8px;color:var(--ink);font-size:13px;font-weight:500;cursor:pointer}.select-option.active,.select-option:hover{background:var(--soft2)}.select-list:focus-visible .select-option.active{outline:2px solid var(--prob);outline-offset:-2px}.select-option[aria-selected=true]{font-weight:600}.select-option-label{display:flex;align-items:center;gap:8px}.select-tick{flex:none;width:14px;height:14px}.select-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--ctl)}.select-dot.easy{background:var(--easy)}.select-dot.medium{background:var(--med)}.select-dot.hard{background:var(--hard)}.select-glyph{font-size:13px}