:root{--bg: #eef3f9;--surface: #ffffff;--text: #1b2433;--text-muted: #8b93a7;--text-on-primary: #ffffff;--primary: #2f6eff;--primary-pressed: #2458d4;--border: #e6eaf2;--leg-here: #2ecc71;--leg-walk: #4c8dff;--leg-transit: #3b7bff;--leg-station: #f5a623;--leg-rail: #e85d4c;--leg-transfer: #f39c12;--leg-finish: #e74c3c;--banner-info-bg: #fff6e5;--banner-info-fg: #8a5a12;--banner-danger-bg: #fdecec;--banner-danger-fg: #c0392b;--banner-ok: #27ae60;--page-pad: 20px;--radius-card: 20px;--radius-banner: 16px;--radius-pill: 999px;--shadow-card: 0 8px 24px rgba(27, 36, 51, .08);--tabbar-height: calc(64px + env(safe-area-inset-bottom)) ;--appbar-height: 56px;--cta-height: 52px;--icon-leg: 36px;--font: Inter, system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100vh;min-height:100dvh;margin:0}body{font-family:var(--font);background:#dce6f2;color:var(--text)}button{font-family:inherit}.phone{min-height:100%;max-width:430px;margin:0 auto;background:var(--bg);position:relative;overflow:hidden}.shell{min-height:100%;padding-bottom:var(--tabbar-height);background:var(--bg)}.appbar{height:var(--appbar-height);display:flex;align-items:center;gap:8px;padding:0 8px 0 4px;background:var(--surface)}.appbar h1{font-size:20px;line-height:26px;font-weight:700;margin:0;flex:1;text-align:center}.back{width:44px;height:44px;border:0;background:transparent;color:var(--text);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.back svg{width:22px;height:22px}.appbar-alerts{position:relative;width:44px;height:44px;border:0;background:transparent;color:var(--text);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.appbar-alerts svg{width:22px;height:22px}.appbar-alerts-dot{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--leg-rail)}.page{padding:12px var(--page-pad) 24px}.subtitle{font-size:15px;font-weight:600;margin:0 0 4px}.caption{font-size:13px;color:var(--text-muted);margin:0 0 16px}.btn-primary{display:flex;align-items:center;justify-content:center;width:100%;height:var(--cta-height);border:0;border-radius:var(--radius-pill);background:var(--primary);color:var(--text-on-primary);font-size:17px;font-weight:600;cursor:pointer;text-decoration:none}.btn-primary:active{background:var(--primary-pressed)}.btn-text{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;border:0;background:transparent;color:var(--primary);font-size:15px;font-weight:600;padding:12px;cursor:pointer;text-decoration:none}.btn-text svg{width:18px;height:18px;flex-shrink:0}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:430px;height:var(--tabbar-height);background:var(--surface);border-top:1px solid var(--border);display:flex;padding-bottom:env(safe-area-inset-bottom);z-index:20}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:var(--text-muted);font-size:11px;font-weight:600;background:none;border:0;cursor:pointer}.tab.active{color:var(--primary)}.tab svg{width:22px;height:22px}.timeline{display:flex;flex-direction:column}.t-item{display:grid;grid-template-columns:36px 1fr auto;gap:12px;min-height:64px}.t-rail{display:flex;flex-direction:column;align-items:center}.t-icon{width:var(--icon-leg);height:var(--icon-leg);border-radius:var(--radius-pill);display:grid;place-items:center;color:#fff;flex-shrink:0}.t-icon svg{width:18px;height:18px;display:block}.t-line{width:2px;flex:1;background:var(--border);min-height:18px}.t-title{font-size:16px;font-weight:600;margin:0}.t-meta{font-size:13px;color:var(--text-muted);margin:2px 0 0}.t-time{font-size:13px;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.banner{border-radius:var(--radius-banner);padding:14px 16px;display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.banner-icon{display:grid;place-items:center;width:22px;flex-shrink:0;margin-top:1px}.banner-icon svg{width:20px;height:20px;display:block}.banner.info{background:var(--banner-info-bg);color:var(--banner-info-fg)}.banner.danger{background:var(--banner-danger-bg);color:var(--banner-danger-fg)}.banner h3{margin:0 0 4px;font-size:15px}.banner p{margin:0;font-size:13px;font-weight:400}.card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px;margin-bottom:12px}.hero-splash,.hero-arrive{min-height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:28px var(--page-pad) 40px;color:#fff;position:relative}.phone-splash,.phone-auth{height:100%;min-height:100vh;min-height:100dvh}.hero-splash{height:100%;min-height:100vh;min-height:100dvh;justify-content:center;align-items:center;text-align:center;padding-top:calc(28px + env(safe-area-inset-top,0px));padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#0f285026,#0f285073),linear-gradient(160deg,#4aa3ff,#87c4ff 35%,#f4c27a)}.auth-stack{width:100%;display:flex;flex-direction:column;align-items:stretch;text-align:center}.auth-stack .caption{margin-bottom:0}.auth-stack .btn-primary{margin-top:24px}.shell-auth{height:100%;min-height:100%;padding-bottom:0;display:flex;flex-direction:column;position:relative}.shell-auth .appbar{position:absolute;top:0;left:0;right:0;z-index:2;background:transparent}.page-center{flex:1;min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:calc(var(--appbar-height) + env(safe-area-inset-top,0px)) var(--page-pad) calc(var(--appbar-height) + env(safe-area-inset-bottom,0px))}.hero-arrive{background:linear-gradient(180deg,#0f285033,#0f28508c),linear-gradient(180deg,#5eb0ff,#1d4e89)}.logo-mark{width:72px;height:72px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;color:#fff}.logo-mark svg{width:40px;height:40px;display:block}.display{font-size:32px;font-weight:700;line-height:40px;text-align:center;margin:0}.hero-splash .caption,.hero-arrive .caption{color:#ffffffd9;text-align:center}.map-box{height:280px;border-radius:var(--radius-card);background:linear-gradient(#e8f0ea,#e8f0ea),repeating-linear-gradient(90deg,#d5e4d8 0 1px,transparent 1px 40px);position:relative;overflow:hidden;margin-bottom:12px}.dock{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:14px 16px;display:flex;gap:12px;align-items:center}.chip{background:var(--surface);border-radius:12px;padding:6px 10px;font-size:12px;font-weight:600;box-shadow:var(--shadow-card);position:absolute}.station-photo{height:140px;border-radius:16px;background:linear-gradient(180deg,#c9a56b,#8d6a3e);margin-bottom:12px}.train-card{display:flex;gap:12px;align-items:center}.train-art{width:72px;height:56px;border-radius:12px;background:linear-gradient(90deg,#dfe7f2,#fff)}.status-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.status-row:last-child{border-bottom:0}.check-big{width:56px;height:56px;border-radius:50%;background:var(--banner-ok);color:#fff;display:grid;place-items:center;margin:0 auto 12px}.check-big svg{width:28px;height:28px;display:block}.caption-pin{display:flex;align-items:center;justify-content:center;gap:6px}.caption-pin svg{width:14px;height:14px;flex-shrink:0}.badge-row{display:flex;gap:12px;align-items:center}.badge-row .t-title,.badge-row .t-meta{margin:0}.badge-row .t-meta{margin-top:2px}.live-map{position:relative;overflow:hidden;border-radius:var(--radius-card);background:var(--border);margin-bottom:8px}.live-map-js{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.trip-card{display:flex;align-items:stretch;gap:8px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin:12px 0 0;overflow:hidden}.trip-card.current{border-color:var(--primary)}.trip-card-open{flex:1;text-align:left;background:transparent;border:0;padding:16px;cursor:pointer;color:inherit}.trip-card-delete{flex-shrink:0;width:88px;border:0;border-left:1px solid var(--border);background:transparent;color:var(--banner-danger-fg);font-size:13px;font-weight:600;cursor:pointer}.live-map-frame{width:100%;height:100%;border:0;display:block}.you-here-badge{position:absolute;top:12px;left:12px;z-index:2;background:var(--leg-here);color:#fff;font-size:12px;font-weight:700;padding:6px 10px;border-radius:12px;box-shadow:var(--shadow-card)}.geo-status{margin-bottom:12px}.geo-status .caption{margin-bottom:4px}.route-error{color:var(--banner-danger-fg)}.route-status{margin:4px 0 12px}.route-status.compact{margin:8px 0 0}.route-status .btn-primary{margin-top:8px}.route-status button[disabled]{opacity:.6;cursor:default}.live-map-wrap.fill,.live-map.fill{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;border-radius:0}.fullmap{position:fixed;top:0;right:0;bottom:0;left:0;max-width:430px;margin:0 auto;background:var(--bg);overflow:hidden}.fullmap .live-map-frame{height:100%}.fullmap-back{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:12px;z-index:5;width:44px;height:44px;border:0;border-radius:50%;background:var(--surface);color:var(--text);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card);cursor:pointer}.fullmap-back svg{width:22px;height:22px}.fullmap-sheet{position:absolute;left:0;right:0;bottom:0;z-index:5;background:var(--surface);border-radius:24px 24px 0 0;box-shadow:0 -6px 24px #0000001f;padding:16px var(--page-pad) calc(16px + env(safe-area-inset-bottom,0px))}.fullmap-sheet .t-meta{margin-top:4px}.chip.here{background:var(--leg-here);color:#fff}.suggest-wrap{position:relative;display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--text-muted)}.suggest-list{position:absolute;z-index:6;top:calc(100% + 4px);left:0;right:0;margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-card)}.suggest-list button{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;background:transparent;border:0;border-radius:8px;padding:10px 12px;cursor:pointer}.suggest-list button:hover{background:var(--bg)}.trip-form{display:flex;flex-direction:column;gap:12px}.trip-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--text-muted)}.trip-form input[type=text],.trip-form input[type=date],.trip-form input[type=time],.trip-form input[type=number],.trip-form input:not([type]){height:44px;border:1px solid var(--border);border-radius:12px;padding:0 12px;font-size:16px;color:var(--text);background:var(--surface)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{flex-direction:row!important;align-items:center;gap:10px!important;color:var(--text)!important;font-size:15px!important}.check input{width:20px;height:20px}.yandex-popup{min-height:100%;padding:24px;background:var(--bg)}.yandex-popup h1{font-size:20px;margin:0 0 8px}.btn-yandex{width:100%;height:52px;margin-top:16px;border:0;border-radius:999px;background:#fc3f1d;color:#fff;font-size:16px;font-weight:700;cursor:pointer}