.work-card{--work-border:#293947;--work-muted:#9aaebb;margin:16px 0;padding:18px 20px;background:linear-gradient(135deg,#12252b99,#151b2799);border:1px solid var(--work-border);border-radius:16px;color:#e5edf1;white-space:normal;font:14px/1.6 system-ui,sans-serif;overflow:hidden;box-shadow:0 8px 30px #00000010}.work-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.work-label{color:#9aafba;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:650}.work-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#8de0c2;background:#21423766;border:1px solid #34594d;border-radius:30px;padding:3px 9px;white-space:nowrap}.work-badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.work-card[data-state=active] .work-badge:before{animation:work-breathe 1.8s ease-in-out infinite}.work-card[data-state=paused] .work-badge{color:#f4d38d;border-color:#665537;background:#4c3c2866}.work-card[data-state=failed] .work-badge{color:#f2a5a5;border-color:#694147;background:#4a283366}.work-title{font-size:15px;font-weight:600;letter-spacing:-.01em;overflow-wrap:anywhere}.work-detail{margin:5px 0 0;color:#afc0cb;font-size:13px;overflow-wrap:anywhere}.work-next{margin:12px 0 0;border-top:1px solid #34424d99;padding-top:10px;font-size:12px;color:#a6c0d5}.work-history{margin:14px 0 0!important;border:0!important;border-top:1px solid #34424d99!important;padding:10px 0 0!important;color:#aebfc9}.work-history summary{cursor:pointer;font-size:12px;user-select:none;list-style:none;display:flex;align-items:center;gap:8px;min-height:24px}.work-history summary:before{content:'›';font-size:18px;transition:transform .18s}.work-history[open] summary:before{transform:rotate(90deg)}.work-timeline{list-style:none;margin:14px 0 0;padding:0!important;max-height:360px;overflow:auto;scrollbar-width:thin}.work-event{display:flex;gap:13px;position:relative;padding:0 0 17px 0}.work-event:last-child{padding-bottom:2px}.work-at{color:#7e99a7;font:11px/1.7 ui-monospace,monospace;min-width:38px;padding-top:1px}.work-event>div{border-left:1px solid #38515d;padding-left:15px;min-width:0}.work-event-title{font-size:12px;color:#c7d6de;overflow-wrap:anywhere}.work-event-detail{font-size:11px;color:#8fa6b4;margin-top:3px;overflow-wrap:anywhere}.work-event[data-phase=tool_done]>div{border-color:#4c947e}.work-event[data-phase=tool_failed]>div{border-color:#da8c8c}.work-event[data-phase=update]>div{border-color:#a19bc9}@keyframes work-breathe{50%{opacity:.35;box-shadow:0 0 0 4px #8de0c218}}@media(prefers-reduced-motion:reduce){.work-card *{animation:none!important;transition:none!important}}@media(max-width:700px){.work-card{padding:14px;border-radius:13px}.work-head{gap:8px}.work-title{font-size:14px}.work-timeline{max-height:280px}}
@media(max-height:820px),(max-width:1400px){
.work-card{margin:8px 0;padding:12px 16px;border-radius:13px;font-size:13px;line-height:1.5}
.work-head{margin-bottom:8px;gap:8px}
.work-label{font-size:10px}
.work-badge{font-size:10px;padding:2px 7px}
.work-title{font-size:13.5px}
.work-detail{margin:3px 0 0;font-size:12px}
.work-next{margin:8px 0 0;padding-top:7px;font-size:11px}
.work-history{margin:8px 0 0!important;padding-top:7px!important}
.work-history summary{font-size:11px;min-height:20px}
.work-timeline{margin:8px 0 0;max-height:200px}
.work-event{gap:10px;padding:0 0 10px 0}
.work-at{font-size:10px;min-width:32px}
.work-event>div{padding-left:10px}
.work-event-title{font-size:11.5px}
.work-event-detail{font-size:10.5px}
}