:root{--bg:#17181b;--panel:#1e1f23eb;--card:#24262b;--card-hover:#2d3036;--input:#1b1c20;--line:#34373e;--text:#e8e9ec;--muted:#9a9ea8;--accent:#5b8def;--accent-soft:#5b8def29;--danger:#d9534f;--danger-soft:#d9534f24;--discord:#5865f2;--radius:10px;--panel-width:clamp(340px, 30vw, 520px)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:14px/1.45 system-ui,-apple-system,sans-serif}.panel-head{align-items:center;gap:12px;display:flex}.brand{letter-spacing:-.01em;flex:1;font-size:18px;font-weight:700}.account{align-items:center;gap:8px;min-width:0;display:flex}.account .avatar{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.account-menu{position:relative}.account-menu summary{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:8px;padding:4px 8px 4px 4px;list-style:none;display:flex}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:hover,.account-menu[open] summary{background:var(--card-hover)}.account-menu summary:after{content:"▾";color:var(--muted);font-size:11px}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.account-menu .menu{z-index:10;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:220px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000080}button.menu-item{text-align:left;width:100%;color:var(--text);background:0 0;font-weight:500}button.menu-item:hover{background:var(--card-hover);filter:none}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:1px 6px;font-size:11px;font-weight:600}.segmented{background:var(--input);border:1px solid var(--line);border-radius:var(--radius);gap:3px;padding:3px;display:flex}.segmented button{color:var(--muted);background:0 0;padding:6px}.segmented button.on{background:var(--card-hover);color:var(--text);box-shadow:0 1px 2px #0000004d}.segmented[hidden]{display:none}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.card[hidden]{display:none}h1{margin:0 0 8px;font-size:20px}h2{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:600;display:flex}.count{background:var(--accent);color:#fff;letter-spacing:0;border-radius:999px;padding:0 7px;font-size:11px}.count:empty{display:none}.hint{color:var(--muted);margin:0 0 12px}.empty-hint{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);text-align:center;margin:0;padding:14px}.empty-hint[hidden]{display:none}.list{margin:0;padding:0;list-style:none}.list:empty{display:none}#results:not(:empty){margin-top:8px}.list li{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:7px 8px;display:flex}.list li:hover{background:var(--card-hover)}.list .swatch{border-radius:3px;flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 1px #ffffff26}.list .text{flex-direction:column;min-width:0;display:flex}.list small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list small:empty{display:none}.list .empty{color:var(--muted);cursor:default}.list .empty:hover{background:0 0}.buttons{gap:8px;margin-top:10px;display:flex}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;flex:1;padding:9px 12px;font:600 14px system-ui,sans-serif}button:hover{filter:brightness(1.08)}button:disabled{opacity:.6;cursor:default}button.danger{background:var(--danger)}button.secondary{background:var(--card-hover);color:var(--text)}button.discord{background:var(--discord)}button.link{color:var(--muted);background:0 0;flex:none;padding:0;font-size:12px;font-weight:400;text-decoration:underline}button.icon{width:28px;height:28px;color:var(--muted);background:0 0;flex:none;padding:0;font-size:14px}button.icon:hover{background:var(--card-hover);color:var(--text)}kbd{border:1px solid var(--line);color:var(--text);border-bottom-width:2px;border-radius:4px;padding:0 4px;font-size:12px}code{background:var(--input);border-radius:4px;padding:1px 5px;font-size:12px}dialog{border:1px solid var(--line);background:var(--card);width:min(380px,100vw - 32px);color:var(--text);border-radius:12px;padding:20px;box-shadow:0 12px 40px #0009}dialog::backdrop{background:#00000080}dialog p{margin:0 0 6px}dialog label{color:var(--muted);margin-bottom:10px;display:block}.gate{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17181bbf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.gate[hidden]{display:none}.gate-box{text-align:center;max-width:360px}.gate-box p{color:var(--muted);margin:0 0 16px}.gate-box button{width:100%}button.menu-danger{color:#f08a87}.gate-box .gate-note{margin:14px 0 0;font-size:12px}dialog button{white-space:nowrap}