.an-demo{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);background:#14432E;border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(20,67,46,.55);color:#FAF8F2;text-align:left}.an-video{padding:18px;display:flex;flex-direction:column;gap:14px;min-width:0}.an-frame{position:relative;border-radius:14px;overflow:hidden;background:#0d2c1f;aspect-ratio:16/9}.an-frame video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.an-overlay{position:absolute;left:12px;top:12px}.an-badge{display:inline-flex;align-items:center;gap:8px;background:#6FE39A;color:#14432E;font-weight:700;font-size:13px;padding:7px 12px;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.25)}.an-track{position:relative;height:38px}.an-bar{position:absolute;left:0;right:0;top:8px;height:6px;border-radius:6px;background:rgba(250,248,242,.18);overflow:hidden}.an-bar span{display:block;height:100%;background:#FAF8F2;border-radius:6px}.an-pin{top:0;font-size:11px;font-weight:700;padding-top:22px;color:rgba(250,248,242,.75)}.an-pin,.an-pin:before{position:absolute;transform:translateX(-50%)}.an-pin:before{content:"";top:3px;left:50%;width:16px;height:16px;border-radius:50%;background:#FAF8F2;border:3px solid #14432e}.an-pin.on{color:#6FE39A}.an-pin.on:before{background:#6FE39A;box-shadow:0 0 0 4px rgba(111,227,154,.3)}.an-panel{background:#FAF8F2;color:#1A1A1A;padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0}.an-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.an-kick{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2D7A4F}.an-match{font-weight:600;color:#14432E;margin-top:4px;font-size:15px}.an-new{background:#E5484D;color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:4px 9px;white-space:nowrap}.an-global{background:#fff;border:1px solid #e7e2d4;border-radius:14px;padding:12px 14px}.an-label{font-size:13px;color:#4B5563;margin-bottom:8px}.an-player{display:flex;align-items:center;gap:10px}.an-play{flex:none;width:32px;height:32px;border-radius:50%;background:#2D7A4F;color:#fff;display:inline-flex;justify-content:center}.an-play,.an-wave{align-items:center}.an-wave{flex:1;display:flex;gap:3px;height:30px;min-width:0;overflow:hidden}.an-wave i{flex:1;min-width:2px;max-width:5px;border-radius:3px;background:#DDD7C6}.an-wave i.on{background:#2D7A4F}.an-len{font-size:12px;color:#4B5563;font-variant-numeric:tabular-nums}.an-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.an-list li{display:flex;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid transparent}.an-list li.on{background:#fff;border-color:#6FE39A;box-shadow:0 0 0 3px rgba(111,227,154,.18)}.an-t{flex:none;font-weight:700;color:#2D7A4F;font-size:14px;min-width:30px}.an-body{min-width:0;display:grid;gap:6px}.an-body strong{color:#14432E;font-size:15px}.an-who{display:flex;flex-wrap:wrap;gap:6px}.an-who span{font-size:12px;font-weight:600;background:#F2EFE6;color:#14432E;border-radius:999px;padding:3px 9px}.an-text,.an-voice{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#4B5563;margin:0}.an-text{align-items:flex-start}.an-text svg{margin-top:3px;flex:none}.an-compact .an-list li:nth-child(3){display:none}.an-sms{max-width:340px;background:#fff;border:1px solid #e7e2d4;border-radius:20px 20px 20px 6px;padding:14px 16px;box-shadow:0 16px 30px -18px rgba(20,67,46,.4);color:#1A1A1A;text-align:left}.an-sms-from{font-size:12px;font-weight:700;color:#2D7A4F;margin-bottom:4px}.an-sms p{margin:0;font-size:15px;line-height:1.45}.an-sms u{color:#2D7A4F}@media (max-width:860px){.an-demo{grid-template-columns:1fr;border-radius:18px}.an-video{padding:12px}.an-panel{padding:16px}}.an-who span.team{background:#14432E;color:#FAF8F2}.an-who span.solo{background:transparent;border:1px solid #2d7a4f;color:#2D7A4F}