:root{--primary: #e2e8f0;--accent: #4299e1;--danger: #e53e3e;--warning: #ed8936;--success: #48bb78;--background: #1a202c;--surface: #2d3748;--badge-radius: 1em}body,.container{height:100vh;margin:0;padding:0;background:var(--background);font-family:Segoe UI,Arial,sans-serif;display:flex;flex-direction:column}.header{text-align:center;font-size:2.5em;font-weight:700;color:var(--primary);margin:1em 0 .5em}.tram-list{list-style:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column;justify-content:space-evenly;align-items:stretch}.tram-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:var(--surface);border-radius:1.5em;box-shadow:0 2px 8px #00000040;padding:1em 2em;margin:.2em 1em;font-size:1.7em;color:var(--primary)}.tram-left,.tram-right{display:flex;flex-direction:row;align-items:center;gap:1em}.tram-left{flex:1 1 0;min-width:0}.tram-right{flex:1 1 0;min-width:0;justify-content:space-between}.tram-line{background:var(--accent);color:#fff;border-radius:1em;padding:.3em 1em;font-weight:700}.tram-stop{color:var(--primary);font-weight:500}.tram-countdown{font-variant-numeric:tabular-nums;font-weight:600;color:var(--primary)}.tram-badge{border-radius:var(--badge-radius);padding:.3em 1.2em;font-size:.9em;font-weight:700;color:#fff;text-transform:uppercase}.tram-badge.too-late{background:var(--danger)}.tram-badge.run{background:var(--warning);animation:pulse-run 1s infinite}.tram-badge.prepare{background:var(--success)}.tram-badge.wait{background:var(--accent)}@keyframes pulse-run{0%{box-shadow:0 0 0 0 var(--warning);transform:scale(1)}50%{box-shadow:0 0 16px 4px var(--warning);transform:scale(1.08)}to{box-shadow:0 0 0 0 var(--warning);transform:scale(1)}}@media (max-width: 600px){.header{font-size:1.5em}.tram-item{font-size:1em;padding:1em}}