@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@600;700;800&display=swap";html,body{width:100%;height:100%;color:inherit;background:0 0;max-width:100vw;margin:0;padding:0;font-family:Roboto,Montserrat,Arial,sans-serif;overflow-x:hidden}#root{flex-direction:column;justify-content:start;align-items:center;width:100%;min-height:100vh;display:flex}h1,h2,h3{margin:0;font-family:Montserrat,Roboto,sans-serif}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--text);font-smoothing:antialiased;-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#0f1117 0%,#1a1f35 50%,#0d1220 100%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative}body:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 20%,#3b82f614 0%,#0000 50%),radial-gradient(circle at 80% 80%,#10b9810d 0%,#0000 50%),radial-gradient(circle at 40% 0,#8b5cf60a 0%,#0000 50%);position:fixed;inset:0}:root{--bg:#0f1117;--card:#16202f;--card-soft:#1d2a3f;--border:#3b82f633;--primary:#3b82f6;--primary-soft:#3b82f626;--accent:#10b981;--accent-soft:#10b98126;--text:#e8eef7;--text-muted:#a8b2c6;--title:#fff;--shadow:0 8px 24px #0006;--shadow-hover:0 12px 40px #3b82f626}body{background:var(--bg)}#root{min-height:100vh}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(120deg,#0f1117f2,#16202ff2);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #0000004d}.header-content{color:#fff;flex:1;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:1.2rem 2rem;display:flex}.header-buttons{align-items:center;gap:.8rem;padding:.8rem 2rem;display:flex}.header-btn{color:#cbd5e1;letter-spacing:.02em;cursor:pointer;background:#3b82f61a;border:1.5px solid #3b82f64d;border-radius:10px;padding:.65rem 1.2rem;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-btn:hover{border-color:var(--primary);color:#e0f2fe;background:#3b82f633;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.header-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 6px 16px #3b82f64d}.header-icon{color:var(--primary);animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}h1{color:#fff;letter-spacing:-.03em;margin:0;font-family:Poppins,sans-serif;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800}.subtitle{color:var(--text-muted);letter-spacing:.01em;margin-top:.3rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500}.app-main{flex:1;width:min(98vw,1680px);max-width:1680px;margin:2rem auto;padding-bottom:2rem}.route-selector{background:linear-gradient(135deg, var(--card) 0%, var(--card-soft) 100%);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;border-radius:28px;margin-bottom:2rem;padding:3rem 2.5rem;transition:all .35s cubic-bezier(.4,0,.2,1);animation:.6s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.route-selector:hover{box-shadow:var(--shadow-hover);border-color:var(--primary);transform:translateY(-2px)}.route-selector-header h2{color:var(--title);letter-spacing:-.02em;margin-bottom:.8rem;font-family:Poppins,sans-serif;font-size:clamp(2rem,5vw,2.8rem);font-weight:800}.route-selector-header p{color:var(--text-muted);letter-spacing:.01em;margin-top:.8rem;font-size:.95rem;font-weight:400}.route-options{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2.5rem;display:grid}.route-option{background:linear-gradient(135deg, var(--card) 0%, var(--card-soft) 100%);border:1.5px solid var(--border);box-shadow:var(--shadow);cursor:pointer;border-radius:24px;flex-direction:column;gap:1.5rem;min-height:180px;padding:2.2rem 1.8rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s ease-out both fadeInUp;display:flex;position:relative;overflow:hidden}.route-option:first-child{animation-delay:.15s}.route-option:nth-child(2){animation-delay:.25s}.route-option:before{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));transform-origin:0;height:3px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.route-option:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-8px)}.route-option:hover:before{transform:scaleX(1)}.route-visual{justify-content:space-between;align-items:center;gap:1.2rem;display:flex}.route-start,.route-end{text-align:center;flex-direction:column;flex:1;align-items:center;gap:.6rem;display:flex}.route-start{color:var(--primary)}.route-end{color:var(--accent)}.route-start span,.route-end span{color:var(--text);letter-spacing:.005em;font-size:.88rem;font-weight:600}.route-arrow{color:var(--text-muted);opacity:.7;flex-shrink:0;transition:all .3s}.route-option:hover .route-arrow{opacity:1;color:var(--primary);transform:translate(2px)}.route-badge{background:var(--primary-soft);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;border-radius:12px;align-self:center;align-items:center;gap:.5rem;margin-top:auto;padding:.6rem 1.2rem;font-size:.75rem;font-weight:700;transition:all .3s;display:flex}.route-option:hover .route-badge{background:#3b82f640}.route-results{margin-top:1rem}.route-options-list{flex-direction:column;align-items:center;display:flex}.route-options-list>div{width:min(100%,1560px)}.list-section-label{color:#cbd5e1;letter-spacing:.08em;text-transform:uppercase;margin:.25rem 0 .5rem;font-size:.78rem;font-weight:700}.route-options-controls{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;display:flex}.sort-buttons{flex-wrap:wrap;gap:.8rem;display:flex}.sort-btn{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:12px;min-width:200px;padding:.75rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s}.sort-btn:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.sort-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow)}.filtered-label{background:var(--card-soft);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:.5rem 1rem;font-size:.85rem;font-weight:500}@keyframes slideInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.route-option-card{background:linear-gradient(135deg, var(--card) 0%, var(--card-soft) 100%);border:1px solid var(--border);box-shadow:0 8px 24px #0000004d, var(--shadow);border-radius:20px;width:100%;margin-bottom:1.8rem;margin-left:auto;margin-right:auto;padding:clamp(1.2rem,2vw,1.8rem);transition:all .4s cubic-bezier(.4,0,.2,1);animation:.5s ease-out slideInUp;position:relative;overflow:hidden}.route-card-meta{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.75rem;display:flex}.route-state-tag{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;padding:.35rem .75rem;font-size:.74rem;font-weight:700}.route-state-tag.upcoming{color:#86efac;background:#22c55e33;border-color:#22c55e80}.route-state-tag.past{color:#cbd5e1;background:#94a3b82e;border-color:#94a3b866}.route-option-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.route-option-card:hover{box-shadow:var(--shadow-hover);border-color:var(--primary);transform:translateY(-2px)}.route-option-card:hover:before{opacity:1}.route-option-card.recent-past{opacity:.72;filter:saturate(.5);background:linear-gradient(135deg,#64748b29,#111b2ff2);border-style:dashed}.route-option-card.recent-past:hover{transform:none}.route-option-card.recent-past .line-flag{filter:grayscale(.7)}.route-option-card,.route-status,.route-top-row,.route-body,.route-footer,.route-step,.time-block,.total-duration{color:#fff}.best-route{border:2px solid var(--accent);background:linear-gradient(135deg, var(--accent-soft) 0%, var(--card) 100%)}.best-route-badge{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;border-radius:20px;margin-bottom:.75rem;padding:.4rem .8rem;font-size:.75rem;font-weight:600;display:inline-flex}.route-header{color:#fff;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.route-header h2{color:var(--title);margin:0;font-size:clamp(1.4rem,2.6vw,1.8rem);font-weight:700}.back-button{color:#f8fafc;background:linear-gradient(120deg,#0f172af2,#1e293bf2);border:1px solid #2dd4bf;border-radius:10px;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 6px 12px #070b1373}.back-button:hover{background:linear-gradient(120deg,#10b981f2,#0ea5e9f2);border-color:#22c55e;transform:translateY(-1px)}.back-button:active{transform:translateY(0)}.route-current-time{color:var(--text-muted);background:var(--card-soft);border:1px solid var(--border);border-radius:18px;padding:.4rem .8rem;font-size:.95rem;font-weight:700}.route-top-row{grid-template-columns:max-content 1fr;align-items:center;gap:clamp(.8rem,1.5vw,1.1rem);margin-bottom:1rem;display:grid}.timeline-column{flex-direction:column;gap:.5rem;display:flex}.line-flag{color:#fff;text-transform:uppercase;background:linear-gradient(#1d4ed8,#2563eb);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:72px;padding:.5rem .7rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff38}.line-flag.tram{background:linear-gradient(#f59e0b,#fbbf24)}.line-number{font-size:1.75rem;font-weight:700;line-height:1}.line-label{letter-spacing:.08em;font-size:.65rem;font-weight:600}.time-axis{scrollbar-width:thin;flex-wrap:nowrap;align-items:stretch;gap:.4rem .6rem;width:100%;padding-bottom:.15rem;display:flex;overflow-x:auto}.timeline-arrow{color:var(--accent);text-align:center;font-size:1.4rem;font-weight:800}.route-time-progress{color:var(--text-muted);border:1px solid var(--border);background:#090e1f99;border-radius:10px;justify-content:space-between;align-items:center;margin-top:.75rem;padding:.45rem .6rem;font-size:.82rem;display:flex}.time-block{background:linear-gradient(135deg, var(--card-soft) 0%, #3b82f60f 100%);border:1px solid var(--border);text-align:center;border-radius:14px;flex:none;min-width:clamp(160px,14vw,200px);padding:.75rem 1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026}.time-block:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.time-label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:600}.time-value{color:var(--primary);font-variant-numeric:tabular-nums;margin-top:.2rem;font-size:1.6rem;font-weight:800}.time-duration{color:#cbd5e1;letter-spacing:.03em;margin-top:.35rem;font-size:.75rem;font-weight:600}.time-block.highlight-leave{background:linear-gradient(135deg,#10b9814d,#10b9811a);border:1px solid #10b981;box-shadow:0 0 0 2px #10b9814d,0 8px 20px #10b98140}.time-block.highlight-leave .time-value{color:#10b981}.time-block.highlight-pass{background:linear-gradient(135deg,#3b82f64d,#3b82f61a);border:1px solid #3b82f6;box-shadow:0 0 0 1px #38bdf833,0 8px 18px #38bdf829}.time-block.highlight-arrive-stop{background:linear-gradient(135deg,#a78bfa33,#6366f129);border:1px solid #a78bfa;box-shadow:0 0 0 1px #a78bfa33,0 8px 18px #8b5cf629}.time-block.highlight-leave .time-value,.time-block.highlight-pass .time-value,.time-block.highlight-arrive-stop .time-value{letter-spacing:.02em;font-size:1.55rem}.time-block.highlight-leave .time-label,.time-block.highlight-pass .time-label,.time-block.highlight-arrive-stop .time-label{color:#dbeafe;font-weight:700}.total-duration{background:var(--primary-soft);border:1px solid var(--primary);color:var(--text);text-align:center;border-radius:12px;padding:.4rem .7rem;font-size:.85rem;font-weight:700}.route-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.route-body.totals-row{grid-template-columns:repeat(2,minmax(0,1fr))}.past-dropdown{width:100%;margin-top:.6rem;margin-left:auto;margin-right:auto}.past-dropdown-toggle{color:#e2e8f0;cursor:pointer;background:linear-gradient(120deg,#1e293bdb,#334155cc);border:1px solid #94a3b86b;border-radius:12px;justify-content:space-between;align-items:center;gap:.6rem;width:100%;padding:.7rem .9rem;font-size:.86rem;font-weight:700;transition:all .2s;display:flex}.past-dropdown-toggle:hover{background:linear-gradient(120deg,#253149e6,#374662d6);border-color:#6366f19e}.past-dropdown-content{margin-top:.7rem}.route-step{background:linear-gradient(135deg, var(--card-soft) 0%, #3b82f608 100%);border:1px solid var(--border);color:var(--text);border-radius:14px;align-items:center;gap:.65rem;padding:.75rem .85rem;transition:all .3s;display:flex}.route-step:hover{border-color:var(--primary);background:linear-gradient(135deg, var(--card-soft) 0%, #3b82f614 100%);box-shadow:0 4px 12px #3b82f61a}.step-title{color:var(--text);letter-spacing:.02em;font-size:.87rem;font-weight:700}.step-subtitle{color:var(--text-muted);font-size:.8rem;line-height:1.3}.route-footer .arrival-tag{color:#10b981;text-align:center;letter-spacing:.02em;background:linear-gradient(135deg,#10b98133,#3b82f626);border:1.5px solid #10b98166;border-radius:14px;padding:.85rem 1.1rem;font-size:.98rem;font-weight:700;box-shadow:0 4px 12px #10b98126}.walk-map-link{color:#bae6fd;letter-spacing:.02em;background:linear-gradient(135deg,#3b82f61f,#6366f114);border:1px solid #3b82f680;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-top:.65rem;padding:.65rem .85rem;font-size:.86rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.walk-map-link:hover{color:#e0f2fe;background:linear-gradient(135deg,#3b82f633,#6366f126);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f633}.route-option-header,.transport-line-section,.time-breakdown{transition:all .2s}.transport-description{color:var(--text);font-weight:500}.transport-type{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;font-size:.8rem;font-weight:600}.total-time{color:var(--accent);font-size:1.1rem;font-weight:700}.departure-time-label,.status-tag,.route-summary-arrow,.route-point span{color:var(--text-muted)}.departure-time,.arrival-time,.total-time{font-family:Montserrat,sans-serif;font-weight:600}.departure-time-selector{background:linear-gradient(135deg, var(--card-soft) 0%, #3b82f60f 100%);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:1rem;max-width:600px;margin:1.5rem auto;padding:1rem 1.5rem;display:flex}.departure-time-selector label{color:var(--text);font-size:.95rem;font-weight:600}.time-input{color:var(--primary);cursor:pointer;background:#3b82f61a;border:1px solid #3b82f680;border-radius:10px;padding:.65rem 1rem;font-size:1rem;font-weight:700;transition:all .3s}.time-input:hover{border-color:var(--primary);background:#3b82f626}.time-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f633}.best-routes-section{width:min(100%,1560px);max-width:1560px;margin:2rem auto}.best-routes-section h3{color:var(--text);letter-spacing:.02em;align-items:center;gap:.5rem;margin-bottom:1.2rem;font-size:1.1rem;font-weight:700;display:flex}.best-routes-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;display:grid}.best-route-card{background:linear-gradient(135deg, var(--card) 0%, #10b9810d 100%);border:1.5px solid #10b9814d;border-radius:16px;padding:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 12px #10b9811a}.best-route-card:hover{background:linear-gradient(135deg, var(--card) 0%, #10b9811a 100%);border-color:#10b98199;transform:translateY(-4px);box-shadow:0 8px 20px #10b98133}.rank-badge{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex;position:absolute;top:.8rem;right:.8rem;box-shadow:0 2px 8px #10b9814d}.route-summary{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.line-badge{color:#fff;background:linear-gradient(#1d4ed8,#2563eb);border-radius:12px;justify-content:center;align-items:center;min-width:50px;padding:.6rem .5rem;font-size:1.3rem;font-weight:700;display:flex;box-shadow:inset 0 0 0 1px #fff3}.line-badge.tram{background:linear-gradient(#f59e0b,#fbbf24)}.times-summary{flex:1;grid-template-columns:1fr;gap:.6rem;font-size:.85rem;display:grid}.departure-summary,.arrival-summary,.total-summary{border-left:3px solid var(--primary);background:#3b82f60f;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.times-summary .label{color:var(--text-muted);font-weight:600}.times-summary .value{color:var(--primary);font-size:.95rem;font-weight:700}.total-summary .value{color:#10b981}.route-details-mini{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.detail-item{color:var(--text-muted);background:#3b82f60f;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.8rem;display:flex}.detail-item svg{color:var(--primary)}.mini-map-link{text-align:center;width:100%;color:var(--primary);background:linear-gradient(135deg,#3b82f626,#10b9811a);border:1px solid #10b9814d;border-radius:10px;padding:.6rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.mini-map-link:hover{background:linear-gradient(135deg,#3b82f640,#10b98133);border-color:#10b98180;transform:translateY(-1px)}@media (width<=900px){.app-main{width:min(100vw,100%);margin:1.5rem auto;padding-inline:.6rem}.route-options{grid-template-columns:1fr;gap:1rem}.route-option{min-height:140px;padding:1.5rem 1rem}.route-visual{gap:.8rem}.route-start span,.route-end span{font-size:.8rem}.route-badge{padding:.4rem .8rem;font-size:.75rem}.header-content{text-align:center;flex-direction:column;padding:1rem}.header-buttons{flex-direction:row;gap:.5rem;padding:.6rem 1rem}.header-btn{padding:.5rem .9rem;font-size:.8rem}.route-selector{padding:2rem 1.5rem}.route-selector-header h2{font-size:clamp(1.5rem,5vw,2rem)}.route-top-row{grid-template-columns:1fr}.route-options-list>div{width:100%}.time-axis{flex-wrap:wrap;justify-content:flex-start;display:flex;overflow-x:auto}.timeline-arrow{display:none}.route-body,.route-body.totals-row{grid-template-columns:1fr}.departure-time-selector{flex-direction:column;align-items:flex-start;gap:.8rem;padding:1rem}.departure-time-selector label,.time-input{width:100%}.best-routes-grid{grid-template-columns:1fr}.best-route-card{padding:1rem}.rank-badge{width:28px;height:28px;font-size:.75rem}.route-summary{flex-direction:column;gap:.8rem}.line-badge{min-width:none;justify-content:center;width:100%}.times-summary{width:100%}}.hamburger-btn{cursor:pointer;z-index:21;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.hamburger-btn span{background:var(--primary);border-radius:2px;width:24px;height:2.5px;transition:all .3s;display:block}.hamburger-btn:hover span{background:var(--accent)}.sidebar-menu{background:linear-gradient(135deg, var(--card) 0%, #16202ff2 100%);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:25;flex-direction:column;width:280px;height:100vh;padding:1rem 0;animation:.3s slideIn;display:flex;position:fixed;top:0;left:0}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.menu-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.menu-header h2{color:var(--title);font-family:Poppins,sans-serif;font-size:1.1rem}.menu-close-btn{color:var(--text);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;transition:color .2s}.menu-close-btn:hover{color:var(--primary)}.menu-items{flex-direction:column;gap:.5rem;padding:1rem .8rem;display:flex}.menu-item{all:unset;color:var(--text);cursor:pointer;text-align:left;background:0 0;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;font-weight:500;transition:all .2s}.menu-item:hover{color:var(--primary);background:#3b82f626}.menu-item.active{color:var(--primary);border-left:3px solid var(--primary);background:#3b82f640;padding-left:.85rem}.time-input-group{align-items:center;gap:.6rem;display:flex}.search-time-btn{background:linear-gradient(135deg, var(--primary) 0%, #3b82f6cc 100%);color:#fff;cursor:pointer;white-space:nowrap;border:1.5px solid #3b82f699;border-radius:10px;padding:.7rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-time-btn:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.search-time-btn:disabled{opacity:.5;cursor:not-allowed}.te-amo-container{background:var(--bg);flex-direction:column;height:100%;display:flex}.te-amo-header{border-bottom:1px solid var(--border);background:linear-gradient(120deg,#0f1117f2,#16202ff2);justify-content:space-between;align-items:center;padding:1.2rem 2rem;display:flex}.te-amo-header h1{text-align:center;color:var(--title);flex:1;font-family:Poppins,sans-serif;font-size:1.8rem}.back-button-te-amo{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;padding:.5rem;transition:all .2s;display:flex}.back-button-te-amo:hover{color:var(--accent);transform:translate(-4px)}.header-spacer{width:44px}.gallery-section{flex-direction:column;flex:1;align-items:center;gap:2rem;padding:2rem;display:flex;overflow-y:auto}.gallery-upload{flex-direction:column;gap:1rem;width:100%;max-width:700px;display:flex}.te-amo-rss-gallery-card{border:1px solid var(--border);background:linear-gradient(135deg, var(--card), var(--card-soft));border-radius:14px;flex-direction:column;gap:.7rem;width:100%;padding:.9rem;display:flex}.te-amo-rss-masonry{column-count:4;column-gap:.6rem;width:100%}.te-amo-rss-item{break-inside:avoid;background:#0f172a73;border:1px solid #3b82f633;border-radius:10px;width:100%;margin:0 0 .6rem;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.te-amo-rss-item:hover{transform:translateY(-2px);box-shadow:0 8px 18px #3b82f638}.te-amo-rss-item img{width:100%;height:auto;display:block}.te-amo-official-board-card{border:1px solid var(--border);background:linear-gradient(135deg,#0f172abf,#1e293bb3);border-radius:14px;flex-direction:column;gap:.7rem;width:100%;padding:.9rem;display:flex}.te-amo-official-board-header{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.te-amo-official-board-header h2{color:#dbeafe;margin:0;font-size:.95rem}.te-amo-official-board-widget{justify-content:center;min-height:600px;max-height:600px;overflow:auto}.url-input-wrapper{gap:.8rem;width:100%;display:flex}.url-input{border:2px solid var(--border);background:var(--card);color:var(--text);border-radius:12px;flex:1;padding:1rem 1.4rem;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s}.url-input::placeholder{color:var(--text-muted)}.url-input:focus{border-color:var(--primary);background:linear-gradient(135deg, var(--card) 0%, #3b82f60d 100%);outline:none;box-shadow:0 0 0 3px #3b82f61a}.add-button{background:linear-gradient(135deg, var(--primary), #10b981cc);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;min-width:120px;padding:1rem 1.8rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.add-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f64d}.add-button:active{transform:translateY(0)}.error-message{color:#ff3b30;margin:-.5rem 0 .5rem;font-size:.85rem;font-weight:500;animation:.3s ease-out slideInUp}.help-text{color:var(--text-muted);text-align:center;font-size:.85rem;font-weight:500}.gallery-actions{justify-content:center;display:flex}.gallery-filters{flex-direction:column;gap:.8rem;width:100%;max-width:1000px;display:flex}.filter-chips{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.filter-chip{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.42rem .9rem;font-size:.82rem;transition:all .2s;display:inline-flex}.filter-chip span{color:var(--primary);background:#3b82f629;border-radius:999px;padding:.1rem .45rem;font-weight:700}.filter-chip:hover{border-color:var(--primary);transform:translateY(-1px)}.filter-chip.active{background:linear-gradient(135deg,#3b82f640,#10b9812e);border-color:#3b82f6b3}.gallery-search-input{border:1px solid var(--border);background:var(--card);width:100%;max-width:460px;color:var(--text);border-radius:10px;margin:0 auto;padding:.72rem .95rem}.gallery-search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #3b82f629}.clear-gallery-btn{color:#ff938e;cursor:pointer;background:#ff3b301f;border:1px solid #ff3b3073;border-radius:10px;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.clear-gallery-btn:hover{background:#ff3b3033;border-color:#ff3b30b3}.gallery-wrapper{width:100%;position:relative}.gallery-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;width:100%;padding:1rem 0;display:grid}.gallery-item{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;min-height:280px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0003}.gallery-item.embed-item--pinterest{grid-column:1/-1;min-height:72vh}.gallery-item:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 12px 32px #3b82f640}.embed-content{background:linear-gradient(135deg, var(--card) 0%, var(--card-soft) 100%);flex-direction:column;flex:1;display:flex;overflow:hidden}.embed-item--pinterest .embed-content{overflow:visible}.embed-image-wrapper{width:100%;height:100%;overflow:hidden}.image-lightbox-trigger{cursor:zoom-in;background:0 0;border:none;padding:0;position:relative}.embed-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.gallery-item:hover .embed-image-wrapper img{transform:scale(1.08)}.image-overlay-text{color:#e2e8f0;opacity:0;background:#0f172abf;border:1px solid #3b82f680;border-radius:999px;padding:.3rem .75rem;font-size:.75rem;font-weight:700;transition:opacity .2s;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.image-lightbox-trigger:hover .image-overlay-text{opacity:1}.embed-wrapper{flex:1;width:100%;overflow:auto}.embed-iframe{background:0 0;border:none;width:100%;height:100%;min-height:250px}.embed-substack .embed-iframe{min-height:320px}.substack-preview{text-align:center;background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);border:2px solid #e0e0e0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:220px;padding:32px 24px;transition:all .3s;display:flex}.substack-preview:hover{background:linear-gradient(135deg,#f0f0f0 0%,#e8e8e8 100%);border-color:#d0d0d0;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.substack-header{color:#333;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.substack-header svg{color:#ff6b35}.substack-url{color:#666;word-break:break-all;opacity:.8;max-width:280px;margin:0;font-size:13px}.substack-title{color:#2d2d2d;margin:0;font-size:15px;font-weight:700}.substack-open-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35 0%,#ff5722 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 2px 8px #ff6b354d}.substack-open-button:hover{background:linear-gradient(135deg,#ff7644 0%,#ff6b35 100%);transform:scale(1.05);box-shadow:0 4px 12px #ff6b3566}.substack-open-button:active{transform:scale(.98)}.embed-pinterest{flex-direction:column;justify-content:space-between;gap:.8rem;display:flex}.pinterest-official-widget{background:#fff;border:1px solid #94a3b859;border-radius:10px;justify-content:center;align-items:flex-start;width:100%;min-height:220px;padding:8px;display:flex;overflow:auto}@media (width<=900px){.te-amo-rss-masonry{column-count:2}.te-amo-official-board-header{flex-direction:column;align-items:flex-start}.te-amo-official-board-widget{min-height:420px;max-height:70vh}}@media (width<=560px){.te-amo-rss-masonry{column-count:1}}.pinterest-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;width:100%;min-height:320px;padding:8px;display:grid}.pinterest-gallery-cell{cursor:zoom-in;aspect-ratio:3/4;background:#0f172a;border:none;border-radius:10px;min-height:180px;padding:0;position:relative;overflow:hidden}.pinterest-gallery-image{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.pinterest-gallery-cell:hover .pinterest-gallery-image{transform:scale(1.04)}.pinterest-gallery-more{color:#e2e8f0;letter-spacing:.02em;background:#0206178a;justify-content:center;align-items:center;font-size:1.3rem;font-weight:800;display:flex;position:absolute;inset:0}.pinterest-photo-card{cursor:zoom-in;background:0 0;border:none;width:100%;min-height:320px;margin:0;padding:0;position:relative;overflow:hidden}.pinterest-photo{object-fit:cover;width:100%;height:100%;min-height:320px;transition:transform .28s;display:block}.pinterest-photo-card:hover .pinterest-photo{transform:scale(1.04)}.pinterest-photo-overlay{color:#dbeafe;opacity:0;background:#0f172ac2;border:1px solid #3b82f685;border-radius:999px;padding:.34rem .8rem;font-size:.75rem;font-weight:700;transition:opacity .2s;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.pinterest-photo-card:hover .pinterest-photo-overlay{opacity:1}.pinterest-fallback-embed{background:#f3f4f6;border-radius:12px;width:100%;min-height:320px;overflow:hidden}.pinterest-fallback-iframe{background:#fff;border:0;width:calc(100% + 18px);min-height:360px;margin-right:-18px}.pinterest-open-button{margin:0 auto 12px}@media (width<=900px){.gallery-item.embed-item--pinterest{min-height:60vh}.pinterest-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;padding:6px}.pinterest-gallery-cell{min-height:140px}}.pinterest-fallback{min-height:250px}.iframe-fallback-note{border-top:1px solid var(--border);background:#0f172a80;flex-direction:column;align-items:center;gap:.6rem;padding:.8rem 1rem 1rem;display:flex}.iframe-fallback-note p{color:var(--text-muted);text-align:center;margin:0;font-size:.78rem}.embed-lightbox{z-index:2000;background:#020617e0;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.embed-lightbox-content{background:linear-gradient(135deg,#101828,#1b2b45);border:1px solid #3b82f659;border-radius:16px;flex-direction:column;width:min(92vw,1000px);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000073}.embed-lightbox-image{object-fit:contain;background:#0b1120;width:100%;height:min(78vh,760px)}.embed-lightbox-actions{justify-content:center;gap:.8rem;padding:.9rem 1rem 1.1rem;display:flex}.embed-lightbox-close{color:#e2e8f0;cursor:pointer;background:#1e293bbf;border:1px solid #94a3b873;border-radius:10px;padding:.6rem 1rem;font-weight:700}.embed-unknown{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex}.embed-unknown svg{color:var(--primary);opacity:.6}@media (width<=480px){html,body,#root,.app{width:100%;overflow-x:hidden}*{max-width:100vw}.app-header{flex-wrap:wrap;padding:0}.header-content{flex-direction:row;gap:.5rem;width:100%;max-width:100%;margin:0;padding:.8rem .6rem}.header-buttons{gap:.4rem;padding:.6rem}.header-btn{border-radius:6px;padding:.4rem .6rem;font-size:.7rem}h1{font-size:clamp(1.2rem,3vw,1.8rem)}.subtitle{margin-top:.2rem;font-size:.75rem}.app-main{padding:0;width:100%;max-width:100%;margin:.8rem 0;padding-inline:.4rem}.route-selector{border-radius:16px;margin-bottom:1rem;padding:1.2rem .8rem}.route-selector-header h2{font-size:clamp(1.2rem,4vw,1.8rem)}.route-selector-header p{font-size:.8rem}.route-options{grid-template-columns:1fr;gap:.8rem;margin-top:1.2rem}.route-option{gap:.8rem;min-height:120px;padding:1rem .8rem}.route-option-card{margin-bottom:1rem;padding:clamp(.8rem,1.5vw,1rem)}.route-body{grid-template-columns:1fr;gap:.4rem}.route-top-row{grid-template-columns:1fr}.sort-btn{min-width:auto;padding:.6rem .8rem;font-size:.8rem}.sort-buttons{gap:.4rem}.filtered-label{padding:.4rem .8rem;font-size:.75rem}.time-input-group{flex-wrap:wrap;gap:.4rem}.time-input{width:100%;padding:.6rem .8rem;font-size:.9rem}.search-time-btn{width:100%;padding:.6rem .8rem;font-size:.8rem}.search-input,.search-select{border-radius:8px;font-size:.9rem;padding:.7rem .9rem!important}.te-amo-container{width:100%;height:100%}.te-amo-header{padding:.8rem .6rem}.te-amo-header h1{font-size:1.2rem}.gallery-section{gap:1rem;padding:.8rem}.gallery-upload{gap:.8rem}.url-input-wrapper{flex-direction:column;gap:.6rem}.url-input{width:100%;padding:.8rem .9rem;font-size:.9rem}.add-button{width:100%;min-width:auto;padding:.8rem 1rem;font-size:.85rem}.gallery-filters{gap:.6rem}.filter-chips{justify-content:flex-start;gap:.4rem}.filter-chip{padding:.35rem .75rem;font-size:.75rem}.gallery-search-input{max-width:100%;padding:.6rem .8rem;font-size:.9rem}.gallery-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem;padding:.5rem}.gallery-item{min-height:200px}.gallery-item.embed-item--pinterest{grid-column:1/-1;min-height:50vh}.te-amo-rss-masonry{column-count:1;column-gap:.4rem}.te-amo-rss-gallery-card{gap:.5rem;padding:.7rem}.te-amo-official-board-card{padding:.7rem}.te-amo-official-board-header h2{font-size:.85rem}.te-amo-official-board-widget{min-height:300px;max-height:50vh}.pinterest-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:4px;min-height:240px;padding:4px}.pinterest-gallery-cell{min-height:120px}.error-message,.help-text{font-size:.75rem}.time-axis{flex-wrap:wrap;grid-template-columns:repeat(2,1fr);gap:.6rem;width:100%;padding:0;display:grid;overflow:visible}.time-block{flex:1;min-width:100%;padding:.6rem .8rem;font-size:.9rem}.time-value{font-size:1.3rem}.time-label{font-size:.6rem}.time-duration{margin-top:.2rem;font-size:.65rem}.time-block.highlight-leave .time-value,.time-block.highlight-pass .time-value,.time-block.highlight-arrive-stop .time-value{font-size:1.2rem}.timeline-arrow{display:none}.timeline-column{width:100%}}@media (width<=640px){.app-header{width:100%}.header-content{max-width:100%;padding:1rem .8rem}.header-buttons{padding:.7rem .8rem}.app-main{margin:1rem 0;padding-inline:.6rem}.route-selector{padding:1.5rem 1rem}.route-option{padding:1.2rem 1rem}.route-option-card{padding:clamp(1rem,2vw,1.2rem)}.sort-btn{min-width:140px;padding:.7rem .9rem}.gallery-container{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.te-amo-rss-masonry{column-count:1}.pinterest-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:5px}.pinterest-gallery-cell{min-height:140px}}@media (width<=1000px){body,html{overflow-x:hidden}.app,.app-main,.header-content,.header-buttons,.route-selector,.gallery-section{width:100%;overflow-x:hidden}}.embed-unknown p{word-break:break-word;color:var(--text-muted);font-size:.9rem}.embed-link-button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.embed-link-button:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.delete-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#ff3b30e6;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.6rem;transition:all .2s;display:flex;position:absolute;top:.8rem;right:.8rem}.delete-button:hover{background:#ff3b30;transform:scale(1.1)}.embed-type-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;z-index:9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3b82f6e6;border-radius:6px;padding:.35rem .8rem;font-size:.75rem;font-weight:700;position:absolute;bottom:.8rem;left:.8rem}.gallery-empty{text-align:center;color:var(--text-muted);padding:3rem}.gallery-empty p{margin-bottom:.5rem;font-size:1.2rem}.gallery-stats{text-align:center;border:1px solid var(--border);color:var(--text);background:#3b82f61a;border-radius:12px;width:100%;max-width:700px;padding:1.2rem;font-weight:600}.gallery-stats p span{color:var(--primary);font-size:1.1rem;font-weight:700}@media (width<=900px){.te-amo-header{padding:1rem 1.5rem}.te-amo-header h1{font-size:1.4rem}.gallery-section{padding:1rem}.gallery-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.url-input-wrapper{flex-direction:column}.add-button{min-width:unset}}.future-routes-container{flex-direction:column;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.future-routes-header{background:linear-gradient(135deg, var(--card) 0%, var(--card-soft) 100%);border:1px solid var(--border);border-radius:20px;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex;box-shadow:0 8px 24px #0003}.future-routes-title{flex:1;align-items:center;gap:1rem;display:flex}.future-routes-controls{align-items:center;gap:.7rem;display:flex}.future-date-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.future-date-input{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;padding:.5rem .65rem;font-size:.9rem}.future-date-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #3b82f62e}.future-routes-title h2{color:var(--title);margin:0;font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:800}.last-update{color:var(--text-muted);margin:.3rem 0 0;font-size:.85rem;font-weight:500}.refresh-button{background:linear-gradient(135deg, var(--primary), #3b82f6cc);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:.8rem;transition:all .3s;display:flex;box-shadow:0 4px 12px #3b82f633}.refresh-button:hover:not(:disabled){transform:rotate(-90deg);box-shadow:0 8px 20px #3b82f64d}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.rotating{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-banner{color:#ff6b6b;background:#ff3b3026;border:1px solid #ff3b3066;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.5rem;font-weight:600;animation:.3s ease-out slideInUp;display:flex}.error-banner svg{min-width:20px}.schedule-loading{min-height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:3rem 2rem;display:flex}.spinner{border:3px solid #3b82f633;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.schedules-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;animation:.5s ease-out fadeInUp;display:grid}.schedule-card{background:linear-gradient(135deg, var(--card) 0%, var(--card-soft) 100%);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0003}.schedule-card:hover{border-color:var(--primary);transform:translateY(-6px);box-shadow:0 12px 32px #3b82f640}.schedule-header{border-bottom:1px solid #3b82f633;align-items:center;gap:.8rem;padding-bottom:1rem;display:flex}.line-badge{color:#fff;text-align:center;background:linear-gradient(#1d4ed8,#2563eb);border-radius:12px;min-width:50px;padding:.6rem .5rem;font-size:1.3rem;font-weight:700;box-shadow:inset 0 0 0 1px #fff3}.schedule-card .line-badge.bus{color:#fff;background:linear-gradient(#1d4ed8,#2563eb)}.schedule-card .line-badge.tram{color:#1f2937;background:linear-gradient(#facc15,#eab308)}.direction-text{color:var(--text);flex:1;font-size:.95rem;font-weight:600}.schedule-stop{color:var(--text-muted);font-size:.9rem;font-weight:500}.schedule-stop p{margin:0}.times-section{flex-direction:column;gap:.7rem;display:flex}.times-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.8rem;font-weight:700}.times-list{flex-wrap:wrap;gap:.5rem;display:flex}.time-chip{background:linear-gradient(135deg, var(--primary), #3b82f6cc);color:#fff;border-radius:8px;padding:.5rem .8rem;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #3b82f633}.time-chip:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.all-times-toggle{margin-top:.5rem}.all-times-toggle details{cursor:pointer}.all-times-toggle summary{color:var(--primary);-webkit-user-select:none;user-select:none;border-radius:6px;padding:.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.all-times-toggle summary:hover{background:#3b82f61a}.all-times-list{background:#3b82f60d;border-radius:8px;flex-wrap:wrap;gap:.5rem;margin-top:.8rem;padding:1rem;display:flex}.time-item{color:var(--primary);background:#3b82f626;border:1px solid #3b82f64d;border-radius:6px;padding:.4rem .7rem;font-size:.8rem;font-weight:600}.no-data-message{text-align:center;color:var(--text-muted);padding:3rem 2rem;font-size:1.1rem;font-weight:500}@media (width<=900px){.future-routes-container{gap:1.5rem;padding:1rem}.future-routes-header{text-align:center;flex-direction:column;gap:1rem}.future-routes-controls{flex-wrap:wrap;justify-content:center;width:100%}.future-routes-title{flex-direction:column;justify-content:center}.future-routes-title h2{font-size:1.4rem}.schedules-grid{grid-template-columns:1fr}.schedule-card{padding:1.2rem}}