:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1117;--panel:#16181f;--panel2:#1f2937;--panel3:#111827;--border:#2d2d3a;--border2:#374151;--divider:#1a1d26;--text:#e5e7eb;--muted:#9ca3af;--dim:#6b7280;--faint:#4b5563;--accent:#3b82f6;--accent-bg:#1e3a5f;--accent-on:#60a5fa;--danger:#f87171;--ok:#34d399;--warn:#fbbf24;font-family:-apple-system,system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-shrink:0;padding:12px 13px}.panel-title{color:var(--faint);letter-spacing:.8px;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:600}.btn{border:1px solid var(--border2);background:var(--panel2);color:var(--muted);cursor:pointer;border-radius:7px;align-items:center;gap:5px;width:100%;margin-bottom:4px;padding:6px 9px;font-size:12px;transition:all .15s;display:flex}.btn:last-child{margin-bottom:0}.btn:hover{color:var(--text);background:#263044}.btn.on{background:var(--accent-bg);color:var(--accent-on);border-color:var(--accent)}.btn.danger{color:var(--danger);border-color:#7f1d1d}.btn.danger:hover{background:#2d1515}.btn svg{flex-shrink:0;width:11px;height:11px}.btn-row{gap:4px;margin-bottom:4px;display:flex}.btn-row .btn{flex:1;justify-content:center;margin-bottom:0}.pb-btn{border:1px solid var(--border2);background:var(--panel2);color:var(--muted);cursor:pointer;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:11px;display:flex}.pb-btn:hover{color:var(--text);background:#263044}.pb-btn.on{background:var(--accent-bg);color:var(--accent-on);border-color:var(--accent)}select{border:1px solid var(--border2);background:var(--panel2);color:var(--muted);cursor:pointer;border-radius:7px;padding:6px 9px;font-size:12px}.opt-row{color:var(--dim);cursor:pointer;align-items:center;gap:6px;padding:2px 0;font-size:12px;display:flex}.opt-row input{accent-color:var(--accent)}.chips{flex-wrap:wrap;flex-shrink:0;gap:4px;display:flex}.chip{border:1px solid var(--border2);color:var(--muted);background:var(--panel3);font-variant-numeric:tabular-nums;border-radius:5px;padding:2px 7px;font-size:11px}.chip.ok{color:var(--ok);background:#071a14;border-color:#064e3b}.chip.warn{color:var(--warn);background:#1c1007;border-color:#78350f}.prog-wrap{flex-direction:column;flex:1;gap:3px;display:flex}.prog-track{background:var(--border);cursor:pointer;border-radius:2px;height:4px;position:relative}.prog-fill{background:var(--accent);border-radius:2px;height:100%;position:absolute;top:0;left:0}.prog-head{border:2px solid var(--panel);pointer-events:none;background:#93c5fd;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.prog-labels{justify-content:space-between;display:flex}.plbl{color:var(--border2);cursor:pointer;padding:1px 3px;font-size:10px}.plbl:hover{color:#93c5fd}.plbl.active{color:var(--accent-on);font-weight:700}.plbl.done{color:var(--dim)}.plbl.locked{cursor:default}.plbl.locked:hover{color:var(--border2)}.phase-badge{letter-spacing:1px;color:#fff;background:#2563eb;border-radius:20px;flex-shrink:0;padding:2px 10px;font-size:11px;font-weight:700}.phase-badge.shrink{background:#dc2626}.phase-badge.done{background:#16a34a}.pen-row{align-items:center;gap:5px;margin-bottom:4px;display:flex}.pen-label{color:var(--dim);min-width:30px;font-size:11px}.color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:20px;height:20px}.color-btn.sel{border-color:#fff}.t-row{align-items:center;gap:3px;display:flex}.t-chip{cursor:pointer;border:1px solid;border-radius:6px;flex:1;align-items:center;gap:4px;min-width:0;padding:5px 7px;font-size:12px;transition:all .15s;display:flex}.t-chip .tnm{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.t-del,.t-sub,.t-add-m{color:var(--faint);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 5px;font-size:11px}.t-del:hover{color:var(--danger)}.t-sub:hover,.t-add-m:hover{color:var(--muted)}.t-add{border:1px dashed var(--border2);color:var(--faint);cursor:pointer;background:0 0;border-radius:6px;width:100%;padding:5px 9px;font-size:12px}.t-add:hover{color:var(--muted);border-color:var(--dim)}.scroll-thin::-webkit-scrollbar{width:4px;height:4px}.scroll-thin::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}