:root{--color-green:#0a6e3a;--color-green-bg:#e8f5ee;--color-green-border:#0a6e3a44;--color-pill-bg:#f0f0f0;--color-text:#1a1a1a;--color-text-muted:#888;--color-white:#fff;--color-bg:#f7f7f5;--color-border:#e0e0e0;--radius:16px;--radius-pill:12px}@media (prefers-color-scheme:dark){:root{--color-green:#0a6e3a;--color-green-bg:#0d2e1a;--color-green-border:#0a6e3a66;--color-pill-bg:#2a2a2a;--color-text:#f0f0f0;--color-text-muted:#999;--color-white:#1e1e1e;--color-bg:#121212;--color-border:#333}}*,:before,:after{box-sizing:border-box}body{font-feature-settings:"tnum";background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font:20px/1.5 Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app-container{max-width:420px;margin:0 auto;padding:1.5rem 1rem}.header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.header__icon{width:24px;height:24px;color:var(--color-green);flex-shrink:0}.header__text{flex-direction:column;display:flex}.header__title{font-size:20px;font-weight:700;line-height:1.3}.header__subtitle{color:var(--color-text-muted);font-size:14px}.stop-switcher{background:var(--color-pill-bg);border-radius:var(--radius);margin-bottom:20px;padding:4px;display:flex}.stop-switcher__btn{text-align:center;cursor:pointer;border-radius:calc(var(--radius) - 4px);color:var(--color-text-muted);background:0 0;border:none;flex:1;padding:10px 0;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.stop-switcher__btn--active{background:var(--color-green);color:var(--color-white)}.timer-card{background:var(--color-green);border-radius:var(--radius);color:#fff;margin-bottom:20px;padding:24px}.timer-card__row{align-items:baseline;gap:12px;display:flex}.timer-card__time{font-size:42px;font-weight:800;line-height:1.1}.timer-card__badge{vertical-align:middle;background:#fff3;border-radius:8px;padding:2px 10px;font-size:14px;display:inline-block}.timer-card__label{opacity:.6;margin-top:8px;font-size:14px;font-weight:600}.timer-card__progress{background:#ffffff40;border-radius:2px;height:4px;margin-top:16px}.timer-card__progress-fill{background:#fff;border-radius:2px;width:0%;height:100%;transition:width 1s linear}.show-all-btn{border:2px solid var(--color-green);border-radius:var(--radius);width:100%;color:var(--color-green);cursor:pointer;background:0 0;margin-bottom:16px;padding:14px;font-family:inherit;font-size:16px;font-weight:600;transition:background .2s}.show-all-btn:hover{background:var(--color-green-bg)}.trip-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.trip-pill{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-pill);text-align:center;padding:10px 0;font-size:15px;font-weight:600}.trip-pill--past{opacity:.35}.trip-pill--next{background:var(--color-green-bg);color:var(--color-green);border-color:var(--color-green-border)}.footer{color:var(--color-text-muted);justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.footer__dot{background:var(--color-green);border-radius:50%;flex-shrink:0;width:8px;height:8px}.no-more-trips{text-align:center;color:var(--color-text-muted);background:var(--color-white);border-radius:var(--radius);margin-bottom:20px;padding:32px 16px;font-size:18px}.empty-state{text-align:center;color:var(--color-text-muted);padding:48px 16px;font-size:18px}@media (width<=380px){body{font-size:18px}.timer-card__time{font-size:36px}.trip-grid{grid-template-columns:repeat(3,1fr)}}