.phone-shell{width:100%;height:100dvh;background:var(--off);border-radius:0;overflow:hidden;position:relative;box-shadow:none;display:flex;flex-direction:column}@media (max-width: 430px){.phone-shell{width:100%;height:100dvh;border-radius:0;box-shadow:none}}.status-bar{height:44px;background:var(--forest);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 28px}.status-time{font-size:15px;font-weight:600;color:#fff}.status-icons{font-size:12px;color:#fff;display:flex;gap:6px}.screen{display:flex;flex-direction:column;flex:1;overflow:hidden}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar{display:none}.bottom-nav{height:70px;background:#fff;border-top:1px solid var(--border);display:flex;flex-shrink:0}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;font-size:10px;color:var(--gray);font-weight:500;transition:color .15s;padding:0}.nav-btn.active{color:var(--teal-d)}.nav-icon{font-size:20px;line-height:1}.app-header{background:var(--forest);padding:14px 20px 16px;flex-shrink:0}.app-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.train-chip{display:inline-flex;align-items:center;gap:5px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:4px 10px;font-size:12px;color:var(--teal-m)}.header-time{font-size:12px;color:#ffffff80}.app-header h1{font-family:var(--serif);font-size:24px;color:#fff;line-height:1}.app-header p{font-size:12px;color:#ffffff8c;margin-top:3px}.route-pill{display:flex;align-items:center;gap:8px;margin-top:10px;background:#ffffff14;border-radius:10px;padding:8px 12px}.route-dot{width:8px;height:8px;border-radius:50%;background:var(--teal-m);flex-shrink:0}.route-line{flex:1;height:1px;background:#fff3}.route-label{font-size:13px;color:#ffffffd9}.section-label{font-size:11px;font-weight:600;color:var(--gray);letter-spacing:.06em;text-transform:uppercase;padding:16px 20px 8px}.card{background:#fff;border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow);margin:0 16px 10px;overflow:hidden}.card-inner{padding:14px 16px}.tag{font-size:13px;padding:4px 10px;border-radius:20px;background:var(--off);color:var(--gray);border:1px solid var(--gray-l);display:inline-block}.tag.green{background:var(--teal-l);color:var(--teal-d);border-color:var(--teal-m)}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.btn-primary{width:100%;padding:14px;background:var(--forest);color:#fff;border:none;border-radius:var(--r-md);font-size:15px;font-weight:600;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--teal-d)}.btn-primary:disabled{background:var(--gray-l);color:var(--gray)}.btn-outline{width:100%;padding:12px;background:none;color:var(--gray);border:1px solid var(--border);border-radius:var(--r-md);font-size:14px;margin-top:8px}.btn-sncf{width:100%;padding:14px;background:#c00;color:#fff;border:none;border-radius:var(--r-md);font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.form-group{margin-bottom:14px}.form-label{font-size:11px;font-weight:600;color:var(--gray);letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;display:block}.form-input{width:100%;padding:12px 14px;font-size:14px;border:1px solid var(--border);border-radius:var(--r-md);background:#fff;color:var(--ink);outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1d9e751a}.toast{position:absolute;bottom:82px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:24px;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:99}.toast.show{opacity:1}.notif-badge{width:7px;height:7px;background:var(--teal);border-radius:50%;display:inline-block;margin-left:3px;vertical-align:middle}.error-box{background:#fee2e2;border:1px solid #FECACA;border-radius:var(--r-md);padding:10px 14px;font-size:13px;color:#991b1b;margin-bottom:12px}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block;margin-right:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--forest: #1a3a2a;--teal: #1D9E75;--teal-l: #E1F5EE;--teal-m: #9FE1CB;--teal-d: #0F6E56;--off: #F7FAF8;--gray: #64748B;--gray-l: #E8F0EC;--ink: #0F1A14;--border: #D8EBE2;--serif: "DM Serif Display", Georgia, serif;--sans: "DM Sans", system-ui, sans-serif;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--shadow: 0 2px 12px rgba(26,58,42,.08)}html,body,#root{height:100%;font-family:var(--sans)}body{background:var(--off)}input,button,textarea,select{font-family:var(--sans)}button{cursor:pointer}@media (max-width: 430px){body{background:var(--off);align-items:flex-start}}