@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--color-bg-main: #0F1E3A;--color-bg-card: #1E3254;--color-badge: #8C8C99;--color-text-primary: #FFFFFF;--color-text-secondary: #999999;--color-text-muted: #666666;--color-success: #22c55e;--spacing-xs: clamp(8px, 1.5vw, 12px);--spacing-sm: clamp(12px, 2vw, 16px);--spacing-md: clamp(15px, 2.8vw, 30px);--spacing-lg: clamp(20px, 3.5vw, 40px);--spacing-xl: clamp(30px, 4vw, 50px);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Puffin Display,-apple-system,"system-ui",sans-serif;background:var(--color-bg-main);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100vw;height:100vh;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-bg-main);border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.brand{display:flex;align-items:center;gap:var(--spacing-sm)}.brand-logo-img{height:clamp(30px,4vw,50px);width:auto;filter:brightness(0) invert(1)}.current-time{font-size:18px;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.75px}.current-time .seconds{color:var(--color-text-muted)}.bus-display{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md);-ms-overflow-style:none;scrollbar-width:none}.bus-display::-webkit-scrollbar{display:none}.stop-section{margin-bottom:var(--spacing-xl)}.stop-header{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0}.stop-title{font-size:clamp(16px,2vw,20px);font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.stop-subtitle{font-size:clamp(12px,1.5vw,14px);color:var(--color-text-secondary)}.arrivals-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.arrival-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-bg-card);border-radius:var(--radius-md);transition:all var(--transition-base);position:relative;flex-wrap:wrap;gap:var(--spacing-sm)}.arrival-card:hover{background:#243964;transform:translateY(-2px)}.line-badge{min-width:clamp(50px,8vw,70px);height:clamp(50px,8vw,70px);display:flex;align-items:center;justify-content:center;background:var(--color-badge);border-radius:25px;font-size:42px;font-weight:700;color:var(--color-text-primary);flex-shrink:0;letter-spacing:-2.25px;padding:3px 20px 0}.line-badge.multi-char{min-width:auto;border-radius:25px;padding:3px 20px 0}.destination{flex:1;margin:0 var(--spacing-md);font-size:24px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.75px;line-height:28.8px;min-width:0}@media (max-width: 768px){.destination{flex-basis:100%;order:2;margin:var(--spacing-xs) 0 0 0;font-size:20px}.line-badge{order:1}.arrival-times{order:3;margin-left:auto}}.arrival-times{display:flex;gap:8px;align-items:center;flex-shrink:0}.times-prefix{font-size:18px;font-weight:700;color:var(--color-text-secondary);margin-right:4px}.arrival-time{display:flex;flex-direction:column;align-items:center;gap:4px}.time-separator{font-size:32px;font-weight:700;color:var(--color-text-secondary);margin:4px 4px 0;align-self:flex-start}.minutes{font-size:42px;font-weight:700;color:var(--color-text-primary);line-height:42px;font-variant-numeric:tabular-nums;letter-spacing:-2.25px}.minutes-label{font-size:12px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:normal;font-weight:700;line-height:12px}.realtime-indicator{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:pulse 2s infinite}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);min-height:200px}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--color-text-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-text{color:var(--color-text-secondary);font-size:clamp(14px,2vw,16px);font-weight:600}.error{padding:var(--spacing-lg);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#fca5a5;text-align:center;font-weight:600}.empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);font-size:clamp(14px,2vw,18px);font-weight:700}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.arrival-card{padding:var(--spacing-sm)}.destination{margin:0 var(--spacing-sm)}}@media (max-width: 360px){.line-badge{min-width:50px;height:50px;font-size:28px}.destination{font-size:18px}.minutes{font-size:32px}.times-prefix{font-size:14px}}