.theme-picker-control{width:fit-content;display:inline-flex;position:relative}.theme-toggle{border:1px solid var(--border-strong);background:var(--surface);width:2.75rem;height:2.75rem;color:var(--indigo);box-shadow:var(--shadow-sm);border-radius:.8rem;flex:0 0 2.75rem;place-items:center;padding:0;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:grid}.theme-toggle:hover{border-color:var(--violet);background:var(--surface-active);color:var(--violet);transform:translateY(-1px)}.theme-toggle:active{background:var(--surface-soft);transform:translateY(0)}.theme-choice-light,.theme-choice-dark,:root[data-theme-choice=light] .theme-choice-system{display:none}:root[data-theme-choice=light] .theme-choice-light{display:block}:root[data-theme-choice=dark] .theme-choice-system{display:none}:root[data-theme-choice=dark] .theme-choice-dark{display:block}.study-theme-menu{z-index:80;border:1px solid var(--border-strong);background:var(--surface);width:min(17rem,100vw - 2rem);box-shadow:var(--shadow-card);border-radius:1rem;padding:.42rem;position:absolute;top:calc(100% + .55rem);right:0}.study-theme-menu[hidden]{display:none}.study-theme-menu button{width:100%;min-height:3.35rem;color:var(--ink-soft);text-align:left;background:0 0;border:0;border-radius:.72rem;grid-template-columns:1.35rem 1fr 1.2rem;align-items:center;gap:.72rem;padding:.52rem .62rem;display:grid}.study-theme-menu button:hover,.study-theme-menu button:focus-visible,.study-theme-menu button[aria-checked=true]{background:var(--surface-soft);color:var(--ink)}.study-theme-menu button>span{gap:.06rem;display:grid}.study-theme-menu strong{color:var(--ink);font-size:.9rem}.study-theme-menu small{color:var(--ink-soft);font-size:.73rem}.theme-option-check{color:var(--violet);opacity:0}.study-theme-menu button[aria-checked=true] .theme-option-check{opacity:1}@media (max-width:420px){.study-theme-menu{top:calc(max(.75rem, env(safe-area-inset-top)) + 3.3rem);right:max(.75rem, env(safe-area-inset-right));position:fixed}}