.tsc-topbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.tsc-mid{display:flex;gap:8px;align-items:center;margin:8px 0}
.tsc-result{padding:10px;border-radius:8px;margin:6px 0;border:1px solid #22304f;background:#0f172a;color:#e2e8f0}
.tsc-result.ok{border-color:#225533}
.tsc-result.warn{border-color:#8a6d1a}
.tsc-result.bad{border-color:#8a1a1a}
.tsc-stats{font-size:14px;color:#9fb3c8;margin-top:6px}
.tsc-map-controls{font-size:14px;}
.tsc-map-controls label{user-select:none;} .tsc-lines-legend {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin: 0.5rem 0 1rem;
}
.tsc-line-pill {
padding: 0.25rem 0.75rem;
border-radius: 999px;
border: 2px solid currentColor;
background: transparent;
cursor: pointer;
font-weight: 600;
font-size: 0.9rem;
line-height: 1.2;
}
.tsc-line-pill.active {
color: #fff !important;
} .tsc-widget {
--tsc-accent: #f59e0b;
}
.tsc-widget .tsc-calc {
background-color: var(--tsc-accent);
border-color: var(--tsc-accent);
} .tsc-map-wrap {
position: relative;
}
.tsc-map-tools-under {
margin: 8px 0 12px;
}
.tsc-tools-box {
pointer-events: auto;
background: #ffffff;
border-radius: 10px;
box-shadow: 0 10px 25px rgba(15, 23, 42, .25);
padding: 8px;
width: 320px;
max-width: 90vw;
font-size: 13px;
color: #111827;
}
.tsc-tools-row {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 6px;
}
.tsc-tools-row input[type="text"] {
flex: 1;
padding: 4px 7px;
border-radius: 999px;
border: 1px solid #d1d5db;
font-size: 13px;
}
.tsc-tools-box button {
border: none;
padding: 5px 9px;
border-radius: 999px;
background: #0ea5e9;
color: #fff;
font-size: 12px;
cursor: pointer;
white-space: nowrap;
}
.tsc-tools-box button:hover {
background: #0284c7;
} .tsc-tools-row-buttons {
flex-wrap: wrap;
} .tsc-tools-row-buttons button {
flex: 1 1 32%;
text-align: center;
}
.tsc-tools-row-poi span {
font-size: 11px;
color: #6b7280;
margin-right: 4px;
}
.tsc-tools-row-poi .tsc-poi-btn {
background: #f3f4f6;
color: #111827;
border: 1px solid #d1d5db;
padding: 4px 7px;
}
.tsc-tools-row-poi .tsc-poi-btn:hover {
background: #e5e7eb;
}
.tsc-gpt-output {
font-size: 12px;
max-height: 140px;
overflow: auto;
background: #f3f4f6;
border-radius: 6px;
padding: 4px 6px;
} .tsc-map-tools-under {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: flex-start;
}
.tsc-tools-box {
flex: 0 1 340px;
}
.tsc-directions-box {
background: #ffffff;
border-radius: 10px;
box-shadow: 0 10px 25px rgba(15, 23, 42, .25);
padding: 8px 10px;
font-size: 12px;
max-height: 360px;
overflow: auto;
flex: 1 1 260px;
}
.tsc-directions-title {
font-weight: 600;
margin-bottom: 4px;
}
.tsc-osrm-directions {
margin: 0;
padding-left: 18px;
}
.tsc-osrm-directions li {
margin-bottom: 3px;
} .tsc-tools-row-modes {
display: flex;
align-items: center;
gap: 6px;
}
.tsc-modes-label {
font-size: 11px;
color: #6b7280;
margin-right: 4px;
}
.tsc-mode-btn {
background: #f3f4f6;
color: #111827;
border: 1px solid #d1d5db;
padding: 4px 7px;
border-radius: 999px;
font-size: 14px;
cursor: pointer;
}
.tsc-mode-btn:hover {
background: #e5e7eb;
} .tsc-tools-row-toggle {
justify-content: flex-start;
}
.tsc-toggle {
display: inline-flex;
align-items: center;
gap: 6px;
cursor: pointer;
font-size: 12px;
}
.tsc-toggle input[type="checkbox"] {
display: none;
}
.tsc-toggle-slider {
width: 32px;
height: 18px;
border-radius: 999px;
background: #e5e7eb;
position: relative;
transition: background 0.2s ease;
}
.tsc-toggle-slider::before {
content: "";
position: absolute;
width: 14px;
height: 14px;
border-radius: 999px;
background: #ffffff;
top: 2px;
left: 2px;
transition: transform 0.2s ease;
box-shadow: 0 1px 3px rgba(15, 23, 42, .3);
}
.tsc-toggle input[type="checkbox"]:checked + .tsc-toggle-slider {
background: #22c55e;
}
.tsc-toggle input[type="checkbox"]:checked + .tsc-toggle-slider::before {
transform: translateX(14px);
}
.tsc-toggle-label {
color: #374151;
}
.tsc-poi-btn.tsc-poi-active {
background-color: #00a3e0;
color: #fff;
} .tsc-tools-row-gpt button {
margin-right: 6px;
}
.tsc-chat-faq-list {
max-height: 240px;
overflow-y: auto;
padding-right: 4px;
}
.tsc-chat-faq-item summary {
cursor: pointer;
font-weight: 600;
}
.tsc-chat-faq-links {
margin: 0.5em 0 0;
padding-left: 1.2em;
} .tsc-osrm-directions li.tsc-osrm-step-motorway {
font-weight: 600;
}
.tsc-osrm-directions li.tsc-osrm-step-toll {
text-decoration: underline;
} .tsc-directions-box .tsc-osrm-motorway-toggle {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 6px 0 10px;
cursor: pointer;
font-size: 12px;
} .tsc-directions-box .tsc-osrm-motorway-toggle .tsc-toggle-slider {
width: 32px;
height: 18px;
border-radius: 999px;
background: #e5e7eb;
position: relative;
transition: background 0.2s ease;
} .tsc-directions-box .tsc-osrm-motorway-toggle .tsc-toggle-slider::before {
content: "";
position: absolute;
width: 14px;
height: 14px;
border-radius: 999px;
background: #ffffff;
top: 2px;
left: 2px;
box-shadow: 0 1px 3px rgba(15, 23, 42, .3);
} .tsc-directions-box .tsc-osrm-motorway-toggle input[type="checkbox"]:checked + .tsc-toggle-slider {
background: #00a3e0;
} .tsc-directions-box .tsc-osrm-motorway-toggle .tsc-toggle-label {
color: #374151;
}
.tsc-directions-box .tsc-osrm-motorway-toggle input[type="checkbox"]:checked + .tsc-toggle-slider + .tsc-toggle-label {
font-weight: 600;
} .tsc-widget.tsc-widget--with-smc {
display: flex;
flex-direction: column;
} .tsc-widget.tsc-widget--with-smc .tsc-smc2-wrapper {
order: 1;
} .tsc-widget.tsc-widget--with-smc .tsc-map-wrap,
.tsc-widget.tsc-widget--with-smc .tsc-map-tools-under {
order: 2;
} .tsc-map-tools-under {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
}
.tsc-tools-box,
.tsc-directions-box {
max-width: 420px;
} .tsc-widget.tsc-widget--with-smc .tsc-map-wrap {
order: 1;
}
.tsc-widget.tsc-widget--with-smc .tsc-map-tools-under {
order: 2;
} .tsc-map-poi-under {
margin: 8px 0 4px 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.tsc-map-poi-under .tsc-tools-row-poi--map {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 8px;
border-radius: 999px;
background: rgba(255,255,255,0.85);
box-shadow: 0 6px 18px rgba(15,23,42,0.25);
}
.tsc-map-poi-under .tsc-tools-row-poi--map span {
font-size: 12px;
font-weight: 500;
margin-right: 4px;
}
.tsc-map-poi-under .tsc-poi-btn--map {
border: none;
background: #f1f5f9;
border-radius: 999px;
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
} .tsc-map-poi-under .tsc-poi-btn--map img,
.tsc-tools-row-poi .tsc-poi-btn img {
width: 24px;
height: 24px;
display: block;
}
.tsc-map-poi-under .tsc-poi-btn--map:hover {
background: #e2e8f0;
} .tsc-map-wrap {
position: relative;
}
.tsc-map-bus-toggle {
position: relative;
z-index: 1;
}
.tsc-map-bus-toggle .tsc-toggle--map {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 8px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.92);
box-shadow: 0 6px 16px rgba(15, 23, 42, 0.35);
}
.tsc-map-bus-toggle .tsc-toggle-label {
font-size: 11px;
font-weight: 500;
color: #111827;
} .tsc-google-view-controls{
position:absolute;
top:14px;
left:50%;
transform:translateX(-50%);
z-index:99998;
display:flex;
gap:8px;
max-width:calc(100% - 24px);
overflow-x:auto;
padding:4px;
border-radius:999px;
background:rgba(255,255,255,.92);
box-shadow:0 8px 24px rgba(35,21,43,.16);
-webkit-overflow-scrolling:touch;
}
.tsc-google-view-controls button{
border:1px solid rgba(123,42,160,.28);
background:#fff;
color:#7b2aa0;
border-radius:999px;
padding:8px 12px;
font-weight:800;
font-size:13px;
white-space:nowrap;
cursor:pointer;
}
.tsc-google-view-controls button.is-active{
background:#7b2aa0;
color:#fff;
border-color:#7b2aa0;
}
@media (max-width:600px){
.tsc-google-view-controls{
top:8px;
left:8px;
right:8px;
transform:none;
justify-content:flex-start;
}
.tsc-google-view-controls button{
padding:7px 10px;
font-size:12px;
}
.tsc-streetview-back-btn{
top:58px !important;
font-size:13px !important;
padding:9px 13px !important;
}
} .tsc-mobile-style .tsc-google-view-controls button,
.tsc-google-view-controls button,
.tsc-mobile-style .tsc-google-view-controls button:visited,
.tsc-google-view-controls button:visited{
background:#ffffff !important;
color:#7b2aa0 !important;
border-color:rgba(123,42,160,.28) !important;
box-shadow:none !important;
outline:none !important;
}
.tsc-mobile-style .tsc-google-view-controls button:hover,
.tsc-mobile-style .tsc-google-view-controls button:focus,
.tsc-mobile-style .tsc-google-view-controls button:focus-visible,
.tsc-mobile-style .tsc-google-view-controls button:active,
.tsc-google-view-controls button:hover,
.tsc-google-view-controls button:focus,
.tsc-google-view-controls button:focus-visible,
.tsc-google-view-controls button:active{
background:#f4eefe !important;
color:#7b2aa0 !important;
border-color:#7b2aa0 !important;
box-shadow:0 0 0 1px rgba(123,42,160,.08) !important;
text-decoration:none !important;
}
.tsc-mobile-style .tsc-google-view-controls button.is-active,
.tsc-mobile-style .tsc-google-view-controls button.is-active:hover,
.tsc-mobile-style .tsc-google-view-controls button.is-active:focus,
.tsc-mobile-style .tsc-google-view-controls button.is-active:focus-visible,
.tsc-google-view-controls button.is-active,
.tsc-google-view-controls button.is-active:hover,
.tsc-google-view-controls button.is-active:focus,
.tsc-google-view-controls button.is-active:focus-visible{
background:#7b2aa0 !important;
color:#ffffff !important;
border-color:#7b2aa0 !important;
}
.tsc-mobile-style .tsc-mobile-banner-close,
.tsc-mobile-style .tsc-mobile-banner-open,
.tsc-mobile-banner-close,
.tsc-mobile-banner-open,
.tsc-mobile-style .tsc-mobile-banner-close:visited,
.tsc-mobile-style .tsc-mobile-banner-open:visited,
.tsc-mobile-banner-close:visited,
.tsc-mobile-banner-open:visited{
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:0 !important;
line-height:1 !important;
text-align:center !important;
text-decoration:none !important;
color:#ffffff !important;
background:rgba(123,50,148,.86) !important;
border:0 !important;
box-shadow:none !important;
}
.tsc-mobile-style .tsc-mobile-banner-close,
.tsc-mobile-banner-close{
font-size:24px !important;
font-weight:700 !important;
}
.tsc-mobile-style .tsc-mobile-banner-open,
.tsc-mobile-banner-open{
font-size:18px !important;
}
.tsc-mobile-style .tsc-mobile-banner-close:hover,
.tsc-mobile-style .tsc-mobile-banner-close:focus,
.tsc-mobile-style .tsc-mobile-banner-close:focus-visible,
.tsc-mobile-style .tsc-mobile-banner-close:active,
.tsc-mobile-style .tsc-mobile-banner-open:hover,
.tsc-mobile-style .tsc-mobile-banner-open:focus,
.tsc-mobile-style .tsc-mobile-banner-open:focus-visible,
.tsc-mobile-style .tsc-mobile-banner-open:active,
.tsc-mobile-banner-close:hover,
.tsc-mobile-banner-close:focus,
.tsc-mobile-banner-close:focus-visible,
.tsc-mobile-banner-close:active,
.tsc-mobile-banner-open:hover,
.tsc-mobile-banner-open:focus,
.tsc-mobile-banner-open:focus-visible,
.tsc-mobile-banner-open:active{
color:#ffffff !important;
background:#7b3294 !important;
border:0 !important;
box-shadow:none !important;
} .tsc-mobile-helpbar{
display:flex;
align-items:flex-start;
gap:12px;
margin:16px 0 10px;
padding:12px 14px;
border-radius:18px;
border:1px solid var(--tsc-border, #e8dfed);
background:var(--tsc-card, #ffffff);
color:var(--tsc-muted, #7b7482);
box-shadow:0 8px 20px rgba(35,21,43,.05);
}
.tsc-mobile-helpbar .dashicons{
flex:0 0 22px;
width:22px;
height:22px;
font-size:22px;
color:var(--tsc-accent, #7b3294) !important;
}
.tsc-mobile-helpbar-text{
font-size:14px;
line-height:1.45;
font-weight:600;
}
.tsc-mobile-helpbar[hidden]{ display:none !important; }
.tsc-mobile-app-menu-toggle[data-setting]{
cursor:pointer;
}
.tsc-mobile-app-menu-toggle[data-setting]:hover,
.tsc-mobile-app-menu-toggle[data-setting]:focus-within{
background:var(--tsc-accent-soft, #f4eefe);
} .tsc-mobile-stop-detail-card{
background:var(--tsc-card,#fff);
border:1px solid var(--tsc-border,#e8dfed);
border-radius:24px;
padding:16px;
margin:0 0 14px;
box-shadow:0 8px 20px rgba(35,21,43,.05);
}
.tsc-mobile-stop-detail-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
margin-bottom:14px;
}
.tsc-mobile-stop-detail-head small{
display:block;
color:var(--tsc-accent,#7b3294);
font-size:13px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.03em;
margin-bottom:4px;
}
.tsc-mobile-stop-detail-head h3{
margin:0;
color:var(--tsc-text,#18131d);
font-size:22px;
line-height:1.15;
font-weight:900;
}
.tsc-mobile-stop-detail-head a{
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:38px;
padding:9px 13px;
border-radius:999px;
background:var(--tsc-accent-soft,#f4eefe) !important;
color:var(--tsc-accent,#7b3294) !important;
text-decoration:none !important;
font-weight:900;
border:1px solid rgba(123,50,148,.20);
}
.tsc-mobile-stop-detail-head a:hover,
.tsc-mobile-stop-detail-head a:focus{
background:var(--tsc-accent,#7b3294) !important;
color:#fff !important;
}
.tsc-mobile-stop-detail-section{
border-top:1px solid var(--tsc-border,#e8dfed);
padding-top:12px;
margin-top:12px;
}
.tsc-mobile-stop-detail-label{
color:var(--tsc-muted,#7b7482);
font-size:13px;
font-weight:900;
margin-bottom:8px;
}
.tsc-mobile-stop-detail-lines{
display:flex;
flex-wrap:wrap;
gap:8px;
}
.tsc-mobile-stop-detail-lines span,
.tsc-mobile-stop-detail-next-line{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:40px;
min-height:28px;
padding:4px 10px;
border-radius:999px;
background:var(--tsc-stop-line-color,var(--tsc-accent,#7b3294));
color:var(--tsc-stop-line-text,#fff);
font-weight:900;
}
.tsc-mobile-stop-detail-next-list{
display:grid;
gap:8px;
}
.tsc-mobile-stop-detail-next-item{
display:grid;
grid-template-columns:auto 1fr auto;
gap:10px;
align-items:center;
padding:9px 10px;
border-radius:16px;
background:var(--tsc-accent-soft,#f4eefe);
}
.tsc-mobile-stop-detail-next-item strong{
color:var(--tsc-text,#18131d);
font-size:18px;
font-weight:900;
}
.tsc-mobile-stop-detail-next-item small{
color:var(--tsc-accent,#7b3294);
font-weight:900;
}
.tsc-mobile-stop-detail-empty{
color:var(--tsc-muted,#7b7482);
font-size:14px;
}
@media (max-width:680px){
.tsc-mobile-stop-detail-head{ display:grid; grid-template-columns:1fr; }
.tsc-mobile-stop-detail-head a{ justify-self:start; }
.tsc-mobile-stop-detail-next-item{ grid-template-columns:auto 1fr; }
.tsc-mobile-stop-detail-next-item small{ grid-column:2; }
} .tsc-mobile-footer-nav .tsc-mobile-bus-icon,
.tsc-mobile-floating-pill .tsc-mobile-bus-icon,
.tsc-mobile-app-menu-icon .tsc-mobile-bus-icon{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
line-height:1 !important;
font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
}
.tsc-mobile-footer-nav .tsc-mobile-bus-icon{
width:28px;
height:28px;
font-size:24px;
}
.tsc-mobile-floating-pill .tsc-mobile-bus-icon{
width:22px;
height:22px;
font-size:18px;
}
.tsc-mobile-app-menu-icon .tsc-mobile-bus-icon{
width:28px;
height:28px;
font-size:24px;
} .tsc-mobile-onboarding[hidden]{display:none !important;}
.tsc-mobile-onboarding{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:18px;}
.tsc-mobile-onboarding-backdrop{position:absolute;inset:0;background:rgba(20,10,28,.52);backdrop-filter:blur(4px);}
.tsc-mobile-onboarding-card{position:relative;z-index:1;width:min(440px,100%);background:var(--tsc-card,#fff);border-radius:28px;padding:28px 24px 22px;box-shadow:0 28px 80px rgba(20,10,28,.28);text-align:center;color:var(--tsc-text,#18131d);}
.tsc-mobile-onboarding-x{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0 !important;border-radius:999px;background:var(--tsc-accent-soft,#f4eefe) !important;color:var(--tsc-accent,#7b3294) !important;font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0 !important;box-shadow:none !important;}
.tsc-mobile-onboarding-icon{width:72px;height:72px;border-radius:24px;background:var(--tsc-accent-soft,#f4eefe);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:38px;}
.tsc-mobile-onboarding-card h3{margin:0 0 10px;color:var(--tsc-accent,#7b3294);font-size:25px;font-weight:900;line-height:1.15;}
.tsc-mobile-onboarding-card p{margin:0;color:var(--tsc-muted,#7b7482);font-size:16px;line-height:1.45;}
.tsc-mobile-onboarding-dots{display:flex;justify-content:center;gap:8px;margin:20px 0 18px;}
.tsc-mobile-onboarding-dots span{width:9px;height:9px;border-radius:999px;background:var(--tsc-border,#e8dfed);}
.tsc-mobile-onboarding-dots span.is-active{width:24px;background:var(--tsc-accent,#7b3294);}
.tsc-mobile-onboarding-actions{display:flex;gap:10px;justify-content:center;}
.tsc-mobile-onboarding-actions button{border:0 !important;border-radius:16px;padding:12px 18px;font-weight:900;background:var(--tsc-accent-soft,#f4eefe) !important;color:var(--tsc-accent,#7b3294) !important;box-shadow:none !important;}
.tsc-mobile-onboarding-actions button.is-primary{background:var(--tsc-accent,#7b3294) !important;color:#fff !important;}
.tsc-mobile-offline-notice{margin:0 0 14px;padding:12px 14px;border-radius:18px;background:#fff8e5;border:1px solid #f1d28a;color:#7a4b00;font-weight:800;}
.tsc-mobile-line-pill-wrap{display:inline-flex;align-items:center;gap:6px;}
.tsc-mobile-fav-line-btn,.tsc-mobile-fav-stop-btn,.tsc-mobile-stop-detail-fav{border:0 !important;background:var(--tsc-card,#fff) !important;color:var(--tsc-accent,#7b3294) !important;box-shadow:0 8px 18px rgba(35,21,43,.08) !important;cursor:pointer;}
.tsc-mobile-fav-line-btn{width:38px;height:38px;border-radius:999px;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0 !important;}
.tsc-mobile-fav-line-btn.is-favorite,.tsc-mobile-fav-stop-btn.is-favorite,.tsc-mobile-stop-detail-fav.is-favorite{background:var(--tsc-accent,#7b3294) !important;color:#fff !important;}
.tsc-mobile-stop-card-wrap{position:relative;display:block;}
.tsc-mobile-stop-card-wrap .tsc-mobile-stop-card{width:100%;}
.tsc-mobile-fav-stop-btn{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:999px;font-size:23px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0 !important;}
.tsc-mobile-stop-card-wrap .tsc-mobile-stop-right{padding-right:48px;}
.tsc-mobile-stop-detail-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;}
.tsc-mobile-stop-detail-actions a,.tsc-mobile-stop-detail-fav{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:9px 13px !important;font-weight:900;text-decoration:none !important;white-space:nowrap;}
.tsc-mobile-stop-detail-actions a{background:var(--tsc-accent,#7b3294);color:#fff !important;}
.tsc-mobile-stop-detail-meta{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px;}
.tsc-mobile-stop-detail-meta span{display:inline-flex;gap:5px;align-items:center;border-radius:999px;background:var(--tsc-accent-soft,#f4eefe);color:var(--tsc-accent,#7b3294);padding:8px 12px;font-weight:800;}
.tsc-mobile-stop-poi-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
.tsc-mobile-stop-poi-actions a,.tsc-mobile-stop-poi-actions button{border:1px solid var(--tsc-border,#e8dfed) !important;background:#fff !important;color:var(--tsc-accent,#7b3294) !important;border-radius:999px;padding:7px 11px !important;font-weight:900;text-decoration:none !important;box-shadow:none !important;}
.tsc-mobile-live-next-card{background:linear-gradient(135deg,var(--tsc-accent,#7b3294),#9b59b6);border-radius:24px;padding:16px;margin:0 0 14px;color:#fff;box-shadow:0 14px 28px rgba(76,31,95,.18);}
.tsc-mobile-live-next-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px;}
.tsc-mobile-live-next-head strong{font-size:18px;}
.tsc-mobile-live-next-head small{opacity:.86;}
.tsc-mobile-live-next-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.tsc-mobile-live-next-item{background:rgba(255,255,255,.16);border-radius:18px;padding:10px;text-align:center;display:grid;gap:4px;}
.tsc-mobile-live-next-item span{min-width:38px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;justify-self:center;padding:0 8px;font-weight:900;color:#111;}
.tsc-mobile-live-next-item strong{font-size:18px;line-height:1;}
.tsc-mobile-live-next-item small{opacity:.9;}
.tsc-mobile-favorite-grid{display:grid;gap:10px;margin-bottom:18px;}
.tsc-mobile-favorite-row{display:grid;grid-template-columns:1fr 44px;gap:8px;align-items:center;}
.tsc-mobile-favorite-open{border:1px solid var(--tsc-border,#e8dfed) !important;border-radius:20px;background:var(--tsc-card,#fff) !important;color:var(--tsc-text,#18131d) !important;padding:12px !important;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:10px;text-align:left;box-shadow:0 8px 18px rgba(35,21,43,.05) !important;}
.tsc-mobile-favorite-open span{width:42px;height:42px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:900;}
.tsc-mobile-favorite-open strong{font-size:17px;line-height:1.2;}
.tsc-mobile-favorite-open small{grid-column:2;color:var(--tsc-muted,#7b7482);font-size:13px;}
.tsc-mobile-favorite-remove{width:44px;height:44px;border:0 !important;border-radius:999px;background:var(--tsc-accent-soft,#f4eefe) !important;color:var(--tsc-accent,#7b3294) !important;font-size:24px;line-height:1;box-shadow:none !important;}
.tsc-mobile-route-direction-toggle{gap:12px;}
.tsc-mobile-route-direction-btn{min-height:72px;border:2px solid var(--tsc-border,#e8dfed) !important;box-shadow:0 8px 20px rgba(35,21,43,.05) !important;}
.tsc-mobile-route-direction-btn.is-active{transform:translateY(-2px);box-shadow:0 14px 28px rgba(76,31,95,.18) !important;border-color:var(--tsc-accent,#7b3294) !important;}
.tsc-mobile-route-direction-btn strong{font-size:18px;}
@media (max-width:680px){.tsc-mobile-live-next-list{grid-template-columns:repeat(2,minmax(0,1fr));}.tsc-mobile-stop-detail-head{display:grid;gap:12px;}.tsc-mobile-stop-detail-actions{justify-content:flex-start;}.tsc-mobile-favorite-open{grid-template-columns:46px 1fr;}.tsc-mobile-onboarding-card{padding:26px 18px 20px;}} .tsc-mobile-stop-detail-actions a.tsc-mobile-google-route-btn,
.tsc-mobile-stop-detail-head a.tsc-mobile-google-route-btn{
background:var(--tsc-accent,#7b3294) !important;
color:#ffffff !important;
border:2px solid var(--tsc-accent,#7b3294) !important;
opacity:1 !important;
box-shadow:0 8px 18px rgba(123,50,148,.18) !important;
}
.tsc-mobile-stop-detail-actions a.tsc-mobile-google-route-btn:hover,
.tsc-mobile-stop-detail-actions a.tsc-mobile-google-route-btn:focus,
.tsc-mobile-stop-detail-head a.tsc-mobile-google-route-btn:hover,
.tsc-mobile-stop-detail-head a.tsc-mobile-google-route-btn:focus{
background:#63347b !important;
color:#ffffff !important;
border-color:#63347b !important;
text-decoration:none !important;
} .tsc-mobile-report-gps-note{
background:var(--tsc-accent-soft, #f4eefe);
color:var(--tsc-accent, #7b3294);
border:1px solid rgba(123,50,148,.18);
border-radius:16px;
padding:10px 12px;
margin:8px 0 12px;
font-weight:800;
font-size:14px;
line-height:1.35;
}
.tsc-mobile-report-status.is-ok{color:#137333;font-weight:800;}
.tsc-mobile-report-status.is-error{color:#b3261e;font-weight:800;} .tsc-mobile-map-tools{
position:absolute;
left:50%;
bottom:18px;
transform:translateX(-50%);
z-index:99997;
display:flex;
gap:10px;
align-items:center;
justify-content:center;
flex-wrap:wrap;
max-width:calc(100% - 120px);
pointer-events:auto;
}
.tsc-mobile-map-tool-btn{
border:1px solid rgba(123,50,148,.25) !important;
background:#ffffff !important;
color:#7b3294 !important;
border-radius:999px !important;
padding:10px 14px !important;
min-height:42px;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:7px;
font-weight:900 !important;
font-size:14px !important;
line-height:1 !important;
box-shadow:0 10px 24px rgba(35,21,43,.16) !important;
cursor:pointer;
text-decoration:none !important;
}
.tsc-mobile-map-tool-btn .dashicons{
color:#7b3294 !important;
width:20px;
height:20px;
font-size:20px;
}
.tsc-mobile-map-tool-btn:hover,
.tsc-mobile-map-tool-btn:focus,
.tsc-mobile-map-tool-btn:focus-visible,
.tsc-mobile-map-tool-btn:active{
background:#f4eefe !important;
color:#7b3294 !important;
border-color:#7b3294 !important;
box-shadow:0 10px 24px rgba(35,21,43,.18) !important;
}
.tsc-mobile-map-tool-btn:hover .dashicons,
.tsc-mobile-map-tool-btn:focus .dashicons{
color:#7b3294 !important;
}
.tsc-google-view-controls,
.tsc-streetview-back-btn{
font-family:inherit !important;
}
.tsc-google-view-controls button{
transition:background .16s ease, color .16s ease, border-color .16s ease;
}
@media (max-width:680px){
.tsc-mobile-map-tools{
left:12px;
right:12px;
bottom:12px;
transform:none;
max-width:none;
}
.tsc-mobile-map-tool-btn{
flex:1 1 auto;
padding:9px 10px !important;
font-size:13px !important;
}
} .tsc-map-stop-infowindow{max-width:260px;font-family:inherit;color:#1f1730;}
.tsc-map-stop-infowindow img{display:block;width:100%;max-width:240px;height:110px;object-fit:cover;border-radius:14px;margin-bottom:10px;}
.tsc-map-stop-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.tsc-map-stop-head-text strong{display:block;color:#24152b;font-weight:900;font-size:18px;line-height:1.2;margin-bottom:2px;}
.tsc-map-stop-head-text small{display:block;color:#6b6472;font-size:12px;line-height:1.35;}
.tsc-map-stop-line-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:12px;background:#ffd400;color:#24152b;font-weight:900;font-size:18px;box-shadow:inset 0 0 0 1px rgba(36,21,43,.06);}
.tsc-map-stop-infowindow p{margin:0 0 10px;color:#5f5568;font-size:13px;line-height:1.45;}
.tsc-map-stop-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;}
.tsc-map-stop-actions a,.tsc-map-stop-more a{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:999px;text-decoration:none !important;font-weight:800;font-size:13px;line-height:1.2;}
.tsc-map-stop-actions a{background:#7b3294;color:#fff !important;}
.tsc-map-stop-actions a:hover,.tsc-map-stop-actions a:focus{background:#6a247f;color:#fff !important;}
.tsc-map-stop-more{margin-top:8px;}
.tsc-map-stop-more a{background:#f4eefe;color:#7b3294 !important;}
.tsc-map-stop-more a:hover,.tsc-map-stop-more a:focus{background:#eadcf5;color:#6a247f !important;} .tsc-map-stop-section{margin:10px 0 0;padding-top:9px;border-top:1px solid #eee5f3;}
.tsc-map-stop-section>b{display:block;color:#7b3294;font-size:13px;font-weight:900;margin-bottom:7px;}
.tsc-map-stop-next-list{display:grid;gap:6px;}
.tsc-map-stop-next-list span{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;background:#f7f1fb;border-radius:12px;padding:7px 9px;}
.tsc-map-stop-next-list strong{font-size:15px;color:#24152b;}
.tsc-map-stop-next-list small{font-size:11px;font-weight:900;color:#7b3294;text-transform:uppercase;}
.tsc-map-stop-nearby-list{display:grid;gap:6px;}
.tsc-map-stop-nearby-list a{display:block;background:#fff;border:1px solid #eee5f3;border-radius:12px;padding:7px 9px;text-decoration:none!important;}
.tsc-map-stop-nearby-list strong{display:block;color:#24152b;font-size:13px;line-height:1.25;}
.tsc-map-stop-nearby-list small{display:block;color:#6b6472;font-size:11px;margin-top:2px;line-height:1.25;}
.tsc-map-stop-actions button{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:999px;text-decoration:none!important;font-weight:800;font-size:13px;line-height:1.2;border:0;cursor:pointer;background:#f4eefe;color:#7b3294!important;}
.tsc-map-stop-actions button:hover,.tsc-map-stop-actions button:focus{background:#eadcf5;color:#6a247f!important;}
.tsc-map-stop-actions button.is-favorite{background:#ffd400;color:#24152b!important;} .tsc-mobile-stop-detail-actions a.tsc-mobile-stop-page-btn,
.tsc-mobile-stop-detail-head a.tsc-mobile-stop-page-btn{
background:#fff !important;
color:var(--tsc-accent,#7b3294) !important;
border:1px solid var(--tsc-line,#eadff1) !important;
box-shadow:0 8px 18px rgba(35,21,43,.08) !important;
min-width:128px !important;
padding:9px 16px !important;
}
.tsc-mobile-stop-detail-actions a.tsc-mobile-stop-page-btn:hover,
.tsc-mobile-stop-detail-actions a.tsc-mobile-stop-page-btn:focus,
.tsc-mobile-stop-detail-head a.tsc-mobile-stop-page-btn:hover,
.tsc-mobile-stop-detail-head a.tsc-mobile-stop-page-btn:focus{
background:#fff !important;
color:var(--tsc-accent,#7b3294) !important;
} @media (max-width:680px){
body.tsc-mobile-layout-active .tsc-mobile-lang-switcher,
.tsc-mobile-lang-switcher{
justify-content:center !important;
overflow-x:visible !important;
padding-left:10px !important;
padding-right:10px !important;
gap:7px !important;
}
body.tsc-mobile-layout-active .tsc-mobile-lang-btn,
.tsc-mobile-lang-btn{
min-width:42px !important;
padding:8px 12px !important;
font-size:14px !important;
}
body.tsc-mobile-layout-active .tsc-google-view-controls,
.tsc-google-view-controls{
left:50% !important;
right:auto !important;
top:8px !important;
transform:translateX(-50%) !important;
justify-content:center !important;
align-items:center !important;
width:max-content !important;
max-width:calc(100vw - 16px) !important;
padding:3px !important;
gap:5px !important;
overflow-x:visible !important;
box-sizing:border-box !important;
}
body.tsc-mobile-layout-active .tsc-google-view-controls button,
.tsc-google-view-controls button{
flex:0 0 auto !important;
padding:7px 9px !important;
min-height:32px !important;
font-size:12px !important;
line-height:1 !important;
}
body.tsc-mobile-layout-active .tsc-mobile-map-tools,
.tsc-mobile-map-tools{
left:50% !important;
right:auto !important;
bottom:8px !important;
transform:translateX(-50%) !important;
justify-content:center !important;
flex-wrap:nowrap !important;
gap:6px !important;
width:max-content !important;
max-width:calc(100vw - 16px) !important;
}
body.tsc-mobile-layout-active .tsc-mobile-map-tool-btn,
.tsc-mobile-map-tool-btn{
flex:0 0 auto !important;
min-height:34px !important;
padding:7px 10px !important;
gap:5px !important;
font-size:12px !important;
line-height:1 !important;
box-shadow:0 6px 14px rgba(35,21,43,.14) !important;
}
body.tsc-mobile-layout-active .tsc-mobile-map-tool-btn .dashicons,
.tsc-mobile-map-tool-btn .dashicons{
width:17px !important;
height:17px !important;
font-size:17px !important;
}
body.tsc-mobile-layout-active .tsc-mobile-map-tool-btn.tsc-mobile-map-passenger-toggle,
.tsc-mobile-map-tool-btn.tsc-mobile-map-passenger-toggle{
width:36px !important;
min-width:36px !important;
flex:0 0 36px !important;
min-height:36px !important;
padding:4px !important;
}
body.tsc-mobile-layout-active .tsc-mobile-map-tool-btn.tsc-mobile-map-passenger-toggle img,
.tsc-mobile-map-tool-btn.tsc-mobile-map-passenger-toggle img{
width:25px !important;
height:25px !important;
}
body.tsc-mobile-layout-active .tsc-passenger-fab,
body.tsc-mobile-layout-active #tsc-passenger-fab,
.tsc-passenger-fab,
#tsc-passenger-fab{
width:50px !important;
height:50px !important;
min-width:50px !important;
max-width:50px !important;
}
body.tsc-mobile-layout-active .tsc-passenger-fab img,
body.tsc-mobile-layout-active #tsc-passenger-fab img,
body.tsc-mobile-layout-active .tsc-passenger-fab span,
body.tsc-mobile-layout-active #tsc-passenger-fab span,
.tsc-passenger-fab img,
#tsc-passenger-fab img,
.tsc-passenger-fab span,
#tsc-passenger-fab span{
width:50px !important;
height:50px !important;
}
}
@media (max-width:380px){
body.tsc-mobile-layout-active .tsc-mobile-lang-switcher,
.tsc-mobile-lang-switcher{ gap:6px !important; padding-left:8px !important; padding-right:8px !important; }
body.tsc-mobile-layout-active .tsc-mobile-lang-btn,
.tsc-mobile-lang-btn{ min-width:38px !important; padding:7px 10px !important; font-size:13px !important; }
body.tsc-mobile-layout-active .tsc-google-view-controls button,
.tsc-google-view-controls button{ padding:6px 8px !important; font-size:11px !important; }
body.tsc-mobile-layout-active .tsc-mobile-map-tool-btn,
.tsc-mobile-map-tool-btn{ padding:6px 8px !important; font-size:11px !important; }
} @media (max-width: 680px){
#tsc-map .gm-style-mtc,
#tsc-map .gm-style-mtc-bbw,
.tsc-mobile-map-inner #tsc-map .gm-style-mtc,
.tsc-mobile-map-inner #tsc-map .gm-style-mtc-bbw{
display:none !important;
visibility:hidden !important;
pointer-events:none !important;
}
} .tsc-passenger-fab,
#tsc-passenger-fab,
.tsc-passenger-fab.tsc-passenger-dot-clean,
#tsc-passenger-fab.tsc-passenger-dot-clean{
width:48px!important;
height:48px!important;
min-width:48px!important;
min-height:48px!important;
max-width:48px!important;
max-height:48px!important;
padding:0!important;
margin:0!important;
border:0!important;
outline:0!important;
border-radius:999px!important;
background:transparent!important;
background-color:transparent!important;
box-shadow:none!important;
color:transparent!important;
font-size:0!important;
line-height:0!important;
gap:0!important;
overflow:visible!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
-webkit-appearance:none!important;
appearance:none!important;
cursor:grab!important;
touch-action:none!important;
}
.tsc-passenger-fab::before,
.tsc-passenger-fab::after,
#tsc-passenger-fab::before,
#tsc-passenger-fab::after{
content:none!important;
display:none!important;
width:0!important;
height:0!important;
background:transparent!important;
box-shadow:none!important;
border:0!important;
}
.tsc-passenger-fab > img,
#tsc-passenger-fab > img,
.tsc-passenger-fab.tsc-passenger-dot-clean > img,
#tsc-passenger-fab.tsc-passenger-dot-clean > img{
display:block!important;
width:48px!important;
height:48px!important;
min-width:48px!important;
min-height:48px!important;
max-width:48px!important;
max-height:48px!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:999px!important;
background:transparent!important;
object-fit:cover!important;
box-shadow:0 10px 24px rgba(70,32,90,.24)!important;
pointer-events:none!important;
}
.tsc-passenger-fab > small,
#tsc-passenger-fab > small{
display:none!important;
}
.tsc-passenger-fab > span,
#tsc-passenger-fab > span{
width:48px!important;
height:48px!important;
min-width:48px!important;
min-height:48px!important;
max-width:48px!important;
max-height:48px!important;
padding:0!important;
margin:0!important;
border-radius:999px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:#ec4837!important;
color:#fff!important;
box-shadow:0 10px 24px rgba(70,32,90,.24)!important;
font-size:24px!important;
line-height:1!important;
}
@media (max-width:680px){
.tsc-passenger-fab,
#tsc-passenger-fab,
.tsc-passenger-fab.tsc-passenger-dot-clean,
#tsc-passenger-fab.tsc-passenger-dot-clean{
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
max-width:42px!important;
max-height:42px!important;
right:12px!important;
bottom:72px!important;
}
.tsc-passenger-fab > img,
#tsc-passenger-fab > img,
.tsc-passenger-fab > span,
#tsc-passenger-fab > span{
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
max-width:42px!important;
max-height:42px!important;
}
}.tsc-social-icons{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px auto;max-width:980px;z-index:9998}.tsc-social-icons__title{font-weight:700;color:#6f2c91;margin-right:4px}.tsc-social-icons__list{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.tsc-social-icon{width:38px;height:38px;border-radius:999px;border:1px solid rgba(111,44,145,.18);background:#fff;color:#4b5563;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;font-size:19px;line-height:1;box-shadow:0 8px 22px rgba(31,41,55,.08);cursor:pointer;padding:0}.tsc-social-icon:hover{color:#6f2c91;border-color:#6f2c91;transform:translateY(-1px)}.tsc-social-icon img{width:24px;height:24px;object-fit:contain;display:block}.tsc-social-icons.is-auto.is-floating-bottom{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:rgba(255,255,255,.96);border-radius:999px;padding:8px 12px;box-shadow:0 12px 35px rgba(0,0,0,.18)}.tsc-social-icons.is-auto.is-floating-right{position:fixed;right:18px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.96);border-radius:999px;padding:10px;box-shadow:0 12px 35px rgba(0,0,0,.18)}.tsc-social-icons.is-auto.is-floating-right .tsc-social-icons__list{flex-direction:column}
.tsc-social-popup-buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.tsc-social-popup-buttons.is-compact{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:99999;display:flex;flex-direction:column;gap:8px;margin:0;align-items:center}.tsc-social-popup-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#6f2c91;color:#fff!important;text-decoration:none;font-weight:800;padding:11px 18px;border:0;cursor:pointer;box-shadow:0 10px 24px rgba(111,44,145,.22)}.tsc-social-popup-button.is-round{width:46px;height:46px;padding:0;border-radius:999px;font-size:22px;line-height:1}.tsc-social-popup-button.is-round .tsc-social-popup-button__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.tsc-social-popup-button__icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.tsc-social-popup-button:hover{transform:translateY(-1px);filter:brightness(1.04)}
.tsc-social-modal{position:fixed;inset:0;display:block;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:100000}.tsc-social-modal[aria-hidden="false"]{opacity:1;pointer-events:auto}.tsc-social-modal__backdrop{position:absolute;inset:0;background:rgba(17,24,39,.38);backdrop-filter:blur(1.5px)}.tsc-social-modal__dialog{position:relative;z-index:1;background:#fff;padding:18px;border-radius:20px;box-shadow:0 22px 60px rgba(0,0,0,.24);color:#1f2937;max-height:82vh;overflow:auto}.tsc-social-modal.is-size-small .tsc-social-modal__dialog{max-width:380px}.tsc-social-modal.is-size-medium .tsc-social-modal__dialog{max-width:520px}.tsc-social-modal.is-size-large .tsc-social-modal__dialog{max-width:680px}.tsc-social-modal.is-pos-center .tsc-social-modal__dialog{margin:10vh auto}.tsc-social-modal.is-pos-right .tsc-social-modal__dialog{margin:8vh 22px 0 auto}.tsc-social-modal.is-pos-left .tsc-social-modal__dialog{margin:8vh auto 0 22px}.tsc-social-modal.is-pos-bottom-right .tsc-social-modal__dialog{position:absolute;right:22px;bottom:22px;margin:0}.tsc-social-modal.is-pos-bottom-left .tsc-social-modal__dialog{position:absolute;left:22px;bottom:22px;margin:0}.tsc-social-modal__close{position:absolute;top:10px;right:10px;background:#f4ecfa;color:#6f2c91;border:0;border-radius:999px;width:34px;height:34px;font-size:23px;line-height:1;cursor:pointer}.tsc-social-modal__title{margin:0 42px 10px 0;color:#6f2c91;font-size:21px}.tsc-social-modal__content{font-size:15px;line-height:1.55}.tsc-social-modal__content p:first-child{margin-top:0}.tsc-social-modal__content p:last-child{margin-bottom:0}.tsc-social-modal__image{width:100%;max-height:220px;object-fit:contain;border-radius:14px;margin-bottom:14px;display:block;background:#f8f5fb}.tsc-social-modal__video{width:100%;max-height:260px;border-radius:14px;margin-bottom:14px;display:block;background:#000}.tsc-social-modal__link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#6f2c91;color:#fff!important;text-decoration:none;font-weight:800;padding:10px 16px;margin-top:12px}body.tsc-social-modal-open{overflow:hidden}
@media(max-width:700px){.tsc-social-modal__dialog{margin:16px!important;max-width:none!important;width:auto}.tsc-social-modal.is-pos-bottom-right .tsc-social-modal__dialog,.tsc-social-modal.is-pos-bottom-left .tsc-social-modal__dialog{left:12px;right:12px;bottom:12px}.tsc-social-icons.is-auto.is-floating-bottom{left:12px;right:12px;transform:none;bottom:12px;border-radius:18px}.tsc-social-icons.is-auto.is-floating-right{right:10px}.tsc-social-icon{width:36px;height:36px}.tsc-social-popup-button.is-round{width:42px;height:42px;font-size:20px}} .tsc-social-popup-buttons.is-compact .tsc-social-popup-button.is-round{box-shadow:0 12px 28px rgba(111,44,145,.28)}
@media(max-width:700px){.tsc-social-popup-buttons.is-compact{right:12px;top:auto;bottom:92px;transform:none}.tsc-social-popup-buttons.is-compact .tsc-social-popup-button.is-round{width:40px;height:40px;font-size:19px}}