/* Home, three ways: live panels (ways.js). Reuses the dark panel look from live.css. */
.ws-art.ws-live { display: block; aspect-ratio: auto; padding: 0; overflow: visible; background: none; border-radius: 0; }
.ws-art.ws-live::before { display: none; }
.ws-live .lw { margin: 0; }
/* Pulse */
.wp-rows { position: relative; display: grid; gap: 8px; }
.wp-row { display: grid; grid-template-columns: 54px 1fr; align-items: center; gap: 0; }
.wp-row b { font-size: 11px; font-weight: 700; color: #a9bad0; white-space: nowrap; }
.wp-tr { position: relative; height: 18px; border-radius: 5px; background: rgba(255,255,255,.04); overflow: hidden; }
.wp-s { position: absolute; top: 0; bottom: 0; }
.wp-s.r { background: linear-gradient(180deg, #ffb35c, #f7861e); border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.15); }
.wp-s.s { background: #e5484d; border-radius: 3px; }
.wp-s.i { border-radius: 3px; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.28); background: repeating-linear-gradient(135deg, rgba(255,255,255,.06) 0 4px, transparent 4px 8px); overflow: hidden; }
.wp-s.i u { position: absolute; inset: 0; background: linear-gradient(180deg, #ffd9a8, #ffb35c); transform-origin: 0 50%; transform: scaleX(0); }
.wp-cur { position: absolute; top: -4px; bottom: -4px; left: 54px; width: 2px; border-radius: 2px; background: #fff; box-shadow: 0 0 12px 2px rgba(255,255,255,.6); opacity: 0; pointer-events: none; }
/* TraceGuard */
.wt-pipe { padding-top: 6px; }
.wt-pipe::before { top: 22px; } .wt-pipe .lw-tok { top: 14px; transition: left .12s linear; }
.wt-card { margin-top: 12px; padding: 10px 12px; border-radius: 12px; background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); display: grid; gap: 3px; min-height: 66px; transition: background .3s; }
.wt-card b { font-size: 13px; font-weight: 700; color: #fff; } .wt-card span { font-size: 12px; line-height: 1.45; color: #a9bad0; }
.wt-card.ok { background: rgba(52,211,153,.14); } .wt-card.ok b { color: #34d399; }
.wt-card.bad { background: rgba(248,113,113,.16); } .wt-card.bad b { color: #f87171; }
/* Smart Buddy */
.wb-list { display: grid; gap: 8px; }
.wb-m { display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; align-items: center; padding: 9px 12px; border-radius: 12px; background: rgba(255,255,255,.07); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); opacity: .18; transform: translateY(6px); transition: opacity .4s, transform .4s cubic-bezier(.16,1,.3,1), background .3s; }
.wb-m.on { opacity: 1; transform: none; }
.wb-r { grid-row: 1 / 3; padding: 3px 9px; border-radius: 999px; background: #ff9a3d; color: #1b1206; font-size: 10.5px; font-weight: 800; white-space: nowrap; }
.wb-m p { margin: 0; font-size: 12.5px; line-height: 1.4; font-weight: 600; color: #fff; }
.wb-m em { font-style: normal; font-size: 11px; font-weight: 700; color: #8fa3b8; }
.wb-m.ack { background: rgba(52,211,153,.12); } .wb-m.ack em { color: #34d399; } .wb-m.ack .wb-r { background: #34d399; }
.ws-live .pm { height: 300px; }
@media (max-width: 1000px) { .ws-live .pm { height: auto; min-height: 300px; } }
@media (max-width: 760px) { .wp-row b, .wb-r { font-size: 11px; } }