.onb-detail{position:fixed;top:0;right:0;bottom:0;width:520px;max-width:96vw;z-index:1300;background:#fff;border-left:1px solid var(--pale,#fdcdee);box-shadow:-10px 0 34px #01010129;display:flex;flex-direction:column}.onb-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--pale,#fdcdee)}.onb-name{font-size:17px;font-weight:700;color:var(--ink,#010101)}.onb-sub{font-size:12px;color:var(--char,#2a2a2a);opacity:.7;margin-top:2px}.onb-head .drawer-x{background:none;border:none;font-size:15px;cursor:pointer;color:var(--char,#2a2a2a)}.onb-body{flex:1;overflow-y:auto;padding:14px 18px}.onb-withdrawn,.onb-quarantine{font-size:12.5px;line-height:1.55;border-radius:10px;padding:10px 13px;margin-bottom:12px}.onb-withdrawn{background:var(--wash,#fef4f9);border:1px solid var(--pale,#fdcdee);display:flex;flex-direction:column;gap:8px;align-items:flex-start}.onb-quarantine{background:var(--warn-bg,#fff4e2);border:1px solid #f0d9b0;color:var(--warn,#a35a00)}.onb-strip{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.onb-pill{font-size:11px;font-weight:600;border-radius:20px;padding:4px 10px;cursor:pointer;border:1px solid var(--silver,#d0d0d0);background:#fff;color:var(--char,#2a2a2a);opacity:.75}.onb-pill.past{border-color:var(--ok,#1c7a45);color:var(--ok,#1c7a45);opacity:1}.onb-pill.current{background:var(--ink,#010101);border-color:var(--ink,#010101);color:#fff;font-weight:700;opacity:1}.onb-pill.viewing:not(.current){box-shadow:0 0 0 2px var(--pale,#fdcdee)}.onb-metaline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:12px;font-size:12px}.onb-days{font-weight:700;border-radius:6px;padding:3px 9px}.onb-days.fresh{color:var(--ok,#1c7a45);background:var(--ok-bg,#e7f6ed)}.onb-days.watch{color:var(--warn,#a35a00);background:var(--warn-bg,#fff4e2)}.onb-days.stalled{color:var(--bad,#b3261e);background:var(--bad-bg,#fdecea)}.onb-browsing{color:var(--char,#2a2a2a);opacity:.65}.onb-progress{margin-left:auto;color:var(--char,#2a2a2a);opacity:.7}.onb-list{display:flex;flex-direction:column;gap:2px}.onb-item{border-bottom:1px solid var(--pale,#fdcdee);padding:9px 0}.onb-item.done .onb-label{opacity:.6;text-decoration:line-through}.onb-check{display:flex;gap:9px;align-items:flex-start;cursor:default}.onb-check input{margin-top:3px;accent-color:var(--pink,#dd1d8a);width:16px;height:16px}.onb-label{font-size:13.5px;line-height:1.5;color:var(--ink,#010101)}.onb-label em{display:block;font-style:normal;font-size:11.5px;color:var(--char,#2a2a2a);opacity:.65;margin-top:2px}.onb-acts{display:flex;gap:7px;align-items:center;margin:7px 0 0 25px}.onb-q{width:19px;height:19px;border-radius:50%;border:1px solid var(--pale,#fdcdee);background:#fff;color:var(--pink,#dd1d8a);font-size:11px;font-weight:700;cursor:pointer;line-height:1}.onb-help{margin:9px 0 2px 25px;background:var(--wash,#fef4f9);border:1px solid var(--pale,#fdcdee);border-radius:10px;padding:11px 13px;font-size:12.5px;line-height:1.6;display:flex;flex-direction:column;gap:7px}.onb-help b{display:block;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--pink,#dd1d8a);margin-bottom:2px}.onb-help .tip{border-top:1px solid var(--pale,#fdcdee);padding-top:7px}.onb-info{margin-top:14px;background:var(--fog,#f6f6f7);border-radius:10px;padding:12px 14px;font-size:12.5px;line-height:1.65;color:var(--char,#2a2a2a)}.onb-info.onb-solo{margin-top:0}.onb-foot{border-top:1px solid var(--pale,#fdcdee);padding:12px 18px;display:flex;align-items:center;gap:10px;justify-content:space-between}.onb-held{font-size:11px;color:var(--char,#2a2a2a);opacity:.65;max-width:30ch}.trkstages{display:flex;align-items:stretch;gap:2px;flex-wrap:wrap;margin:18px 0 0}.trkstep{display:flex;align-items:center;flex:1;min-width:104px}.scard{flex:1;background:var(--wash);border:1.5px solid var(--pale);border-radius:14px;padding:10px 8px 9px;text-align:center;cursor:pointer;font:inherit;color:inherit;transition:transform .13s,box-shadow .13s,background .13s}.scard:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dd1d8a29}.scard b{display:block;font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.scard .slbl{display:block;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--char);margin-top:1px}.scard.on{background:var(--pink);border-color:var(--pink);color:#fff;box-shadow:0 8px 20px #dd1d8a57}.scard.on .slbl{color:#ffffffd1}.scard.terminal{background:#eafaf1;border-color:#bfe8d2}.scard.terminal b{color:var(--ok)}.scard.terminal.on{background:var(--ok);border-color:var(--ok)}.scard.terminal.on b{color:#fff}.scard.wd{opacity:.62;max-width:96px}.sdots{display:flex;justify-content:center;gap:2px;margin-top:5px;min-height:6px;flex-wrap:wrap}.sdots i{width:6px;height:6px;border-radius:99px;display:block}.sdots i.fresh{background:var(--ok)}.sdots i.watch{background:#e8a33c}.sdots i.stalled{background:#e0323f}.scard.on .sdots i{outline:1px solid rgba(255,255,255,.65)}.sage{display:block;font-size:9px;font-weight:800;margin-top:3px;letter-spacing:.02em}.sage.fresh{color:var(--ok)}.sage.watch{color:#b57f2e}.sage.stalled{color:#a3242f}.scard.on .sage{color:#ffd9ee}.sarrow{color:var(--pale);font-size:15px;font-weight:700;padding:0 1px;flex:none}.trksplit{display:grid;grid-template-columns:minmax(0,1fr) 396px;gap:16px;margin-top:18px;align-items:start}@media(max-width:1120px){.trksplit{grid-template-columns:minmax(0,1fr)}}.trklist{border:1px solid var(--pale);border-radius:14px;overflow:hidden;background:#fff}.trkhead{display:flex;align-items:center;gap:8px;background:var(--wash);padding:9px 14px;font-size:12.5px;border-bottom:1px solid var(--pale)}.trksearch{margin-left:auto;width:230px;font-size:12px;padding:5px 12px}.trkempty{padding:18px 14px;color:var(--char);font-size:12.5px;margin:0}.trkrow{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;background:none;border:0;border-top:1px solid var(--wash);cursor:pointer;font:inherit;color:inherit;text-align:left}.trkrow:first-of-type{border-top:0}.trkrow:hover{background:#fff6fb}.trkrow.on{background:#fff0f8;box-shadow:inset 3px 0 0 var(--pink)}.trkav{width:34px;height:34px;border-radius:99px;background:var(--wash);border:2.5px solid;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex:none}.trkav.fresh{border-color:var(--ok)}.trkav.watch{border-color:#e8a33c}.trkav.stalled{border-color:#e0323f}.trkwho{display:flex;flex-direction:column;min-width:0}.trkwho b{font-size:14px;font-weight:650}.trkin{font-size:11.5px;font-weight:600}.trkin.fresh{color:var(--ok)}.trkin.watch{color:#b57f2e}.trkin.stalled{color:#a3242f}.trkstage{margin-left:auto;font-size:11px;color:var(--char)}.trknext{margin-left:auto;font-size:10.5px;font-weight:700;color:var(--pink);background:#fff0f8;border:1px solid #f6cfe6;border-radius:99px;padding:3px 10px;white-space:nowrap}.trkchev{color:var(--pale);font-size:18px;font-weight:700;flex:none}.trkdetail .onb-detail{position:static;width:auto;max-width:none;height:auto;box-shadow:none}.trkhint{border:1px dashed var(--pale);border-radius:14px;padding:16px;background:var(--wash);color:var(--char)}