:root{--text:#6b6375;--text-h:#08060d;--bg:#f5f7fa;--border:#e5e4e7;--panel-bg:#2c3e50;--panel-bg-alt:#34495e;--panel-text:#ecf0f1;--cell-bg:#fff;--class-bg:#cce5ff;--class-color-alt:#9ecdff;--muted:#9aa4b2;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{color:var(--text);background:var(--bg);margin:0}:root[data-theme=dark] #social .button-icon{filter:invert()brightness(2)}.app-shell{height:80vh;margin:12px 0}.app-content{height:100%}.app-menu{grid-template-columns:auto auto;gap:20px;width:100%;max-height:10vh;margin:20px auto;display:grid}.menu-item{background:var(--panel-bg);color:var(--panel-text);border-radius:8px;align-items:center;padding:8px}@media (width<=1126px){.app-menu{width:93vw}}svg{width:15%;max-width:50px;fill:var(--muted);margin-bottom:5px}.conditions,.preview-time,.timer,.next,.transfer-panel,.realtime-info,.footer,.realtime-panel,.source-notes{font-family:Avenir Next,Hiragino Sans,Yu Gothic,Yu Gothic Medium,system-ui,sans-serif}.conditions,.next,.transfer-panel,.realtime-panel,.source-notes{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,system-ui,sans-serif}.conditions{box-sizing:border-box;width:min(92%,720px);min-height:90px;box-shadow:none;color:#1d1d1d;text-align:left;background:#fff;border:1px solid #b9b9b9;border-top:8px solid #cda75f;border-radius:0;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(150px,.8fr);gap:0;margin:28px auto 18px;padding:0;display:grid}.conditions>div{min-width:0;margin:0}.stops{display:contents}.conditions .stops>div,.conditions>div:not(.stops){border-right:1px solid #cfcfcf;flex-direction:column;justify-content:center;min-width:0;padding:.65rem .75rem;display:flex}.conditions>div:not(.stops){border-right:0}.conditions label,.train-direction-select label{color:#242424;letter-spacing:0;margin-bottom:.25rem;font-size:.76rem;font-weight:700;display:block}.conditions .select-menu,.train-direction-select .select-menu{box-sizing:border-box;color:#202020;width:100%;min-width:0;min-height:2.25rem;font:inherit;background:#fff;border:1px solid #9f9f9f;border-radius:0;outline:none;margin:0;padding:.4rem .6rem;font-size:.9rem}.conditions .select-menu:focus,.train-direction-select .select-menu:focus{border-color:#b5121b;box-shadow:0 0 0 2px #b5121b1f}.preview-time{box-sizing:border-box;color:#765c08;text-align:center;background:#fff9e8;border:1px solid #f0d98b;border-radius:5px;width:min(92%,720px);margin:0 auto .65rem;padding:.35rem .6rem;font-size:.85rem;font-weight:700}.timer,.next,.transfer-panel,.realtime-info,.footer{box-sizing:border-box;width:min(92%,720px)}.timer{color:#fff;box-shadow:none;background:#171717;border:1px solid #171717;border-top:6px solid #cda75f;border-radius:0;margin:0 auto 1rem}.timer-button{min-height:178px;color:inherit;font:inherit;text-align:center;cursor:pointer;appearance:none;border:0;padding:1.25rem 1rem 1rem;transition:background-color .12s;display:block}.timer-button:hover{background:#252525}.timer-button:active{background:#1c1c1c}.timer-button:disabled{cursor:default;opacity:1}.timer-button:focus-visible,.transfer-close:focus-visible,.transfer-direction-title a:focus-visible,.train-realtime-info a:focus-visible{outline-offset:3px;outline:3px solid #facc15}.timer p{color:#e9f6ff;margin:0 0 .75rem;font-size:.98rem;font-weight:600;line-height:1.6}.plate{color:#fff;white-space:nowrap;vertical-align:middle;border-radius:999px;align-items:center;width:auto;min-width:4.2rem;padding:.35rem .6rem;font-size:.75rem;font-weight:800;line-height:1;display:inline-flex}.timer h1{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.03em;margin:0;font-size:clamp(2.45rem,10vw,4rem);font-weight:700;line-height:1.05}.timer>h1>span{color:#d6ecfb;letter-spacing:0;margin-left:.1em;font-size:.32em;font-weight:500}.next-bus-realtime{box-sizing:border-box;color:#eee;border-top:1px solid #505050;border-bottom:1px solid #505050;justify-content:center;align-items:center;gap:.55rem;width:min(100%,590px);margin:.9rem auto 0;padding:.55rem .7rem;font-size:.8rem;line-height:1.35;display:flex}.next-bus-realtime-label{color:#fff;border-right:3px solid #df252b;padding-right:.55rem;font-weight:700}.next-bus-realtime strong{white-space:nowrap;font-size:.9rem}.next-bus-realtime .is-delayed,.next-bus-realtime .is-unavailable{color:#ff777c}.next-bus-realtime .is-on-time{color:#77df9a}.bus-approach-track{box-sizing:border-box;color:#303030;text-align:center;background:#f5f5f5;border:1px solid #d0d0d0;grid-template-columns:auto minmax(1.8rem,1fr) auto minmax(1.8rem,1fr) auto;align-items:center;width:min(100%,590px);margin:.6rem auto 0;padding:.5rem .65rem;font-size:.76rem;font-weight:700;display:grid}.timer .bus-approach-track{color:#fff;background:#242424;border-color:#505050}.approach-arrow{color:#d92129;letter-spacing:.08em;font-size:1rem}.approach-stop{white-space:nowrap;background:#cda75f1f;border-left:3px solid #cda75f;justify-content:center;align-items:center;gap:.25rem;min-height:2rem;padding:.2rem .45rem;display:inline-flex;position:relative}.approach-stop-current{border-left-color:#df252b;flex-direction:column;line-height:1.05}.approach-stop-current small{color:#777;font-size:.6rem;font-weight:500}.timer .approach-stop-current small{color:#bbb}.bus-position{font-size:1.15rem;line-height:1;display:none}.bus-approach-before-previous .bus-position-before,.bus-approach-after-previous .bus-position-previous,.bus-approach-at-stop .bus-position-current{display:inline}.timer-hint{color:#d7d7d7;margin-top:.55rem;font-size:.78rem;display:block}.operation-ended{color:#fff;background:#171717;border:0;border-left:8px solid #df252b;min-height:0}.operation-ended p{color:#0000;filter:drop-shadow(0 0 4px #ffffffb8);letter-spacing:.02em;text-align:left;background:linear-gradient(90deg,#ff2d55 0%,#ff9f0a 16%,#ffd60a 30%,#30d158 45%,#0a84ff 62%,#5e5ce6 78%,#bf5af2 90%,#ff2d55 100%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;margin:0;padding:.8rem 1rem;font-size:.94rem;font-weight:700;line-height:1.4;animation:5.5s linear infinite gaming-rainbow,1.8s ease-in-out infinite alternate gaming-glow}@keyframes gaming-rainbow{to{background-position:-250% 0}}@keyframes gaming-glow{0%{filter:drop-shadow(0 0 3px #fff9)}to{filter:drop-shadow(0 0 6px #00eaffe6)drop-shadow(0 0 10px #ff2db4b3)}}@media (prefers-reduced-motion:reduce){.operation-ended p{background-position:50% 0;animation:none}}.next{color:#222;box-shadow:none;background:#fff;border:1px solid #bcbcbc;border-radius:0;gap:0;margin:0 auto .65rem;padding:.2rem .6rem;display:grid}.next>div{border-bottom:1px solid #dededb;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-width:0;padding:.6rem .25rem;display:grid}.next>div:last-child{border-bottom:0}.next>div>.plate{grid-column:1;justify-self:start}.route-info{color:#2d2d2d;overflow-wrap:anywhere;text-align:left;grid-column:2;min-width:0;font-size:.9rem;line-height:1.4}.remaining-time{color:#d92129;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;grid-column:3;justify-self:end;font-size:.9rem;font-weight:800}.unit{color:#666;margin-left:.15em;font-size:.72rem;font-weight:500}.transfer-panel{color:#222;box-shadow:none;text-align:left;background:#fff;border:1px solid #bcbcbc;border-top:7px solid #cda75f;border-radius:0;margin:0 auto .65rem;padding:.85rem}.transfer-panel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.transfer-panel h2,.transfer-panel h3,.transfer-panel p{margin-top:0}.transfer-panel h2{color:#242424;margin-bottom:.35rem;font-size:1.15rem;line-height:1.35}.transfer-panel-heading p{color:#555;margin-bottom:0;font-size:.88rem;font-weight:600}.transfer-close{color:#333;cursor:pointer;background:#fff;border:1px solid #b9b9b7;border-radius:0;flex:none;width:2.25rem;height:2.25rem;font-size:1.5rem;line-height:1}.transfer-close:hover{background:#eeeeeb}.train-direction-select{gap:.35rem;margin:1rem 0;display:grid}.train-direction-select label{margin-bottom:0}.transfer-note{color:#765c08;background:#fff9e8;border:1px solid #f0d98b;border-radius:0;margin:1rem 0;padding:.75rem .85rem;font-size:.82rem;line-height:1.65}.transfer-direction-title{background:#363636;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;padding:.55rem .7rem;display:flex}.transfer-direction-title h3{color:#fff;margin-bottom:0;font-size:.98rem;line-height:1.4}.transfer-direction-title a,.train-realtime-info a,.realtime-info a{color:#c91820;text-underline-offset:3px;font-weight:800;text-decoration-thickness:1px}.transfer-direction-title a,.transfer-direction-title a:visited{color:#fff}.train-list{gap:.45rem;margin-top:.7rem;display:grid}.train-row{color:#2d2d2d;background:#f1f1f1;border:1px solid #d4d4d1;border-radius:0;grid-template-columns:4.2rem minmax(0,1fr);align-items:center;gap:.75rem;padding:.5rem .65rem;font-size:.9rem;display:grid}.train-row strong{color:#222;font-variant-numeric:tabular-nums;font-size:1rem}.train-row-express,.train-row-express strong{color:#c40000;border-color:#f0baba}.train-row-express{background:#fff2f2}.no-train{color:#718899;margin:.75rem 0 0;font-size:.85rem}.train-realtime-info,.realtime-info{font-size:.82rem;line-height:1.6}.train-realtime-info{border-top:1px solid #d5e7f2;margin-top:1rem;padding-top:.8rem}.realtime-info{color:#666;text-align:left;margin:0;font-size:.76rem}.realtime-panel{box-sizing:border-box;color:#222;width:min(92%,720px);box-shadow:none;text-align:left;background:#fff;border:1px solid #bcbcbc;border-radius:0;margin:0 auto .7rem;padding:0}.realtime-panel-heading,.realtime-panel-footer,.realtime-arrival-title{justify-content:space-between;align-items:center;gap:.85rem;display:flex}.realtime-panel-heading{background:#363636;border-bottom:1px solid #1e1e1e;border-left:8px solid #df252b;padding:.65rem .75rem}.realtime-heading-meta{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.7rem;padding:0;display:flex}.realtime-panel-toggle:focus-visible{outline-offset:4px;outline:2px solid #fff}.realtime-toggle-label{white-space:nowrap;align-items:center;gap:.25rem;font-size:.72rem;font-weight:700;display:inline-flex}.realtime-toggle-mark{font-size:1rem;line-height:1;transition:transform .14s;display:inline-block}.realtime-panel-toggle[aria-expanded=true] .realtime-toggle-mark{transform:rotate(180deg)}.realtime-panel h2{color:#fff;margin:0;font-size:1rem;line-height:1.4}.realtime-status{color:#eee;background:0 0;border-radius:0;flex:none;padding:0;font-size:.71rem;font-weight:400}.realtime-status-loading{color:#ffe7a7}.realtime-status-error{color:#ffb1b1}.realtime-arrivals{gap:0;margin:0;display:grid}.realtime-arrival{background:#fff;border-top:1px solid #dededb;padding:.75rem}.realtime-arrival-title strong{color:#d92129;margin-right:.65rem;font-size:1.05rem}.realtime-arrival-title span{color:#292929;font-weight:700}.realtime-arrival-details{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.55rem 0 .4rem;display:grid}.realtime-arrival-details div{background:#f1f1f1;border-radius:0;padding:.4rem .5rem}.realtime-arrival-details dt{color:#666;font-size:.72rem}.realtime-arrival-details dd{color:#222;margin:.2rem 0 0;font-size:.95rem;font-weight:800}.realtime-arrival-details dd.is-delayed{color:#d04444}.realtime-arrival-location,.realtime-empty{color:#3e3e3e;margin:0;font-size:.86rem;font-weight:500}.realtime-empty{padding:.8rem .75rem}.realtime-panel-footer{color:#666;background:#efefef;border-top:1px solid #dededb;margin:0;padding:.55rem .75rem;font-size:.72rem}.realtime-panel-footer a{color:#c91820;font-weight:700;text-decoration:none}.realtime-panel-footer a:hover,.realtime-panel-footer a:focus-visible{text-decoration:underline}.footer{color:#707070;text-align:left;margin:0;padding:.25rem 0 0;font-size:.76rem;line-height:1.6}.source-notes{box-sizing:border-box;border-top:1px solid #d6d6d3;width:min(92%,720px);margin:0 auto;padding:.55rem 0 1rem}.source-notes .realtime-info,.source-notes .footer{width:100%}@media (width<=620px){.conditions,.preview-time,.timer,.next,.transfer-panel,.realtime-panel,.source-notes{width:calc(100% - 1.25rem)}.conditions{grid-template-columns:1fr;min-height:0;padding:0}.stops{display:contents}.conditions .stops>div,.conditions>div:not(.stops){border-bottom:1px solid #dce4e9;border-right:0;padding:.6rem .65rem}.conditions>div:not(.stops){border-bottom:0}.realtime-panel-heading,.realtime-panel-footer{align-items:flex-start}.realtime-panel-heading{gap:.5rem}.realtime-heading-meta{flex-direction:column;align-items:flex-end;gap:.25rem}.timer-button{min-height:164px;padding-inline:.75rem}.timer p{font-size:.88rem}.next-bus-realtime{flex-wrap:wrap;gap:.35rem .55rem;padding-inline:.35rem;font-size:.75rem}.next-bus-realtime-label{flex:none}.bus-approach-track{grid-template-columns:auto minmax(1rem,1fr) auto minmax(1rem,1fr) auto;padding-inline:.35rem;font-size:.68rem}.approach-stop{padding-inline:.25rem}.next{padding-inline:.6rem}.next>div{grid-template-columns:auto minmax(0,1fr) auto;gap:.5rem;padding-block:.7rem}.plate{min-width:3.8rem;padding-inline:.45rem;font-size:.68rem}.route-info,.remaining-time{font-size:.82rem}.transfer-panel{padding:.9rem}.transfer-panel-heading p{font-size:.82rem}}@media (width<=390px){.next>div{grid-template-columns:auto minmax(0,1fr)}.remaining-time{grid-column:2;justify-self:start;margin-top:-.3rem}.train-row{grid-template-columns:3.8rem minmax(0,1fr)}}.menu{background-color:var(--panel-bg);color:var(--panel-text);padding:5px 10px;text-align:left;border-radius:8px;margin:10px auto;padding-bottom:15px}.menu h3{color:var(--panel-text);position:relative}@media (width<=1126px){.menu{width:90%}}.menu-accordion:after{content:"";border-top:2px solid;border-right:2px solid;width:10px;height:10px;transition:transform .2s;position:absolute;top:50%;right:8px;transform:translateY(-65%)rotate(135deg)}.menu-accordion.open:after{transform:translateY(-35%)rotate(-45deg)}.menu-content{grid-template-rows:0fr;transition:grid-template-rows .35s;display:grid}.menu-content-inner{overflow:hidden}.menu-content.open{grid-template-rows:1fr}.select-menu{border:1px solid var(--border);background:var(--cell-bg);color:var(--text-h);border-radius:6px;margin-top:6px;padding:6px 10px}