/* ===== Sok ===== */
.sbar{display:flex;align-items:center;gap:10px;height:44px;padding:0 6px 0 14px;border:0;background:var(--surface);border-radius:10px;box-shadow:var(--sh);color:var(--muted);transition:box-shadow var(--t)}
.sbar:focus-within{box-shadow:0 0 0 1px var(--acc),0 0 0 4px var(--acc-soft)}
.sbar input{flex:1;border:0;outline:0;background:none;font-size:14.5px;min-width:0;height:auto;box-shadow:none!important;padding:0;color:var(--ink)}
.chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0 4px;position:relative}
details.dd{position:relative}
details.dd>summary{list-style:none;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:0;box-shadow:var(--sh);border-radius:999px;color:var(--ink2);font-size:13px;background:var(--surface);cursor:pointer;user-select:none;transition:box-shadow var(--t)}
details.dd>summary::-webkit-details-marker{display:none}
details.dd>summary:hover{box-shadow:var(--sh-hover)}
details.dd.has>summary,details.dd[open]>summary{box-shadow:0 0 0 1px var(--acc-line);background:var(--acc-soft);color:var(--acc-ink);font-weight:500}
details.dd>summary .c{background:var(--acc);color:var(--on-acc);border-radius:999px;font-size:11px;padding:0 6px;font-weight:600}
.ddp{position:absolute;z-index:20;top:34px;left:0;width:272px;max-width:calc(100vw - 32px);background:var(--surface);border:0;border-radius:var(--r-lg);box-shadow:var(--sh-pop);padding:6px}
.ddp.wide{width:320px}
.ddp .h{font-size:12px;color:var(--muted);padding:6px 8px 4px}
.ddp input[type=search]{margin:2px 0 6px}
.optlist{max-height:240px;overflow:auto}
.opt{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:6px;font-size:13.5px;cursor:pointer}
.opt:hover{background:var(--hover)}
.opt.on{color:var(--ink);font-weight:500}
.opt span{flex:1;min-width:0}
.ddp .sep{border-top:1px solid var(--line2);margin:6px 0}
.ddp .swt{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:6px;font-size:13.5px;cursor:pointer}
.ddp .swt:hover{background:var(--hover)}
.chipsel{display:flex;flex-wrap:wrap;gap:6px}
.chipsel button{border:0;box-shadow:var(--sh);background:var(--surface);border-radius:999px;padding:3px 11px;font-size:12.5px;color:var(--ink2)}
.chipsel button:hover{background:var(--hover)}
.chipsel button.on{background:var(--acc-soft);box-shadow:0 0 0 1px var(--acc-line);color:var(--acc-ink);font-weight:500}
.active{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;align-items:center}
.tag{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 4px 0 9px;border-radius:6px;background:var(--acc-soft);border:0;box-shadow:0 0 0 1px var(--acc-line);color:var(--acc-ink);font-size:12.5px;font-weight:500}
.tag button{border:0;background:none;color:inherit;font-size:15px;line-height:1;padding:0 4px;opacity:.8}
.tag.clear{background:none;border:0;color:var(--muted);text-decoration:underline;padding:0 6px;cursor:pointer;font-weight:400}
#fsub{margin:4px 2px 18px}
.shortcuts,.linkrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.sc{text-align:left;border:0;background:var(--surface);border-radius:var(--r-lg);padding:16px 20px;box-shadow:var(--sh);display:flex;flex-direction:column;gap:5px;color:var(--ink);transition:box-shadow var(--t),transform var(--t)}
.sc:hover{box-shadow:var(--sh-hover);transform:translateY(-1px)}
.sc b{font-size:14px;font-weight:500}
.sc span{font-size:12.5px;color:var(--muted)}
.sc .ic{width:30px;height:30px;border-radius:8px;background:var(--acc-soft);color:var(--acc);display:grid;place-items:center;margin-bottom:4px}
.sc .go{margin-top:auto;padding-top:8px;color:var(--acc);font-weight:500;display:flex;align-items:center;gap:6px}
.sect{margin:26px 0 12px;font-size:15px;font-weight:600}
.sect small{display:block;font-size:12.5px;font-weight:400;color:var(--muted);margin-top:2px;letter-spacing:0}
.sect2{font-size:14px;font-weight:600;margin:22px 0 8px}