:root{--color-primary:#02af86;--color-primary-dark:#018364;--color-primary-bg:#e9f9f0;--color-chip-text:#008d6d;--color-line:#06c755;--color-error:#f0366a;--color-error-bg:#fff0f2;--color-dark:#333;--color-text:#1f2933;--color-muted:#5f6b76;--color-border:#dcece7;--color-surface:#fff;--color-page:#f4f6f7;--radius:12px;--radius-card:18px;--radius-hero:24px;--tabbar-height:56px;--shadow-card:0 5px 16px #0826400f;--shadow-card-sm:0 5px 8px #0826400f;--color-map-bg:#f2faf7;--color-accent:#f5af00}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--color-page);color:var(--color-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Yu Gothic,sans-serif;line-height:1.6}p{margin:0}.shell{background:var(--color-page);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}@supports (min-height:100dvh){.shell{min-height:100dvh}}.shell__header{z-index:10;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:var(--color-primary);color:#fff;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.shell__title{margin:0;font-size:20px;line-height:1.3}.shell__logo{background:#fff;border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid;overflow:hidden}.shell__logo img{width:30px;height:30px;display:block}.shell__main{padding:16px 16px calc(var(--tabbar-height) + 24px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:16px;display:flex}.tabbar{z-index:10;background:var(--color-surface);border-top:1px solid var(--color-border);width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar__item{min-height:var(--tabbar-height);color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:16px;line-height:1.2;text-decoration:none;display:flex}.tabbar__item--active{color:var(--color-primary);font-weight:700}.btn{border-radius:var(--radius);width:100%;min-height:48px;font:inherit;color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;padding:12px 16px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.btn--lg{min-height:54px}.btn--md{min-height:50px}.btn--primary{background:var(--color-primary)}.btn--dark{background:var(--color-dark)}.btn--line{background:var(--color-line)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.link{min-height:44px;font:inherit;color:var(--color-primary-dark);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.link--block{justify-content:center;align-items:center;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.card,.status-card,.info-box{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex-direction:column;gap:12px;padding:16px;display:flex}.card__title{margin:0;font-size:20px;line-height:1.4}.status-card__title{margin:0;font-size:18px;line-height:1.4}.card__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card__head-text{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.map-thumb{border:1px solid var(--color-border);background:var(--color-page);border-radius:8px;flex:none;width:72px;height:72px}.status-card--ok{background:var(--color-primary-bg)}.status-card--error{background:var(--color-error-bg)}.status-card--error .status-card__title{font-weight:700}.badge{color:#fff;border-radius:999px;align-self:flex-start;padding:2px 12px;font-size:16px;font-weight:700}.badge--ok{background:var(--color-primary)}.badge--neutral{background:var(--color-muted)}.badge--error{background:var(--color-error)}.muted{color:var(--color-muted)}.detail{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:8px;display:flex}.detail__label{color:var(--color-muted);flex:none}.detail__value{text-align:right;overflow-wrap:anywhere;margin-left:auto}.notice{border-radius:var(--radius);background:var(--color-primary-bg);padding:12px}.form-error,.field__error{color:var(--color-error);font-weight:700}.form-error{border-radius:var(--radius);background:var(--color-error-bg);padding:12px}.info-box{background:var(--color-primary-bg);box-shadow:none}.info-box--white{background:var(--color-surface);box-shadow:var(--shadow-card)}.info-box__title{margin:0;font-size:16px}.form{flex-direction:column;gap:16px;display:flex}.field{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.field label,.field legend{padding:0;font-weight:700}.field label.field__sublabel{color:var(--color-muted);font-weight:400}.field__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.field__row>*{min-width:0}.field input,.field select{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;min-width:0;min-height:48px;font:inherit;color:var(--color-text);padding:8px 12px;font-size:16px}.field [aria-invalid=true]{border-color:var(--color-error)}.panel{border-radius:var(--radius-card);flex-direction:column;gap:12px;padding:12px;display:flex}.panel__body{align-items:center;gap:12px;display:flex}.panel--ok{background:var(--color-primary-bg)}.panel--neutral{background:var(--color-page)}.panel__mark{background:var(--color-primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.panel--neutral .panel__mark{background:var(--color-muted)}.panel__title{font-weight:700}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chip{background:var(--color-primary-bg);color:var(--color-chip-text);border-radius:999px;padding:2px 12px}.panel .chip{background:var(--color-surface)}.share__qr{justify-content:center;display:flex}.qr{max-width:100%}.share__url{border:1px solid var(--color-border);border-radius:var(--radius);width:100%;min-height:48px;font:inherit;padding:8px 12px;font-size:16px}.period-error{flex-direction:column;gap:16px;display:flex}.period-error__card{border-radius:var(--radius-hero);background:var(--color-error-bg);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;display:flex}.period-error__mark{background:var(--color-error);color:#fff;border-radius:50%;place-items:center;width:88px;height:88px;font-size:48px;font-weight:700;line-height:1;display:grid}.period-error__headline{white-space:pre-line;margin:0;font-size:20px;font-weight:700}.period-error__note{color:var(--color-muted)}.received{border-radius:var(--radius-hero);text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:32px;padding:24px 16px 0;display:flex}.received--ok{background:var(--color-primary-bg)}.received--error{background:var(--color-error-bg)}.received__mark{color:#fff;border-radius:50%;place-items:center;width:88px;height:88px;font-size:32px;font-weight:700;display:grid}.received__mark--ok{background:var(--color-primary)}.received__mark--error{background:var(--color-error);font-size:48px}.received__heading{margin:0;font-size:22px}.received__pax{font-size:32px;font-weight:700;line-height:1.3}.pill{border:1px solid var(--color-primary);background:var(--color-surface);text-wrap:balance;border-radius:999px;max-width:100%;padding:4px 16px;transform:translateY(50%)}.skeleton{background:linear-gradient(90deg,#e6eaed 25%,#f1f3f5 50%,#e6eaed 75%) 0 0/200% 100%;border-radius:6px;animation:1.2s linear infinite shimmer}.skeleton--title{width:70%;height:28px}.skeleton--line{width:90%;height:20px}@keyframes shimmer{to{background-position:-200% 0}}@media (width>=480px){.shell{box-shadow:0 0 0 1px var(--color-border)}}.hero{border-radius:var(--radius-hero);background:var(--color-primary-bg);flex-direction:column;gap:12px;padding:20px 16px;display:flex}.hero__title{margin:0;font-size:24px;font-weight:700;line-height:1.4}.shell--dark,.shell--dark .shell__main{background:#103b32}.scan__heading{color:#fff;text-align:center;text-wrap:balance;margin:0;font-size:18px;font-weight:700;line-height:1.4}.scan__frame{aspect-ratio:1;border-radius:var(--radius);background:#ffffff1f;width:100%;position:relative;overflow:hidden}.scan__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scan__corner{border:0 solid var(--color-primary);width:40px;height:40px;position:absolute}.scan__corner--tl{border-width:4px 0 0 4px;border-top-left-radius:12px;top:12px;left:12px}.scan__corner--tr{border-width:4px 4px 0 0;border-top-right-radius:12px;top:12px;right:12px}.scan__corner--bl{border-width:0 0 4px 4px;border-bottom-left-radius:12px;bottom:12px;left:12px}.scan__corner--br{border-width:0 4px 4px 0;border-bottom-right-radius:12px;bottom:12px;right:12px}.scan__line{background:var(--color-accent);border-radius:2px;height:3px;animation:2s ease-in-out infinite alternate scan-sweep;position:absolute;top:50%;left:12%;right:12%}@keyframes scan-sweep{0%{top:22%}to{top:78%}}@media (prefers-reduced-motion:reduce){.scan__line{animation:none}}.scan__status{border-radius:var(--radius);color:#fff;text-align:center;background:#000000a6;padding:8px 12px;position:absolute;bottom:12px;left:12px;right:12px}.scan__fallback{border-radius:var(--radius);background:var(--color-surface);flex-direction:column;justify-content:center;gap:12px;padding:16px;display:flex;position:absolute;inset:12px;overflow:auto}.detail__value--ok{color:var(--color-primary-dark);font-weight:700}.ride-ok__big{color:var(--color-muted);overflow-wrap:anywhere;margin:0;font-size:36px;font-weight:700;line-height:1.3}.pill--solid{border-color:var(--color-primary);background:var(--color-primary);color:#fff;font-weight:700}.route-chips{flex-wrap:wrap;gap:8px;display:flex}.route-chip{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-text);cursor:pointer;border-radius:999px;align-items:center;padding:0 16px;display:inline-flex;position:relative}.route-chip__input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.route-chip:focus-within{outline:2px solid var(--color-primary-dark);outline-offset:2px}.route-chip--selected{color:#fff;border-color:#0000;font-weight:700}.map-canvas{border-radius:var(--radius-card);background:var(--color-map-bg);flex:none;height:60vh;min-height:320px;position:relative;overflow:hidden}@supports (height:60dvh){.map-canvas{height:60dvh}}.map-canvas__map{width:100%;height:100%}.map-canvas__map[hidden]{display:none}.map-fallback{flex-direction:column;gap:8px;height:100%;padding:16px;display:flex;overflow-y:auto}.map-fallback__title{margin:0;font-size:18px;line-height:1.4}.map-fallback__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.map-fallback__stop{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:12px;padding:4px 12px;display:flex}.map-fallback__stop[aria-pressed=true]{border-color:var(--color-primary);font-weight:700}.map-fallback__seq{background:var(--color-primary-bg);width:24px;height:24px;color:var(--color-chip-text);border-radius:50%;flex:none;place-items:center;font-size:16px;line-height:1;display:grid}.stop-marker{cursor:pointer;place-items:center;width:44px;height:44px;display:grid;position:relative;transform:translateY(50%)}.stop-marker__pin{background:var(--stop-color,var(--color-primary));border:3px solid #fff;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 1px 4px #00000059}.stop-marker--virtual .stop-marker__pin{border-style:dashed;border-color:var(--stop-color,var(--color-primary));background:#fff}.stop-marker--selected .stop-marker__pin{transform:scale(1.5)}.stop-marker__label{white-space:nowrap;color:var(--color-text);text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff;pointer-events:none;font-size:11px;font-weight:700;line-height:1.2;position:absolute;top:calc(50% + 12px);left:50%;transform:translate(-50%)}.bus-marker{width:32px;height:32px;position:relative;transform:translateY(50%)}.bus-marker__body{background:var(--color-accent);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;inset:0;box-shadow:0 1px 4px #00000059}.bus-marker__heading{pointer-events:none;position:absolute;inset:-6px}.bus-marker__heading:before{content:"";border-right:5px solid #0000;border-bottom:7px solid var(--color-accent);border-left:5px solid #0000;position:absolute;top:0;left:50%;transform:translate(-50%)}.bus-marker__heading[hidden]{display:none}.bus-marker__note{white-space:nowrap;color:var(--color-text);text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff;font-size:11px;font-weight:700;display:none;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.bus-marker--stale{opacity:.5}.bus-marker--sm{width:20px;height:20px}.bus-marker--sm .bus-marker__body{border-width:1.5px;font-size:7px}.mini-stop-marker{place-items:center;width:16px;height:16px;display:grid;transform:translateY(50%)}.bus-marker--stale .bus-marker__note{display:block}.bus-marker--sm .bus-marker__heading,.bus-marker--sm .bus-marker__note{display:none}.eta-sheet__title,.stop-sheet__title{margin:0;font-size:18px;line-height:1.4}.eta-sheet__action{border-radius:var(--radius);align-self:flex-end;width:auto;min-width:152px;min-height:44px;padding:0 16px;font-size:15px}.stop-sheet__head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stop-sheet__photo{aspect-ratio:16/9;border-radius:var(--radius);background:var(--color-map-bg);place-items:center;display:grid;overflow:hidden}.stop-sheet__photo img{object-fit:cover;width:100%;height:100%}.stop-sheet__note{white-space:pre-line}.quick-map__preview{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-map-bg);height:82px;display:block;position:relative;overflow:hidden}.quick-map__map{width:100%;height:100%}.quick-map__map[hidden]{display:none}.quick-map__overlay{z-index:1;border-radius:inherit;position:absolute;inset:0}.quick-map__overlay:focus-visible{outline:2px solid var(--color-primary-dark);outline-offset:-2px}.quick-map__row{flex-wrap:wrap;align-items:center;gap:0 12px;display:flex}.quick-map__row .link{margin-left:auto}.quick-map__open{flex:none;align-items:center;display:inline-flex}.schematic{width:100%;height:82px;display:block}.schematic__bus{fill:var(--color-accent);stroke:#fff;stroke-width:1.5px}.schematic__bus-text{fill:#fff;font-size:7px;font-weight:700}.help-item{border-radius:var(--radius-card);background:var(--color-surface);min-height:104px;box-shadow:var(--shadow-card-sm);align-items:flex-start;gap:16px;padding:16px;display:flex}.help-item__icon{border-radius:50%;flex:none;width:40px;height:40px}.help-item__icon--primary{background:var(--color-primary)}.help-item__icon--accent{background:var(--color-accent)}.help-item__icon--dark{background:var(--color-dark)}.help-item__text{flex-direction:column;gap:4px;min-width:0;display:flex}.help-item__title{margin:0;font-size:16px;font-weight:700;line-height:1.4}.help-contact{margin:0}