.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-bottom,.leaflet-top{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:hsla(0,0%,100%,.5)}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(/_next/static/media/layers.ef6db872.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(/_next/static/media/layers-2x.9859cd12.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(/_next/static/media/marker-icon.d577052a.png)}.leaflet-container .leaflet-control-attribution{background:#fff;background:hsla(0,0%,100%,.8);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;box-sizing:border-box;background:hsla(0,0%,100%,.8);text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--ink:#17181c;--muted:#5b5e66;--line:#e7e2d6;--ground:#f4f1ea;--card:#fff;--amber:#ffc21a;--amber-deep:#e0a100;--red:#d9342b;--green:#16a34a;--green-soft:#d7f2e1}*{box-sizing:border-box}body,html{margin:0}body{background:var(--ground);color:var(--ink);font-family:Noto Sans Ethiopic,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}a{color:#1d4ed8}button,input,select{font:inherit;color:inherit}.shell{max-width:480px;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;background:var(--ground)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:5}.topbar.dark{background:var(--ink);color:#fff;border:none}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.logo{width:36px;height:36px;border-radius:10px;background:var(--ink);color:var(--amber);display:grid;place-items:center;font-weight:800;font-size:18px}.dark .logo{background:var(--amber);color:var(--ink)}.brand b{font-size:17px;display:block;line-height:1.1}.brand small{font-size:12px;color:var(--muted)}.dark .brand small{color:#c9cbd1}.content{flex:1 1;padding:14px 16px 24px;display:flex;flex-direction:column;gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:6px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.muted{color:var(--muted);font-size:13px}h1{font-size:22px}h1,h2{margin:0;font-weight:800}h2{font-size:16px}label{font-size:13px;font-weight:700}.input{height:50px;border-radius:12px;border:1.5px solid var(--line);background:#fff;padding:0 12px;font-size:16px;width:100%}.input:focus{outline:2px solid var(--amber);border-color:var(--amber-deep)}.btn{height:50px;border-radius:14px;border:none;font-weight:800;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;text-decoration:none}.btn:disabled{opacity:.55;cursor:default}.btn-dark{background:var(--ink);color:#fff}.btn-amber{background:var(--amber);color:var(--ink)}.btn-red{background:var(--red);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-orange{background:#f59e0b;color:#fff}.btn-ghost{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}.btn-icon{width:44px;height:44px;padding:0;border-radius:12px;border:1px solid var(--line);background:#fff}.full{width:100%}.error{background:#fdecea;color:#8a1c14;border-radius:12px;padding:10px 12px;font-size:14px}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:13px;font-weight:700}.pill-live{background:#e8f7ee;color:#11703a}.pill-off{background:#f3f3f3;color:#5b5e66}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}.route{border:1.5px solid var(--amber)}.stat b{font-size:20px;display:block}.bus{position:relative;margin:6px 14px 14px;padding:16px 14px 22px;background:#8f9295;border:6px solid #d9dbd8;border-radius:48px 48px 26px 26px;box-shadow:0 2px 0 #6b6e70,inset 0 0 0 2px #7b7e81}.bus:after,.bus:before{content:"";position:absolute;top:30px;width:18px;height:8px;border-radius:4px;background:#4a4d50}.bus:before{left:-22px}.bus:after{right:-22px}.bus .lights{position:absolute;bottom:-12px;left:10px;right:10px;display:flex;justify-content:space-between}.bus .lights span{width:30px;height:10px;border-radius:0 0 6px 6px;background:#c2382e}.seats{display:grid;grid-gap:8px;gap:8px}.cell{height:62px;border-radius:10px}.cell-door{background:#e9e7e1;border:2px solid #6f7275;display:grid;place-items:center;font-size:12px;font-weight:700;color:#3b3d41}.cell-driver{display:flex;align-items:center;justify-content:center;border-right:2px solid #6f7275;border-bottom:2px solid #6f7275;border-radius:0}.driver-img{height:58px;width:auto;display:block;pointer-events:none}.seat{position:relative;border:2px solid #a7aaad;background:#b9bbbc;color:var(--red);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background .25s,border-color .25s,transform .15s}.seat:active{transform:scale(.96)}.seat.small{align-items:flex-end;padding-bottom:6px}.seat.paid{background:var(--green-soft);border-color:#0f7a34;color:var(--green)}.seat.flash{animation:flash 1.2s ease-out}.seat.selected{outline:3px solid var(--amber);outline-offset:1px}.seat.held{border-style:dashed;border-color:var(--amber);opacity:.65}.seat.static{cursor:default}.seat-img{width:auto;display:block;pointer-events:none;transition:filter .3s;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.seat.paid .seat-img{filter:hue-rotate(118deg) brightness(1.1) drop-shadow(0 1px 1px rgba(0,0,0,.25))}.seat .num{position:absolute;top:-8px;right:-6px;min-width:22px;height:22px;border-radius:11px;background:var(--amber);color:var(--ink);font-size:12px;font-weight:800;display:grid;place-items:center;padding:0 4px}.seat.paid .num{background:var(--green);color:#fff}.spinner{width:56px;height:56px;border-radius:50%;border:5px solid var(--line);border-top-color:var(--green);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes flash{0%{box-shadow:0 0 0 0 rgba(22,163,74,.9)}to{box-shadow:0 0 0 16px rgba(22,163,74,0)}}.legend{display:flex;gap:14px;justify-content:center;font-size:12px;color:#3b3d41}.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}.tabbar{position:-webkit-sticky;position:sticky;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:4px;gap:4px;padding:8px 10px 14px;background:#fff;border-top:1px solid var(--line)}.tabbar a{height:54px;border-radius:16px;color:#3b3d41;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;gap:2px}.tabbar a.on{background:var(--amber);color:var(--ink);font-weight:700}.choice{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:#fff;border:2px solid var(--line);cursor:pointer;text-align:left}.choice.on{border-color:var(--amber-deep);box-shadow:0 4px 14px rgba(224,161,0,.22)}.radio{width:22px;height:22px;border-radius:50%;border:2px solid #a7aaad;flex:none}.on .radio{border:7px solid var(--amber-deep)}.toast{position:fixed;left:50%;top:16px;transform:translateX(-50%);background:var(--green);color:#fff;padding:12px 18px;border-radius:14px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.2);z-index:50}.modal-back{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:flex-end;justify-content:center;z-index:40}.sheet{width:100%;max-width:480px;background:#fff;border-radius:20px 20px 0 0;padding:18px 16px 24px;display:flex;flex-direction:column;gap:12px}.qr-sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.qr-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;text-align:center;page-break-inside:avoid;break-inside:avoid}.qr-card img{width:100%;height:auto;display:block}@media print{.no-print{display:none!important}.shell{max-width:none;background:#fff}.qr-sheet{grid-template-columns:repeat(3,1fr)}}.photo-drop{height:170px;border-radius:14px;border:2px dashed #b4b7ba;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;color:var(--muted);font-weight:400}.photo-drop img{width:100%;height:100%;object-fit:cover}.model-thumb{width:64px;height:44px;border-radius:10px;background:#f4f1ea;overflow:hidden;display:grid;place-items:center;flex:none;text-align:center}.model-thumb img{width:100%;height:100%;object-fit:cover}.car-photo{width:104px;height:64px;border-radius:12px;overflow:hidden;flex:none;display:grid;place-items:center}.car-photo img{width:100%;height:100%;object-fit:cover}.live-map{width:100%;background:#e8e4d8;position:relative;z-index:0}.live-map .leaflet-container{background:#e8e4d8;font:inherit}.map-stop{position:absolute;transform:translate(-7px,-7px);display:flex;align-items:center;gap:4px;white-space:nowrap;pointer-events:none}.map-stop span{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #17181c;box-sizing:border-box}.map-stop b{font-size:11px;background:hsla(0,0%,100%,.85);padding:1px 5px;border-radius:6px;color:#17181c}.map-stop.mine span{background:#2563eb;border-color:#fff;width:18px;height:18px;box-shadow:0 0 0 6px rgba(37,99,235,.2)}.map-stop.mine b{background:#2563eb;color:#fff}.map-taxi{position:absolute;transform:translate(-50%,-50%);height:30px;padding:0 9px 0 7px;border-radius:15px;color:#fff;display:flex;align-items:center;gap:3px;font-weight:800;font-size:12px;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.35);white-space:nowrap;cursor:pointer;transition:transform .2s}.map-taxi.sel{border:3px solid var(--amber);transform:translate(-50%,-50%) scale(1.15)}.map-taxi.dim{opacity:.4}.p-shell{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--ground)}.p-main{flex:1 1}.p-main,.sheet-panel{display:flex;flex-direction:column}.sheet-panel{margin-top:-18px;position:relative;z-index:1;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -4px 16px rgba(0,0,0,.08);padding:6px 16px 16px;gap:10px;flex:1 1}.grabber{width:40px;height:5px;border-radius:3px;background:#d5d2c8;align-self:center;margin:4px 0}.chips{display:flex;gap:6px;overflow-x:auto}.chip{height:36px;padding:0 12px;border-radius:18px;border:1.5px solid var(--line);background:#fff;font-weight:700;font-size:13px;white-space:nowrap;cursor:pointer}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.taxi-row{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#fff;border:2px solid var(--line);cursor:pointer;text-align:left;text-decoration:none;color:inherit}.taxi-row.on{border-color:var(--amber-deep)}.eta-box{width:52px;height:52px;border-radius:12px;background:var(--ground);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;line-height:1}.taxi-row.on .eta-box{background:var(--amber)}.eta-box b{font-size:20px}.eta-box small{font-size:10px;font-weight:700}.leave-card{border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:4px}.leave-card.go{background:var(--green);color:#fff}.leave-card.now{background:var(--amber);color:var(--ink)}.leave-card.missed{background:var(--red);color:#fff}.leave-card .big{font-size:28px;font-weight:800;line-height:1.15}.timeline{display:flex;flex-direction:column}.tl-row{display:flex;gap:12px}.tl-rail{width:22px;display:flex;flex-direction:column;align-items:center;flex:none}.tl-dot{width:12px;height:12px;border-radius:50%;border:3px solid #c9c4b6;background:#fff;margin-top:4px;flex:none}.tl-line{width:3px;flex:1 1;background:var(--line);border-radius:2px}.tl-row.passed .tl-dot{border-color:var(--green)}.tl-row.passed .tl-dot,.tl-row.passed .tl-line{background:var(--green)}.tl-row.now .tl-dot{width:16px;height:16px;border-color:var(--ink);background:var(--ink);box-shadow:0 0 0 4px rgba(255,194,26,.6)}.tl-row.mine .tl-dot{width:16px;height:16px;border-color:#2563eb;background:#2563eb}.tl-row.mine .tl-name{color:#1d4ed8;font-weight:800}.tl-body{flex:1 1;display:flex;justify-content:space-between;gap:8px;padding-bottom:14px}.switch{width:56px;height:32px;border-radius:16px;border:none;padding:3px;display:flex;flex:none;background:#c9c4b6;cursor:pointer;justify-content:flex-start}.switch.on{background:var(--green);justify-content:flex-end}.switch span{width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3)}.trip-card{background:var(--ink);color:#fff;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px}.trip-card .stat small{display:block;font-size:11px;color:#c9cbd1}.trip-card .stat b{font-size:22px}.progress{height:8px;border-radius:4px;background:#3a3b40;overflow:hidden}.progress div{height:100%;background:var(--amber);border-radius:4px}