:root{--primary:#fc0;--primary-dark:#ff9500;--bg:#0d0d0a;--card-bg:#ffffff0d;--text:#fff;--text-muted:#a1a1aa;--glass:#ffffff14;--glass-border:#ffffff1a;--shadow:0 8px 32px 0 #0006;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,#ffcc0026 0%,#0000 45%),radial-gradient(circle at 90% 80%,#ff95001a 0%,#0000 45%);background-attachment:fixed;min-height:100vh;margin:0}.header{text-align:center;margin-bottom:3rem}.header h1{background:linear-gradient(135deg,#fff 0%,#fc0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.8rem;font-weight:800}.header p{color:var(--text-muted)}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:20px;margin-bottom:1.5rem;padding:1.5rem;transition:transform .3s,background .3s}.search-results{z-index:1000;-webkit-backdrop-filter:blur(25px);background:#141414e6;border:1px solid #ffffff26;border-radius:18px;max-height:280px;margin-top:.5rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 40px #0009}.result-item{cursor:pointer;border-bottom:1px solid var(--glass-border);padding:1rem;transition:background .2s}.result-item:hover{background:#ffffff1a}.train-card{justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.2rem;display:flex}.train-info{flex-direction:column;display:flex}.train-name{align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;display:flex}.train-dest{color:var(--text-muted);font-size:.9rem}.train-time{text-align:right}.time-val{font-size:1.2rem;font-weight:700}.delay-positive{color:#ff453a}.delay-negative{color:#32d74b}.search-wrapper{margin-bottom:2rem;position:relative}input{border:1px solid var(--glass-border);color:#fff;box-sizing:border-box;background:#ffffff0d;border-radius:16px;outline:none;width:100%;padding:1.2rem 1.5rem;font-size:1.1rem;transition:border-color .3s}input:focus{border-color:var(--primary)}.loading-spinner{z-index:2000;pointer-events:none;position:fixed;bottom:40px;right:30px}.spinner{border:3px solid #fc03;border-top-color:var(--primary);border-radius:50%;width:25px;height:25px;animation:.8s linear infinite spin;box-shadow:0 0 15px #fc06}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tabs{scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab-btn{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:14px;padding:.7rem 1.5rem;font-size:1rem;font-weight:700;transition:all .3s}.tab-btn.active{background:var(--primary);color:#000;border-color:var(--primary);box-shadow:0 4px 15px #ffcc004d}.primary-btn{background:var(--primary);cursor:pointer;color:#000;text-align:center;border:none;border-radius:20px;justify-content:center;align-items:center;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 20px #fc03}.primary-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 25px #fc06}.section-title{align-items:center;gap:.8rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800;display:flex}.empty-msg{text-align:center;color:var(--text-muted);padding:3rem}.solution-card{border-left:4px solid var(--primary);padding:1.5rem}.sol-header{justify-content:space-between;margin-bottom:1rem;display:flex}.sol-header .duration{font-size:1.1rem;font-weight:800}.sol-header .changes{opacity:.6;font-size:.85rem}.sol-vehicle{background:#ffffff08;border-radius:14px;margin-bottom:.6rem;padding:1rem;transition:background .2s}.sol-vehicle:hover{background:#ffffff0f}.v-name{color:var(--primary);margin-bottom:.2rem;font-weight:700}.v-route{opacity:.7;font-size:.85rem}.train-detail{padding:2rem!important}.detail-header{justify-content:space-between;margin-bottom:2rem;display:flex}.detail-name{color:var(--primary);font-size:2.5rem;font-weight:900}.detail-route{color:var(--text-muted);align-items:center;gap:.5rem;font-weight:600;display:flex}.status-val{font-size:1.8rem;font-weight:800}.status-update{opacity:.4;font-size:.8rem}.status-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.grid-item label{opacity:.4;text-transform:uppercase;margin-bottom:.3rem;font-size:.75rem;font-weight:700;display:block}.grid-item span{font-size:1rem;font-weight:700}.input-icon{opacity:.3;position:absolute;top:1.1rem;right:1.5rem}.delay-badge{font-size:.8rem;font-weight:800}.itinerary{margin-top:2rem}.timeline-item{gap:1.5rem;margin-bottom:1rem;display:flex}.timeline-marker{flex-direction:column;align-items:center;width:20px;display:flex}.timeline-marker .dot{background:#3a3a3c;border:3px solid #ffffff0d;border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 0 4px #ffffff05}.timeline-item.passed .dot{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border-color:#fff3;box-shadow:0 0 15px #fc06}.timeline-item.suppressed .dot{background:linear-gradient(135deg,#ff453a 0%,#ff3b30 100%);border-color:#ff453a33;box-shadow:0 0 15px #ff453a66}.app-container{max-width:700px;margin:0 auto;padding:2rem 1.5rem}.timeline-marker .line{background:var(--glass-border);flex-grow:1;width:2px;margin:4px 0}.timeline-content{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;flex:1;margin-bottom:1.5rem;padding:1.2rem}.stop-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.stop-name{font-size:1.1rem;font-weight:700}.stop-platform{opacity:.5;font-size:.8rem;font-weight:600}.time-stack{flex-direction:column;gap:.8rem;display:flex}.time-row{justify-content:space-between;align-items:center;display:flex}.time-label{opacity:.4;text-transform:uppercase;font-size:.75rem;font-weight:700}.time-pair{align-items:center;gap:.8rem;display:flex}.time-pair .prog{opacity:.3;font-size:.85rem;text-decoration:line-through}.time-pair .eff{align-items:center;font-size:1.1rem;font-weight:700;display:flex}.delay-small{background:#ffffff0d;border-radius:4px;margin-left:6px;padding:1px 4px;font-size:.75rem;font-weight:800}.refresh-btn{transition:transform .3s}.refresh-btn:hover{transform:scale(1.1)}.refresh-btn.spinning svg{animation:1s linear infinite spin}.dropdown-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414f2!important;border:1px solid #fc03!important}.dropdown-item{cursor:pointer;color:#ffffffb3;border-radius:8px;padding:.8rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.dropdown-item:hover{color:var(--primary);background:#ffcc001a}.dropdown-item.selected{background:var(--primary);color:#000}.custom-picker-root{width:100%;margin-bottom:1rem}.picker-trigger{cursor:pointer;align-items:center;gap:1.2rem;transition:all .3s;background:#ffffff0d!important;padding:.8rem 1.2rem!important;display:flex!important}.picker-trigger:hover{background:#ffcc0014!important;border-color:#ffcc004d!important}.picker-trigger .current-val{flex:1;gap:1rem;font-size:.95rem;font-weight:700;display:flex}.picker-trigger .date-part{color:#ffffff80;text-transform:uppercase;font-size:.8rem}.picker-trigger .time-part{color:var(--primary)}.picker-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-top:.5rem;background:#0a0a0af2!important;padding:1.2rem!important}.quick-chips-row{border-bottom:1px solid #ffffff0d;gap:.5rem;margin-bottom:1rem;padding-bottom:.8rem;display:flex;overflow-x:auto}.q-chip{white-space:nowrap;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:.4rem .8rem;font-size:.7rem;font-weight:700;transition:all .2s}.q-chip:hover{color:var(--primary);border-color:var(--primary);background:#ffcc001a}.month-nav{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.month-nav button{color:var(--primary);cursor:pointer;background:0 0;border:none}.month-name{text-transform:capitalize;color:#fff;font-size:.9rem;font-weight:800}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:.3rem;margin-bottom:1.5rem;display:grid}.wd-label{text-align:center;opacity:.3;margin-bottom:.4rem;font-size:.6rem}.calendar-day{aspect-ratio:1;cursor:pointer;background:#ffffff05;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.calendar-day:hover{background:#ffcc001a}.calendar-day.active{background:var(--primary);color:#000}.calendar-day.today{border:1px solid var(--primary);color:var(--primary)}.calendar-day.today.active{color:#000}.empty-slot{aspect-ratio:1}.time-selectors{justify-content:space-around;gap:1.5rem;margin-bottom:1.5rem;display:flex}.time-col{text-align:center;flex:1}.col-label{text-transform:uppercase;opacity:.4;margin-bottom:.8rem;font-size:.7rem;display:block}.scroll-area{flex-direction:column;gap:.4rem;height:150px;padding-right:5px;display:flex;overflow-y:auto}.time-item{cursor:pointer;color:#ffffff4d;border-radius:8px;padding:.6rem;font-size:1.1rem;font-weight:700;transition:all .2s}.time-item.active{color:var(--primary);background:#ffcc001a;font-size:1.4rem}.confirm-btn{width:100%;padding:1rem!important}.scroll-area::-webkit-scrollbar{width:4px}.scroll-area::-webkit-scrollbar-thumb{background:#fc03;border-radius:10px}.primary-btn{letter-spacing:.5px;position:relative;overflow:hidden;box-shadow:0 4px 20px #ffcc004d;background:var(--primary)!important;color:#000!important;font-size:1rem!important;font-weight:800!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffcc0080}.primary-btn:active{transform:translateY(1px)scale(.98)}.primary-btn:after{content:"";background:linear-gradient(45deg,#0000,#fff6,#0000);width:200%;height:200%;transition:all .8s;animation:4s infinite shine-loop;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes shine-loop{0%{top:-100%;left:-100%}20%{top:100%;left:100%}to{top:100%;left:100%}}.date-icon{color:var(--primary);opacity:.8}.countdown-card{background:linear-gradient(135deg,#ffcc0026 0%,#0d0d0a66 100%);border:1px solid #ffcc0040;border-radius:20px;flex-direction:column;gap:.8rem;margin-top:-.5rem;margin-bottom:2rem;animation:4s ease-in-out infinite alternate border-glow;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #00000080,inset 0 0 20px #ffcc000d;padding:1.2rem!important}@keyframes border-glow{0%{border-color:#fc03;box-shadow:0 0 20px #ffcc000d}to{border-color:#ffcc0080;box-shadow:0 0 40px #ffcc0026}}.countdown-header{flex-direction:column;align-items:center;gap:.4rem;display:flex}.countdown-badge{color:var(--primary);letter-spacing:1.5px;background:#ffcc001a;border:1px solid #ffcc004d;border-radius:100px;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.65rem;font-weight:800;display:flex}.pulse-dot{background:var(--primary);border-radius:50%;width:5px;height:5px;animation:1.5s infinite pulse-simple}@keyframes pulse-simple{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.countdown-timer{justify-content:center;align-items:baseline;gap:.6rem;display:flex}.time-block{align-items:baseline;gap:.15rem;display:flex}.time-num{color:#fff;text-shadow:0 0 25px #fc06;font-size:2.8rem;font-weight:900;line-height:1}.time-unit{color:var(--primary);opacity:.8;font-size:1rem;font-weight:700}.time-sep{color:var(--primary);opacity:.3;font-size:2.2rem;font-weight:300}.countdown-sub{text-align:center;color:var(--text-muted);letter-spacing:.3px;font-size:.8rem;font-weight:500}.countdown-timer.in-arrival .time-num{letter-spacing:4px;background:linear-gradient(90deg, #fff 0%, var(--primary) 50%, #fff 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;font-size:2.2rem;animation:2s linear infinite shimmer-text}@keyframes shimmer-text{to{background-position:200%}}.solutions-list{flex-direction:column;gap:1.2rem;padding-bottom:2rem;display:flex}.solution-card{flex-direction:column;gap:1.2rem;display:flex;border-left:4px solid var(--primary)!important;padding:1.5rem!important}.sol-header{justify-content:space-between;align-items:center;display:flex}.sol-cat{color:var(--primary);text-transform:uppercase;background:#ffcc001a;border-radius:6px;padding:.2rem .6rem;font-size:.75rem;font-weight:800}.sol-no{opacity:.6;font-size:.85rem;font-weight:600}.sol-main{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.sol-time-box{flex:1}.sol-time{color:#fff;font-size:1.8rem;font-weight:900;line-height:1.1}.sol-st{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.3rem;font-size:.85rem;font-weight:600;overflow:hidden}.sol-arrow-box{flex-direction:column;align-items:center;gap:.3rem;min-width:80px;display:flex}.sol-duration{opacity:.7;font-size:.75rem;font-weight:700}.sol-arrow{background:#ffffff1a;width:100%;height:2px;position:relative}.sol-arrow:after{content:"";border-top:2px solid #fff3;border-right:2px solid #fff3;width:10px;height:10px;position:absolute;top:-4px;right:-2px;transform:rotate(45deg)}.sol-changes{color:var(--primary);background:#ffffff0d;border-radius:4px;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.sol-details{border-top:1px dashed #ffffff1a;flex-direction:column;gap:.5rem;padding-top:.8rem;display:flex}.sol-step{opacity:.8;align-items:center;gap:.6rem;font-size:.75rem;display:flex}.step-ic{background:var(--primary);opacity:.5;border-radius:50%;width:6px;height:6px}.step-txt{line-height:1.4}