.topic-picker-legend{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topic-picker-options{max-height:min(360px,100dvh - 200px)}.topic-picker-section-title{color:var(--mathy-ink-muted);padding:10px 12px 4px;font-size:13px;font-weight:600}.topic-picker-row{border-bottom:1px solid var(--mathy-border);background:var(--mathy-surface);width:100%;min-height:44px;display:flex;position:relative}.topic-picker-option{min-width:0;color:var(--mathy-ink);font:inherit;text-align:left;box-sizing:border-box;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:6px 12px;display:flex}.topic-picker-info{min-height:44px;color:var(--mathy-forest);cursor:pointer;background:0 0;border:0;flex:0 0 44px;justify-content:center;align-items:center;display:flex}.topic-picker-row:hover:not(:has(:disabled)){background:var(--mathy-surface-quiet)}.topic-picker-row[data-selected=true]{background:var(--mathy-success-surface)}.topic-picker-option:focus-visible,.topic-picker-info:focus-visible{z-index:1;outline:2px solid var(--mathy-focus);outline-offset:-2px}fieldset:disabled .topic-picker-option,fieldset:disabled .topic-picker-info{cursor:default}.topic-picker-label{overflow-wrap:anywhere;flex:1;min-width:0;font-size:16px;line-height:1.3}.topic-picker-selected{color:var(--mathy-forest);flex-shrink:0;font-size:14px;font-weight:700;display:flex}.topic-picker-header-back{min-width:44px;min-height:44px;color:var(--mathy-forest);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin-left:-8px;display:flex}.topic-picker-header-back:focus-visible{outline:2px solid var(--mathy-focus);outline-offset:-2px}.topic-picker-details{color:var(--mathy-ink);padding:4px 0}.topic-picker-details h3{margin:0 0 16px;font-size:20px}.topic-picker-details h4{margin:16px 0 4px;font-size:14px}.topic-picker-details p{margin:0;line-height:1.5}@media (hover:hover) and (pointer:fine) and (any-pointer:coarse){.topic-picker-option{min-height:44px}}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.topic-picker-option{min-height:36px}}