.settings{position:relative}.settings-btn{width:42px;height:42px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:14px;place-items:center;display:grid}.settings-btn:hover,.settings-btn[aria-expanded=true]{background:var(--mint);color:var(--ink)}.settings-pop{z-index:20;border:3px solid var(--frame);background:var(--paper);width:min(300px,100vw - 32px);box-shadow:0 6px 0 var(--frame);font-family:var(--font-ui);border-radius:22px;gap:8px;padding:16px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.settings-label{font-family:var(--font-display);color:var(--ink);font-size:16px;font-weight:700}.settings-label+.settings-seg{margin-bottom:8px}.settings-hint{color:var(--ink-3);margin-top:-6px;font-size:14px;font-weight:600}.settings-seg{background:var(--tile-edge);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.settings-seg button{height:38px;color:var(--ink-2);font:700 15px var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:10px}.settings-seg button[data-on]{background:var(--paper);color:var(--ink);box-shadow:0 2px 0 var(--line)}.settings-list{gap:6px;display:grid}.settings-list button{border:2.5px solid var(--line);background:var(--paper);color:var(--ink);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;display:flex}.settings-list svg{color:#0000;flex:none}.settings-list button[data-on]{border-color:var(--leaf);background:var(--mint)}.settings-list button[data-on] svg{color:var(--leaf-edge)}.settings-list code{font-family:var(--font-mono);font-variant-ligatures:none;font-size:13px}