:root{color-scheme:light;--bg-color: #edeff4;--surface-color: #f2f4f8;--surface-soft: #e8ebf1;--text-main: #666d7d;--text-light: #737b8c;--accent-start: #ff8217;--accent-end: #ff8217;--accent-orange-strong: #d8670b;--accent-green: #8acb48;--accent-green-strong: #699f2f;--track-color: #c8cfdb;--shadow-light: rgba(255, 255, 255, .98);--shadow-dark: rgba(186, 194, 209, .74);--raised: 14px 14px 28px rgba(186, 194, 209, .64), -12px -12px 24px rgba(255, 255, 255, .96);--raised-soft: 9px 9px 18px rgba(186, 194, 209, .46), -8px -8px 16px rgba(255, 255, 255, .93);--raised-orange: 10px 10px 18px rgba(174, 111, 54, .34), -7px -7px 14px rgba(255, 255, 255, .88);--inset: inset 8px 8px 15px rgba(186, 194, 209, .42), inset -7px -7px 14px rgba(255, 255, 255, .96);--inset-soft: inset 5px 5px 10px rgba(186, 194, 209, .34), inset -5px -5px 9px rgba(255, 255, 255, .92);--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;--divider-color: rgba(190, 198, 210, .52);--focus-ring: rgba(255, 130, 23, .28)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{position:relative;min-height:100%;font-family:Sora,Zen Kaku Gothic New,sans-serif;background:var(--bg-color);color:var(--text-main);display:flex;justify-content:center;align-items:flex-start;padding:calc(20px + env(safe-area-inset-top)) 24px calc(188px + env(safe-area-inset-bottom));overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.app-shell{width:min(100%,460px);display:flex;flex-direction:column;gap:24px}.app-container{width:min(100%,420px);margin:0 auto;display:flex;flex-direction:column;gap:20px}.page{display:none;width:100%}.page.active{display:block;animation:pageFade .45s ease both}.page.active .card,.page.active .info-block{animation:cardRise .5s ease both}#page-roulette .card:nth-of-type(1){animation-delay:.03s}#page-roulette .card:nth-of-type(2){animation-delay:.09s}#page-roulette .card:nth-of-type(3){animation-delay:.15s}#page-settings .card{animation-delay:.06s}#page-info .info-block:nth-of-type(1){animation-delay:.04s}#page-info .info-block:nth-of-type(2){animation-delay:.1s}#page-info .info-block:nth-of-type(3){animation-delay:.16s}#page-info .info-block:nth-of-type(4){animation-delay:.22s}#page-info .info-block:nth-of-type(5){animation-delay:.28s}#page-info .info-block:nth-of-type(6){animation-delay:.34s}.settings-page{width:min(100%,420px);margin:0 auto}#page-roulette,#page-settings{padding-bottom:120px}.card{background:var(--surface-color);border-radius:var(--radius-lg);padding:28px 24px;box-shadow:var(--raised)}#history-card{transition:opacity .4s ease,transform .4s ease}@starting-style{#history-card:not([hidden]){opacity:0;transform:translateY(14px)}}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding-top:32px;padding-bottom:28px}.hero__title-panel{width:min(100%,320px);min-height:58px;display:flex;align-items:center;justify-content:center;padding:0 14px;border-radius:22px;transition:min-height .3s ease,padding .3s ease,background .3s ease,box-shadow .3s ease,transform .26s ease}.hero__title-panel[data-state=idle]{background:transparent;box-shadow:none}.hero__title-panel[data-state=returning]{background:transparent;box-shadow:none;transition-duration:.9s}.hero__title-panel[data-state=spinning],.hero__title-panel[data-state=result],.hero__title-panel[data-state=message]{min-height:92px;padding:14px 20px;background:var(--surface-soft);box-shadow:var(--inset)}.hero__title-panel[data-state=spinning]{transform:translateY(1px)}.hero__title-text{font-size:clamp(1.9rem,6.2vw,2.35rem);font-weight:700;color:#666d7df0;letter-spacing:-.01em}.hero__title-text--returning{transition:opacity .9s ease,transform .9s ease;opacity:.98;transform:scale(.995)}.hero__visual{width:100%;min-height:248px;display:flex;justify-content:center;align-items:center}.hero__image-wrap{width:min(300px,82%);display:grid;place-items:center}.hero__image-wrap picture{display:block}.hero__image{width:100%;height:auto;display:block;animation:float 7s ease-in-out infinite}.hero__content{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:310px}.hero__lead{font-size:1rem;color:var(--text-light);line-height:1.8}.hero__meta{display:flex;justify-content:center;width:100%}.hero__cta{display:inline-flex;align-items:center;justify-content:center;min-width:190px;padding:14px 24px;border-radius:18px;background:var(--accent-start);color:#fff;font-weight:700;box-shadow:var(--raised-orange);transition:transform .18s ease,box-shadow .2s ease,filter .18s ease,background .18s ease}.hero__cta:hover{filter:brightness(1.02)}.hero__cta:active{transform:translateY(1px) scale(.985);background:var(--accent-start);box-shadow:var(--inset-soft)}.hero__cta[data-spinning=true]{background:var(--accent-orange-strong);box-shadow:inset 6px 6px 14px #8c500a59,inset -4px -4px 10px #ffc88c40;transform:translateY(1px)}.hero-result-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;width:100%;color:var(--text-main);animation:heroResultReveal .26s ease both}.result-line-name{font-size:.82rem;color:var(--text-light);font-weight:600;letter-spacing:.08em}.result-station-name{font-size:clamp(1.28rem,4.8vw,1.95rem);font-weight:700;line-height:1.15;transition:opacity .18s ease,transform .18s ease}.hero-result-message{font-size:1rem;font-weight:600;color:var(--text-light)}.selection-card[hidden],#history-card[hidden]{display:none}#history-list{list-style:none;display:flex;flex-direction:column;gap:10px}#history-list li{font-size:.95rem;color:var(--text-light)}#history-list li{background:var(--surface-color);border-radius:18px;padding:12px 16px;box-shadow:var(--inset-soft)}#history-list li.history-item--featured{color:var(--text-main);font-weight:700}.history-container h2{font-size:1.05rem;font-weight:700;color:var(--text-light);margin-bottom:12px}.selection-card{display:flex;flex-direction:column;gap:20px}.selection-card__header{text-align:center}.selection-card__title{font-size:1.1rem;font-weight:700;margin-bottom:6px}.selection-card__header p{font-size:.95rem;color:var(--text-light);line-height:1.7}.route-map{width:100%}.route-map__board{display:flex;flex-direction:column;gap:16px;padding:18px 14px 52px;border-radius:30px;background:var(--surface-color);box-shadow:var(--inset),var(--raised-soft)}.route-map__line-pill{min-width:96px;text-align:center;padding:8px 18px;border-radius:999px;background:var(--surface-color);box-shadow:var(--raised-soft);font-size:.95rem;font-weight:700}.route-map__line-pill--yamanote{color:var(--accent-green-strong)}.route-map__line-pill--chuo{color:var(--accent-orange-strong)}.route-map__line-pill--top{align-self:center}.route-map__line-pill--floating{position:absolute;left:50%;transform:translate(-50%,-100%);z-index:1}.route-map__figure{position:relative;width:100%;display:flex;justify-content:center}.route-map svg{width:90%;max-width:324px;height:auto;overflow:visible}.route-map__station{transition:fill .2s ease,stroke .2s ease,opacity .2s ease}.route-map__station.map-deselected{fill:#eef1f6!important;stroke:#c2c9d6!important;opacity:.7}.route-map__hit{fill:transparent;stroke:transparent;cursor:pointer}.route-map__hit:focus-visible{outline:none;stroke:var(--accent-orange-strong);stroke-width:2px}.route-map__overlay{pointer-events:none;transition:fill .2s ease,opacity .2s ease}.route-map__overlay.map-deselected{fill:#c2c9d6!important;opacity:.7}#line-selection-container{display:flex;flex-direction:column;gap:20px}.line-group{display:flex;flex-direction:column;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--divider-color)}#line-selection-container .line-group:last-child{border-bottom:none;padding-bottom:0}.line-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.line-header h3{font-size:1.1rem;font-weight:700}.line-group--yamanote .line-header h3,.line-group--yamanote .customize-button{color:var(--accent-green-strong)}.line-group--chuo .line-header h3,.line-group--chuo .customize-button{color:var(--accent-orange-strong)}.controls{display:flex;align-items:center;gap:10px}.customize-button{font-size:.9rem;font-weight:700;background:var(--surface-color);border-radius:999px;padding:6px 14px;box-shadow:var(--raised-soft);transition:transform .15s ease,box-shadow .2s ease}.customize-button:hover{box-shadow:var(--raised)}.customize-button:active{transform:translateY(1px) scale(.98);box-shadow:var(--inset-soft)}.toggle-switch{position:relative;display:inline-block;width:51px;height:31px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-soft);border-radius:34px;box-shadow:var(--inset-soft);transition:box-shadow .3s ease,background-color .3s ease}.slider:before{content:"";position:absolute;height:27px;width:27px;left:2px;bottom:2px;border-radius:50%;box-shadow:5px 5px 10px #bac2d16b,-4px -4px 9px #ffffffe0;transition:transform .3s ease,box-shadow .2s ease}.line-group--yamanote .slider:before{background:linear-gradient(180deg,var(--accent-green),var(--accent-green-strong))}.line-group--chuo .slider:before{background:linear-gradient(180deg,var(--accent-start),var(--accent-orange-strong))}input:checked+.slider{box-shadow:var(--raised)}.toggle-switch:focus-within .slider{outline:3px solid var(--focus-ring);outline-offset:3px}input:checked+.slider:before{transform:translate(20px)}.station-list{max-height:0;overflow:hidden;transition:max-height .45s ease,padding-top .25s ease}.station-list.expanded{max-height:4000px;padding-top:6px;overflow:visible}.station-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding-right:4px}.station-item label{display:flex;align-items:center;gap:8px;font-size:.95rem;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-color);box-shadow:var(--raised-soft);transition:transform .1s ease,box-shadow .2s ease,color .2s ease}.line-group--yamanote .station-item input[type=checkbox]{accent-color:var(--accent-green)}.line-group--chuo .station-item input[type=checkbox]{accent-color:var(--accent-start)}.line-group--yamanote .station-item label:has(input:checked){color:var(--accent-green-strong);box-shadow:var(--inset-soft)}.line-group--chuo .station-item label:has(input:checked){color:var(--accent-orange-strong);box-shadow:var(--inset-soft)}.station-item label:focus-within{box-shadow:0 0 0 3px var(--focus-ring),var(--raised-soft)}.station-item label:has(input:focus-visible){box-shadow:0 0 0 3px var(--focus-ring),var(--raised-soft)}.station-item label:active{transform:translateY(1px) scale(.98)}.info-page{min-height:100%;background:transparent;padding:36px 22px calc(156px + env(safe-area-inset-bottom))}.info-page.active{display:flex;justify-content:center}.info-content{width:100%;max-width:440px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.info-heading{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.info-logo{width:88px;height:88px;border-radius:20px;box-shadow:var(--raised-soft);background:var(--surface-color)}.info-title{font-size:1.5rem;font-weight:700;color:var(--text-main)}.info-subtitle{color:var(--text-light);font-size:.95rem;letter-spacing:.04em}.info-block{background:var(--surface-color);border-radius:20px;padding:0;box-shadow:var(--raised-soft);overflow:hidden}.info-block--reading{display:flex;flex-direction:column}.info-section{padding:18px 20px;border-bottom:1px solid var(--divider-color)}.info-section--last{border-bottom:none}.info-block--action{padding:20px;box-shadow:var(--raised)}.info-block h2,.info-section h2{font-size:1.05rem;font-weight:700;color:var(--text-main);margin-bottom:8px;text-align:center}.info-block p,.info-section p,.info-list{color:var(--text-light);font-size:.95rem;line-height:1.75}.info-section p+p{margin-top:.9em}.info-policy-links{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem 1rem;margin-top:12px;font-size:.85rem}.info-policy-links a{color:var(--text-light);text-decoration:underline;text-underline-offset:.2em}.info-policy-links a:hover,.info-policy-links a:focus-visible{color:var(--accent-start)}.info-version{text-align:center;font-size:.85rem;color:var(--text-light);opacity:.7}.info-list{margin:12px 0 0;padding-left:1.2rem;display:flex;flex-direction:column;gap:6px}.info-action-button{display:block;margin-top:12px;margin-left:auto;margin-right:auto;overflow:hidden;min-width:160px;padding:10px 16px;border-radius:999px;background:var(--accent-start);color:#fff;font-weight:700;box-shadow:var(--raised-orange)}.info-action-button:active{transform:translateY(1px) scale(.985);background:var(--accent-start);box-shadow:var(--inset-soft)}.info-logo-button{border-radius:20px;padding:0}.info-credits{display:flex;justify-content:center;padding-top:6px}.info-production-mark__logo{width:110px;height:auto;opacity:.9}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#c4cbd88c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;place-items:center;padding:24px;z-index:70}.modal-overlay[hidden]{display:none}.modal-card{width:min(320px,92vw);background:var(--surface-color);border-radius:22px;padding:24px 20px;box-shadow:var(--raised);text-align:center}.modal-card--reset{width:min(356px,92vw);padding:26px 22px 22px}.modal-reset-mark{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:var(--surface-soft);box-shadow:var(--inset-soft);color:var(--accent-orange-strong);font-size:1.6rem;font-weight:800}.modal-title{font-size:1.12rem;font-weight:800;color:var(--text-main);margin-bottom:8px}.modal-description,.modal-note{color:var(--text-light);font-size:.92rem;line-height:1.7}.modal-reset-summary{display:flex;gap:10px;justify-content:center;margin:16px 0 12px;flex-wrap:wrap}.modal-reset-summary span{min-width:96px;padding:9px 12px;border-radius:999px;background:var(--surface-color);box-shadow:var(--inset-soft);color:var(--text-main);font-size:.9rem;font-weight:700}.modal-message{font-size:1rem;font-weight:700;color:var(--text-main);margin-bottom:18px}.modal-actions{display:flex;justify-content:center;gap:14px}.modal-actions--stacked{margin-top:18px}.modal-button,.toast-banner__button,.consent-banner__button{min-width:120px;min-height:44px;padding:10px 16px;border-radius:16px;background:var(--surface-color);box-shadow:var(--raised-soft);font-weight:700;color:var(--text-main);transition:transform .15s ease,box-shadow .2s ease}.modal-button:active,.toast-banner__button:active,.consent-banner__button:active{transform:translateY(1px) scale(.98);box-shadow:var(--inset-soft)}.modal-button--primary,.toast-banner__button--primary,.consent-banner__button--primary,.modal-button--danger{background:var(--accent-start);color:#fff;box-shadow:var(--raised-orange)}.toast-banner__button--primary{box-shadow:var(--raised-orange)}.modal-button--primary:active,.modal-button--danger:active,.toast-banner__button--primary:active,.consent-banner__button--primary:active{box-shadow:var(--inset-soft)}.toast-banner,.consent-banner{position:fixed;left:50%;width:min(420px,calc(100vw - 32px));transform:translate(-50%);background:#f2f4f8f5;border-radius:24px;box-shadow:var(--raised);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:65}.toast-banner[hidden],.consent-banner[hidden]{display:none}.toast-banner{bottom:calc(98px + env(safe-area-inset-bottom));padding:22px 22px 24px;display:flex;flex-direction:column;gap:18px;text-align:center}.toast-banner__title,.consent-banner__title{font-weight:700;color:var(--text-main);margin-bottom:4px}.toast-banner__text,.consent-banner__text{color:var(--text-light);font-size:.92rem;line-height:1.7}.toast-banner__actions,.consent-banner__actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.toast-banner__actions{justify-content:center;flex-wrap:nowrap}.consent-banner{bottom:calc(98px + env(safe-area-inset-bottom));padding:18px;display:flex;flex-direction:column;gap:12px}body.modal-open{overflow:hidden}.tab-bar-wrapper{position:fixed;bottom:0;left:0;right:0;z-index:40;padding:0 16px calc(12px + env(safe-area-inset-bottom))}.tab-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding:.7rem .85rem;max-width:520px;margin:0 auto;background:var(--surface-color);border-radius:22px;box-shadow:12px 12px 24px #bac2d175,-10px -10px 20px #ffffffeb}.tab-item{border-radius:16px;background:var(--surface-color);padding:.55rem .75rem;display:flex;align-items:center;justify-content:center;color:var(--text-light);font-weight:700;box-shadow:7px 7px 14px #bac2d161,-6px -6px 12px #ffffffe0;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.tab-item.active{background:var(--accent-start);color:#fff;box-shadow:var(--raised-orange)}.tab-item:not(.active):hover{transform:translateY(-1px);box-shadow:var(--raised)}.tab-item:active{transform:translateY(1px) scale(.98);box-shadow:inset 6px 6px 10px #bac2d157,inset -5px -5px 9px #fffc}.tab-label{font-size:.9rem}.tab-footer{text-align:center;font-size:.7rem;color:var(--text-light);padding:.45rem 0 .1rem}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes pageFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cardRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes heroResultReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;transition-delay:0ms!important;animation-duration:.01ms!important;animation-delay:0ms!important}}@media (max-width: 768px){.hero{padding:28px 20px 24px}.hero__visual{min-height:220px}.hero__title-panel[data-state=spinning],.hero__title-panel[data-state=result],.hero__title-panel[data-state=message]{min-height:84px}.hero__image-wrap{width:min(270px,84%)}}@media (max-height: 560px){body{padding-top:calc(14px + env(safe-area-inset-top))}.hero{gap:10px;padding:22px 20px 18px}.hero__title-panel{min-height:50px}.hero__visual{min-height:clamp(132px,30vh,180px)}.hero__image-wrap{width:min(220px,70%)}.hero__content{gap:10px}.hero__lead{line-height:1.5}.hero__cta{padding:12px 22px}.tab-bar-wrapper{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.tab-bar{gap:.5rem;padding:.55rem .7rem}.tab-item{padding:.45rem .65rem}.tab-footer{display:none}}@media (max-width: 480px){body{padding:calc(16px + env(safe-area-inset-top)) 18px calc(172px + env(safe-area-inset-bottom))}.card{padding:24px 18px}.station-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.route-map__board{padding:16px 10px 46px}.toast-banner,.consent-banner{width:min(420px,calc(100vw - 24px))}.toast-banner__actions,.consent-banner__actions,.modal-actions{flex-direction:row;align-items:stretch;flex-wrap:nowrap}.toast-banner__actions{justify-content:center}.toast-banner__button,.consent-banner__button,.modal-button{width:auto;min-width:0;flex:1 1 0}.toast-banner__button{min-width:min(136px,calc((100vw - 80px)/2));padding-inline:14px}}