:root{color-scheme:dark;--ink:#101b21;--panel:#18262d;--line:#365058;--muted:#9aaeb1;--ivory:#f4f1e9;--aqua:#83e3d1;--ember:#e98669;--lime:#cedc9b;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0d171c;color:var(--ivory)}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--aqua);outline-offset:4px}button:disabled{opacity:.5;cursor:not-allowed}.app-shell{width:100%;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:76px minmax(0,1fr) 48px;background:radial-gradient(circle at 49% 34%,#263b41 0,#101b21 64%)}.topbar{display:grid;grid-template-columns:236px 1fr auto;align-items:center;border-bottom:1px solid #ffffff20;padding:0 30px;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ivory);text-decoration:none;font-size:23px;font-weight:800;letter-spacing:.12em;width:max-content}.brand small{font-size:8px;font-weight:700;letter-spacing:.34em;color:var(--aqua);display:block;margin-top:-3px}.brand-mark{width:25px;height:25px;display:flex;align-items:end;gap:3px;transform:skew(-15deg)}.brand-mark i{display:block;width:6px;border-radius:3px 3px 0 0;background:var(--aqua)}.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:24px;background:var(--ember)}.brand-mark i:nth-child(3){height:17px}.topbar-center,.topbar-right{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.09em;color:#c1cecd}.topbar-center{justify-self:center}.topbar-rule{height:14px;width:1px;background:#668087}.live-dot{width:6px;height:6px;background:#b4e7b4;box-shadow:0 0 0 4px #b4e7b420,0 0 16px #b4e7b4;display:inline-block;border-radius:50%;flex:none}.topbar-right{justify-self:end}.date-label{color:#91a5aa}.clock{font-size:19px;font-weight:600;letter-spacing:.03em;font-variant-numeric:tabular-nums;color:var(--ivory)}.icon-button{border:1px solid #52676a;background:none;color:var(--ivory);width:28px;height:28px;border-radius:50%;font-size:12px}.workspace{min-height:0;display:grid;grid-template-columns:minmax(205px,238px) minmax(400px,1fr) minmax(306px,342px);gap:12px;padding:12px}.section-kicker{display:block;color:var(--aqua);font-size:10px;font-weight:700;letter-spacing:.19em;line-height:1.4}.overview{min-height:0;display:flex;flex-direction:column;padding:26px 9px 15px 18px}.overview-head h1{font-size:clamp(25px,2.8vw,39px);line-height:1.32;letter-spacing:.025em;margin:18px 0 14px;font-weight:700}.accent{color:var(--ember)}.overview-head p{font-size:12px;line-height:1.95;color:#9fb4b6;letter-spacing:.04em;margin:0}.overview-metrics{display:flex;flex-direction:column;gap:8px;margin-top:auto}.metric{border-radius:18px;position:relative;overflow:hidden;padding:17px 18px}.metric-head{display:flex;justify-content:space-between;align-items:start;gap:5px;font-size:11px;font-weight:600;letter-spacing:.06em}.metric-primary{min-height:148px;background:var(--ember);color:#26323a}.metric-primary:before{content:"";position:absolute;width:170px;height:170px;border:1px solid #26323a30;border-radius:50%;right:-70px;top:-71px;box-shadow:0 0 0 20px #ffffff0c,0 0 0 45px #ffffff0b}.metric-primary strong{font-size:39px;display:block;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:23px 0 13px;line-height:1}.metric strong small{font-size:13px;font-weight:700;margin-left:4px}.metric-glyph{font-size:20px;line-height:1}.metric-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700}.bar-track{display:inline-block;width:62px;height:3px;background:#242e3459}.bar-track i{display:block;background:#26323a;height:100%;width:72%}.metric-light{min-height:137px;background:#e7e9e3;color:#25353b}.metric-light strong,.metric-dark strong{display:block;letter-spacing:-.065em;font-size:40px;line-height:1;margin:21px 0 8px;font-variant-numeric:tabular-nums}.metric-light p,.metric-dark p{margin:0;font-size:9px;letter-spacing:.07em}.metric-decimal{font-size:24px}.ring-chart{position:absolute;right:16px;bottom:17px;width:58px;height:58px;border-radius:50%;background:conic-gradient(var(--ember) 0 78%,#b8c9c4 78% 100%);mask:radial-gradient(transparent 0 20px,#000 21px)}.metric-dark{min-height:129px;background:#26373e;border:1px solid #51656a;color:var(--ivory)}.metric-dark strong{color:var(--aqua)}.metric-dark p{color:#96afb0}.mini-bars{position:absolute;right:17px;bottom:19px;display:flex;gap:3px;align-items:end;height:38px}.mini-bars i{display:block;width:3px;height:45%;background:#8fe2d0}.mini-bars i:nth-child(2n){height:85%;background:#d2ddaa}.mini-bars i:nth-child(3n){height:62%}.mini-bars i:nth-child(5n){height:100%}.overview-foot{font-size:10px;color:#8ba1a4;letter-spacing:.06em;margin:21px 0 0}.foot-symbol{color:var(--aqua);font-size:17px;vertical-align:middle;margin-right:7px}.map-panel{min-width:0;min-height:0}.map-frame{height:100%;min-height:620px;position:relative;border-radius:22px;border:1px solid #7290927d;overflow:hidden;background:#1c323a;box-shadow:inset 0 0 40px #081b2090,0 18px 60px #06121745}.map-frame:after{content:"";position:absolute;inset:0;border:1px solid #ffffff20;border-radius:22px;pointer-events:none}.map-top{position:absolute;z-index:4;top:29px;left:33px;right:31px;display:flex;align-items:start;justify-content:space-between;pointer-events:none}.map-top h2{margin:6px 0 0;font-size:30px;line-height:1.2;letter-spacing:.06em;font-weight:700;text-shadow:0 2px 20px #07171d}.map-badge{font-size:9px;letter-spacing:.14em;display:flex;align-items:center;gap:8px;border:1px solid #89aaaa55;background:#14282ebd;padding:10px 12px;border-radius:40px;backdrop-filter:blur(12px)}.map-badge b{font-size:14px;font-weight:400;color:#83a1a4}.map-viewport{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 55% 45%,#35545c,#1c323a 60%,#172b33)}.map-viewport:before,.map-viewport:after{content:"";position:absolute;z-index:2;pointer-events:none;inset:0}.map-viewport:before{background:linear-gradient(#142932d9,transparent 25%,transparent 62%,#10242fcc)}.map-viewport:after{background:radial-gradient(ellipse at 50% 45%,transparent 25%,#07191f5a 100%)}.map-content{position:absolute;left:50%;top:50%;width:max(100%,840px);aspect-ratio:1000/600;transform:translate(-50%,-50%) scale(var(--map-zoom,1));transition:transform .5s cubic-bezier(.22,1,.36,1);transform-origin:center;z-index:1}.map-svg{display:block;width:100%;height:100%}.district{stroke:#8eb6b32a;stroke-width:13;fill:none}.city-block{fill:#a8c6ba;stroke:#b5d2cb;stroke-width:1;opacity:.09}.city-block:nth-child(3n){fill:#e7ddc8;opacity:.12}.city-block:nth-child(5n){opacity:.18}.river-edge{fill:none;stroke:#8dc2bd33;stroke-width:6}.line{fill:none;stroke-width:4;opacity:.68;stroke-linecap:round}.line-a{stroke:#67bfb6}.line-b{stroke:#d88672}.line-c{stroke:#b5c78d}.active-glow{stroke:#bafbeb;stroke-width:18;fill:none;opacity:.44;filter:url(#route-glow);stroke-linecap:round;stroke-linejoin:round}.active-route{stroke:var(--aqua);stroke-width:6;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0;transition:stroke .25s}.vehicle-halo{fill:#d6fff3;opacity:.22}.vehicle{fill:#e8fff5;stroke:#143037;stroke-width:2}.station-layer{position:absolute;inset:0}.station{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;color:#d5e1d9;width:18px;height:18px;border-radius:50%;z-index:2}.station:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:#dbe8dc;border:2px solid #2d4b4e;box-shadow:0 0 0 3px #c2ddd241}.station:hover:before,.station.is-selected:before,.station.is-endpoint:before{background:var(--ember);box-shadow:0 0 0 5px #e9866930,0 0 22px #e98669}.station-label{position:absolute;top:20px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;font-weight:700;letter-spacing:.04em;text-shadow:0 2px 6px #09191d,0 0 10px #09191d;pointer-events:none}.station:nth-child(2n) .station-label{top:auto;bottom:20px}.station.is-endpoint .station-label{color:#ffd1bc}.map-tools{position:absolute;z-index:5;right:23px;top:106px;display:flex;align-items:center;flex-direction:column;background:#13252cd9;border:1px solid #93b4ae55;padding:6px;border-radius:28px;box-shadow:0 10px 30px #07182077;backdrop-filter:blur(12px)}.map-tools button{background:transparent;border:0;color:var(--ivory);width:31px;height:31px;border-radius:50%;font-size:18px;line-height:1}.map-tools button:hover,.map-tools button[aria-pressed="false"]{background:#436469}.map-tools #layers-button{font-size:19px}.map-tools span:not(.tool-divider){font-size:8px;color:#b5c8c7;padding:5px 0}.tool-divider{height:1px;width:21px;background:#698687;margin:4px 0}.map-crosshair{position:absolute;z-index:3;width:22px;height:22px;border:1px solid #b9ddd146;pointer-events:none}.crosshair-a{left:28px;bottom:29px;border-right:0;border-top:0}.crosshair-b{right:28px;bottom:29px;border-left:0;border-top:0}.map-bottom{position:absolute;z-index:4;bottom:28px;left:33px;right:31px;display:flex;align-items:end;justify-content:space-between;pointer-events:none}.map-caption{display:flex;gap:16px;align-items:start}.map-caption-line{width:2px;height:84px;background:var(--ember)}.map-caption p{font-size:clamp(19px,2.1vw,29px);font-weight:700;line-height:1.36;letter-spacing:.07em;margin:5px 0 0;text-shadow:0 4px 16px #0c2428}.map-scale{display:flex;gap:9px;align-items:center;font-size:9px;color:#cadbd4;letter-spacing:.04em}.scale-rule{width:42px;height:8px;border:1px solid #b7d4ce;border-top:0}.map-viewport.no-blocks .city-block,.map-viewport.no-blocks .district{opacity:0}.planner{min-height:0;display:flex;flex-direction:column;padding:25px 18px 13px 22px}.planner-heading h2{font-size:clamp(25px,2.5vw,35px);line-height:1.36;letter-spacing:.05em;margin:15px 0 9px}.planner-heading p{font-size:10px;color:#94aaad;letter-spacing:.05em;margin:0}.trip-fields{position:relative;margin-top:28px;border:1px solid #526b6d;border-radius:14px;background:#1d3037}.trip-fields label{display:flex;flex-direction:column;padding:12px 17px;gap:7px}.trip-fields label:first-child{border-bottom:1px solid #526b6d}.trip-fields label span{display:flex;align-items:center;gap:9px;color:#9eb4b4;font-size:10px;letter-spacing:.1em}.field-dot{width:8px;height:8px;display:inline-block;border-radius:50%}.start-dot{border:2px solid var(--aqua)}.end-dot{background:var(--ember)}.trip-fields select{background:transparent;border:0;color:var(--ivory);font-size:15px;font-weight:700;width:100%;appearance:none;outline:none;padding:0 24px 0 17px;cursor:pointer}.trip-fields select option{background:#1d3037;color:white}.swap-button{position:absolute;right:11px;top:50%;transform:translateY(-50%);border:1px solid #658084;background:#263c43;color:var(--aqua);width:28px;height:28px;border-radius:50%;z-index:2;font-size:16px;line-height:1}.swap-button:hover{background:var(--aqua);color:#13252a}.planner-divider{height:1px;background:#58707480;margin:27px 0 23px}.route-heading{display:flex;align-items:end;justify-content:space-between}.route-heading h3{font-size:16px;letter-spacing:.06em;margin:5px 0 0}.route-heading>span{font-size:9px;color:#879fa1}.route-options{display:flex;flex-direction:column;gap:7px;margin-top:13px}.route-card{display:grid;grid-template-columns:17px 1fr auto;align-items:center;gap:10px;width:100%;min-height:59px;background:#1b2d34;border:1px solid #435b5f;color:var(--ivory);border-radius:10px;text-align:left;padding:10px 11px;transition:background .2s,border-color .2s,transform .2s}.route-card:hover{transform:translateX(2px);background:#2a434a}.route-card.active{background:#294b4d;border-color:#8ce5d4;box-shadow:inset 3px 0 var(--aqua)}.route-radio{width:13px;height:13px;border:1px solid #9bb4b3;border-radius:50%;position:relative}.route-card.active .route-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--aqua)}.route-name{font-size:11px;font-weight:700;display:block}.route-meta{font-size:9px;color:#a8babb;display:block;margin-top:3px;letter-spacing:.02em}.route-time{font-size:22px;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.route-time small{font-size:9px;font-weight:500;margin-left:2px}.station-detail{background:#e8ebe4;color:#27383d;border-radius:12px;margin-top:auto;padding:16px 17px;min-height:105px;position:relative;overflow:hidden}.station-detail:after{content:"";position:absolute;right:-16px;bottom:-51px;width:112px;height:112px;border:1px solid #7ea4a255;border-radius:50%;box-shadow:0 0 0 16px #7ea4a21c,0 0 0 35px #7ea4a214}.detail-label{color:#557571;font-size:9px;font-weight:700;letter-spacing:.15em}.station-detail strong{font-size:18px;display:block;margin:8px 0 4px;letter-spacing:.05em}.station-detail p{font-size:10px;margin:0;max-width:205px;line-height:1.5}.planner-actions{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:9px;color:#849ca0;letter-spacing:.06em}.motion-toggle{display:flex;align-items:center;gap:7px;background:none;border:none;padding:0;color:#b9d1cf;font-size:10px}.motion-toggle:hover{color:var(--aqua)}#motion-icon{border:1px solid #839e9e;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:9px}.footer{display:flex;justify-content:space-between;align-items:center;padding:0 29px;border-top:1px solid #ffffff20;font-size:9px;color:#88a0a2;letter-spacing:.05em;gap:15px}.footer>div{display:flex;gap:18px}.legend{display:flex;align-items:center;gap:6px;white-space:nowrap}.legend i{display:inline-block;width:12px;height:2px}.legend-a{background:var(--aqua)}.legend-b{background:var(--ember)}.legend-c{background:var(--lime)}dialog{max-width:460px;background:#20353b;border:1px solid #82b2ac;color:var(--ivory);padding:35px;border-radius:18px;box-shadow:0 20px 80px #0009}dialog::backdrop{background:#061419cf;backdrop-filter:blur(5px)}dialog h2{font-size:28px;margin:13px 0 18px}dialog p{font-size:13px;line-height:1.9;color:#c9d9d5}dialog .help-note{font-size:10px;color:#9bb0ac}#help-close{position:absolute;right:19px;top:13px;background:none;border:none;color:var(--ivory);font-size:26px}
@media(max-width:1190px){.workspace{grid-template-columns:190px minmax(340px,1fr) 300px}.topbar{grid-template-columns:190px 1fr auto}.overview{padding-left:10px}.planner{padding-left:13px;padding-right:9px}.overview-head h1{font-size:27px}.metric{padding:13px}.metric-primary strong{font-size:32px}.map-top{left:22px}.map-bottom{left:22px}}
@media(max-width:950px){.app-shell{display:block}.topbar{height:64px;grid-template-columns:1fr auto}.topbar-center{display:none}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-template-areas:"map planner" "overview planner";align-items:start;padding:9px;gap:9px}.map-panel{grid-area:map}.map-frame{height:min(68vw,680px);min-height:520px}.planner{grid-area:planner;min-height:690px;padding:19px 13px}.overview{grid-area:overview;display:block;padding:18px}.overview-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.overview-head h1{font-size:23px;margin:0}.overview-head p{display:none}.overview-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px}.metric{min-height:115px}.metric-primary strong,.metric-light strong,.metric-dark strong{font-size:26px;margin:15px 0 9px}.metric-light,.metric-dark{min-height:115px}.metric p,.ring-chart,.mini-bars{display:none}.overview-foot{display:none}.footer{min-height:48px}}
@media(max-width:680px){.topbar{padding:0 17px;height:58px}.brand{font-size:19px}.brand-mark{transform:scale(.8) skew(-15deg);transform-origin:left}.topbar-right{gap:8px}.date-label{display:none}.clock{font-size:15px}.workspace{display:flex;flex-direction:column;padding:8px;gap:8px}.map-panel,.planner,.overview{width:100%}.map-panel{order:1}.map-frame{height:66vh;height:66svh;min-height:440px;max-height:600px;border-radius:15px}.map-top{top:18px;left:18px;right:18px}.map-top h2{font-size:24px}.map-top .section-kicker{font-size:8px}.map-badge{font-size:7px;padding:7px;gap:5px}.map-content{width:800px}.map-viewport{touch-action:pan-y;cursor:grab}.map-viewport.is-dragging{cursor:grabbing}.map-tools{right:13px;top:93px}.map-bottom{bottom:19px;left:19px;right:19px}.map-caption-line{height:57px}.map-caption{gap:10px}.map-caption p{font-size:19px}.map-caption .section-kicker{font-size:8px}.map-scale{display:none}.station-label{font-size:9px}.overview{order:2;padding:19px 12px 12px}.overview-head h1{font-size:25px}.overview-metrics{gap:6px}.metric{padding:11px;border-radius:12px}.metric-primary,.metric-light,.metric-dark{min-height:100px}.metric-head{font-size:8px}.metric-primary strong,.metric-light strong,.metric-dark strong{font-size:23px}.metric strong small{font-size:9px}.metric-bottom{font-size:7px}.metric-bottom .bar-track{display:none}.planner{order:3;min-height:0;padding:25px 13px 19px;background:#17262c;border-radius:15px}.planner-heading h2{font-size:28px}.trip-fields{margin-top:21px}.planner-divider{margin:22px 0}.route-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.route-card{grid-template-columns:1fr;gap:4px;min-height:102px;padding:10px}.route-radio{display:none}.route-name{font-size:10px}.route-meta{font-size:8px}.route-time{font-size:23px}.station-detail{margin-top:20px}.footer{display:block;padding:13px 16px;line-height:1.8}.footer>div{justify-content:space-between;margin:9px 0}.footer>span:last-child{display:block}dialog{margin:20px;max-width:calc(100% - 40px);padding:25px}}
@media(max-width:390px){.map-content{width:760px}.map-badge{display:none}.overview-metrics{grid-template-columns:1fr 1fr}.metric-dark{display:none}.route-options{grid-template-columns:1fr}.route-card{grid-template-columns:17px 1fr auto;min-height:54px}.route-radio{display:block}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}.map-content{transition:none}.vehicle-halo,.vehicle{display:none}}
.map-content{transform:translate(calc(-50% + var(--pan-x,0px)),-50%) scale(var(--map-zoom,1))}