:root{color-scheme:light;--bg:#fff;--text:#0e1625;--muted:#78879b;--border:#e4e9ef;--surface:#f5f7fa;--accent:#2481cc;--button-text:#fff;--danger:#c43d4a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.38}button:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}main{max-width:640px;margin:auto;padding:calc(30px + env(safe-area-inset-top)) 16px 130px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}h1{font-size:32px;line-height:1.2;letter-spacing:-.8px;margin:0;font-weight:750}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.refresh{border:0;background:transparent;color:var(--accent);height:44px;width:44px;display:grid;place-items:center}select{width:100%;padding:14px 16px;min-height:48px;font-size:18px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:9px;text-overflow:ellipsis}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin:28px 0 12px;gap:12px}h2{font-size:19px;line-height:1.3;margin:0;font-weight:700}#count{font-size:14px;color:var(--muted);white-space:nowrap}ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}.member{display:flex;align-items:center;gap:10px;min-height:62px;border-bottom:1px solid var(--border);background:var(--bg);position:relative}.position{color:var(--muted);font-size:17px;min-width:24px;font-variant-numeric:tabular-nums}.name{font-size:17px;line-height:1.3;flex:1;min-width:0;overflow-wrap:anywhere;padding:12px 0}.row-actions{display:flex;gap:4px;flex-shrink:0}.step{display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);border-radius:7px;color:var(--accent);width:36px;height:40px}.step svg{width:19px;height:19px}.handle{display:grid;place-items:center;touch-action:none;cursor:grab;color:var(--muted);border:0;background:transparent;width:32px;min-height:48px;padding:0}.handle svg{width:18px;stroke-width:3;stroke-dasharray:.1 5;stroke-linecap:round}.dragging{z-index:2;box-shadow:0 6px 20px #0002;border-radius:8px;pointer-events:none;opacity:.9}.drop-target{border-bottom:3px solid var(--accent)}.hint{font-size:14px;line-height:1.5;color:var(--muted);margin:14px 0}#message{font-size:15px;line-height:1.5;margin:0 0 16px;overflow-wrap:anywhere}#message:empty{display:none}#message.error{color:var(--danger)}#message.success{color:var(--accent)}footer{position:fixed;bottom:0;left:0;right:0;background:var(--bg);border-top:1px solid var(--border);padding:13px 16px calc(13px + env(safe-area-inset-bottom));z-index:3}footer>div{max-width:608px;margin:auto;display:flex;gap:10px}footer button{border:0;border-radius:9px;min-height:48px;font-size:15px;font-weight:650;padding:12px 14px}.secondary{background:var(--surface);color:var(--accent);flex:1}.primary{background:var(--accent);color:var(--button-text);flex:1.5}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:360px){.member{gap:6px}.name{font-size:15px}.step{width:30px}.handle{width:24px}footer button{font-size:14px;padding:12px 8px}}@media(prefers-reduced-motion:no-preference){button{transition:opacity .15s,background-color .15s}}
.wide{display:block;width:100%;min-height:46px;border:0;border-radius:9px;padding:12px 14px;font-size:15px;font-weight:650;margin:0 0 16px}#workspace>select{margin-top:4px}.queue-actions,.dialog-actions{display:flex;gap:10px}.queue-actions button,.dialog-actions button{flex:1;border:0;border-radius:8px;min-height:44px;padding:10px 12px;font-size:14px;font-weight:600}.danger{background:var(--surface);color:var(--danger)}.member{display:grid;grid-template-columns:24px minmax(0,1fr) auto 32px;gap:0 8px;padding:8px 0}.member .name{padding:8px 0}.member-tools{grid-column:2/-1;display:flex;gap:16px}.member-tools button{background:none;border:0;padding:4px 0 8px;min-height:36px;font-size:13px;color:var(--accent)}.member-tools .remove{color:var(--danger)}dialog{color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:24px;width:calc(100% - 32px);max-width:440px;max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#0007}dialog h2{margin-bottom:20px}dialog label{display:block;font-size:14px;font-weight:600;margin:16px 0 8px}input{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;min-height:46px;padding:12px}input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dialog-actions{margin-top:20px}.error{color:var(--danger);font-size:14px;line-height:1.5}.error:empty{display:none}.users{list-style:none;margin:0;padding:0;max-height:40dvh;overflow:auto}.user{border-bottom:1px solid var(--border);padding:12px 0;display:flex;align-items:center;gap:12px}.user>span{flex:1;min-width:0;font-size:15px;overflow-wrap:anywhere}.user small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.user button{border:0;background:var(--surface);color:var(--accent);padding:10px 12px;border-radius:7px;min-height:44px;font-size:13px}#user-message{color:var(--muted);font-size:14px;line-height:1.5}#user-message.error{color:var(--danger)}@media(max-width:360px){.member{grid-template-columns:20px minmax(0,1fr) auto 24px;gap:0 6px}dialog{padding:18px}}
