.od-bar{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-lg);min-height:56px;color:var(--accent-strong);align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.od-bar:hover{background:var(--accent-soft-hover)}.od-bar .od-bar-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.od-bar b{font-size:15px}.od-bar small{color:var(--text-muted);font-size:13px}.od-bar .od-bar-go{white-space:nowrap;font-weight:700}.od-dot{background:var(--online);border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 0 3px #2f7a4f40}.od-head{align-items:center;gap:14px;display:flex}.od-head .avatar{width:56px;height:56px;position:relative}.od-head .avatar .od-dot{border:3px solid var(--bg);width:16px;height:16px;box-shadow:none;position:absolute;bottom:0;right:0}.od-head b{font-size:16px;display:block}.od-head span{color:var(--text-muted);font-size:13px}.od-pkgs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.od-pkg{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:64px;display:flex}.od-pkg b{font-size:16px}.od-pkg small{color:var(--text-muted);font-size:13px}.od-pkg[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.od-pkg[aria-pressed=true] small{color:var(--on-accent)}.od-ring{background:var(--accent-soft);border-radius:50%;align-self:center;place-items:center;width:112px;height:112px;margin:8px 0;display:grid}.od-ring>span{background:var(--accent);width:64px;height:64px;color:var(--on-accent);border-radius:50%;place-items:center;animation:1.6s ease-in-out infinite od-pulse;display:grid}@keyframes od-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.od-timer{text-align:center;color:var(--accent-strong);font-size:15px}.od-timer b{font-variant-numeric:tabular-nums}.od-bar-busy{background:var(--warning-soft);border-color:var(--warning-text);color:var(--warning-text);cursor:default}.od-bar-busy:hover{background:var(--warning-soft)}.od-dot-busy{background:var(--warning-text)}.od-dur-select{flex-direction:column;gap:10px;display:flex}.od-dur-select label{font-size:14px;font-weight:600}.od-dur-select select{border:1px solid var(--border);border-radius:var(--radius-sm,10px);background:var(--surface);min-height:48px;color:var(--text);font:inherit;padding:0 14px}.od-dur-select select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}