.settings-anchor{z-index:40;pointer-events:none;width:calc(100vw - 60px);max-width:1300px;height:0;position:absolute;top:30px;left:50%;transform:translate(-50%)}.settings-anchor .settings{top:calc((var(--vim-bar-h) - var(--vim-bar-btn)) / 2);right:calc(var(--vim-bar-pad) + var(--vim-bar-btn) + var(--vim-bar-gap));pointer-events:auto;position:absolute}.settings-anchor.page{z-index:4000;width:auto;max-width:none;height:auto;position:fixed;top:12px;left:auto;right:16px;transform:none}.settings-anchor.page .settings{position:static}.settings-anchor .trigger{width:var(--vim-bar-btn);height:var(--vim-bar-btn);border-radius:var(--corner-chip);color:var(--text-faint);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;font-size:1.15rem;transition:color .18s;display:inline-flex}.settings-anchor .trigger:hover{color:var(--orange)}.settings-anchor .panel{box-sizing:border-box;border:2px solid var(--line);border-radius:var(--corner-mark);background:var(--surface);flex-direction:column;gap:2px;min-width:200px;padding:6px;animation:.22s cubic-bezier(.19,.84,.28,1) settings-drop;display:flex;position:absolute;top:130%;right:0;box-shadow:0 16px 34px #00000080}.settings-anchor .panel[hidden]{display:none}@keyframes settings-drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.settings-anchor .row{box-sizing:border-box;border-radius:var(--corner-chip);width:100%;color:var(--text-soft);font-family:var(--font-friendly);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.55rem;padding:7px 10px;font-size:.85rem;font-weight:600;transition:background .15s,color .15s;display:flex}.settings-anchor .row:hover{background:var(--surface-raised);color:var(--text)}.settings-anchor .row.privacy{text-decoration:none}.settings-anchor .row.label{color:var(--text-faint);cursor:default;padding-bottom:2px;font-size:.78rem}.settings-anchor .row.label:hover{background:0 0}.settings-anchor .marks{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:0 10px 6px;display:grid}.settings-anchor .mark{border-radius:var(--corner-mark);background:var(--surface-raised);height:28px;color:var(--text-faint);cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;padding:0 4px;font-size:.95rem;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.settings-anchor .roof-marks{grid-template-columns:repeat(7,minmax(0,1fr))}.settings-anchor .roof-mark{min-width:0;color:var(--tint);font-family:var(--font-mono);padding:0;font-size:.82rem}.settings-anchor .mark:hover{border-color:var(--line);color:var(--tint,var(--text))}.settings-anchor .mark.chosen{background:color-mix(in srgb, var(--tint,var(--orange)) 24%, var(--surface-raised));color:var(--tint,var(--orange));border-color:#0000}.settings-anchor .mark:focus-visible{outline:2px solid var(--yellow);outline-offset:1px}.settings-anchor .row.danger{color:var(--text-faint)}.settings-anchor .row.danger:hover{background:color-mix(in srgb, var(--red) 16%, transparent);color:var(--red)}.settings-anchor .row:not(.danger)+.row.danger{border-top:2px solid var(--line);border-radius:0 0 var(--corner-chip) var(--corner-chip);margin-top:4px;padding-top:9px}.settings-anchor .row input{appearance:none;border:2px solid var(--line);border-radius:var(--corner-pill);background:var(--surface-raised);cursor:pointer;flex-shrink:0;width:30px;height:17px;margin:0;transition:background .2s,border-color .2s;position:relative}.settings-anchor .row input:after{background:var(--text-faint);content:"";border-radius:50%;width:11px;height:11px;transition:transform .2s cubic-bezier(.19,.84,.28,1),background .2s;position:absolute;top:2px;left:2px}.settings-anchor .row input:checked{background:var(--green);border-color:#0000}.settings-anchor .row input:checked:after{background:var(--bg);transform:translate(13px)}.settings-anchor .row input:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}@media (width<=640px){.settings-anchor:not(.page){width:calc(100vw - 12px);top:6px}.settings-anchor .panel{max-width:calc(100vw - 24px)}.settings-anchor .row{min-height:44px}.settings-anchor .mark{min-width:44px;height:44px}}@media (width<=380px){.settings-anchor:not(.page){width:100vw;top:0}}@media (prefers-reduced-motion:reduce){.settings-anchor .panel{animation:none}}
