@property --ring-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Segoe UI,sans-serif;color:#14213d;background:#edf2f4}.app{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.panel{width:min(720px,100%);background:#fff;border:1px solid #d8e0e7;border-radius:8px;padding:24px;box-shadow:0 18px 50px #14213d1f}.topline,footer{display:flex;justify-content:space-between;gap:16px;align-items:center;color:#5d6b7a;font-size:14px}h1{margin:18px 0 4px;font-size:clamp(26px,5.5vw,42px);line-height:1.08}h2{margin:26px 0 10px;font-size:15px;letter-spacing:.04em;color:#5d6b7a}.subtitle{margin:0 0 24px;color:#5d6b7a}.destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 20px;padding:4px;border-radius:10px;background:#e7edf2}.destination{min-height:42px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:#5d6b7a;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s,color .15s}.destination:hover{background:#fff9;color:#14213d}.destination.active{background:#fff;color:#0f766e;box-shadow:0 1px 3px #14213d2e}.notice{margin:-12px 0 20px;padding:12px 14px;border-radius:8px;border:1px solid #fcd34d;background:#fffbeb;color:#92400e;font-size:14px}.notice[hidden]{display:none}.next-wrap{position:relative;padding:5px;border-radius:13px}.ring{position:absolute;inset:0;border-radius:13px;padding:5px;background:conic-gradient(from var(--ring-angle),rgba(15,118,110,0) 0deg,rgba(15,118,110,.18) 200deg,#34d399 320deg,#a7f3d0 350deg,#ffffff 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:ring-sweep var(--refresh-duration, 30s) linear infinite;filter:drop-shadow(0 0 4px rgba(52,211,153,.7))}@keyframes ring-sweep{to{--ring-angle: 360deg}}@media(prefers-reduced-motion:reduce){.ring{animation-duration:0s;background:#0f766e40;filter:none}}.next{position:relative;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;padding:22px;border-radius:8px;background:#0f766e;color:#fff}.next .label{font-size:14px;opacity:.82}.next .time{margin-top:6px;font-size:clamp(34px,10vw,72px);font-weight:800;line-height:.95}.next .via{margin-top:10px;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:#ffffff2e;font-size:14px;font-weight:700}.next .meta{text-align:right;font-size:15px;display:grid;gap:6px;justify-items:end}.badge{display:inline-flex;min-width:56px;height:32px;padding:0 10px;justify-content:center;align-items:center;border-radius:6px;background:#ffb703;color:#14213d;font-weight:700}.vehicle{display:grid;gap:4px;padding:14px 16px;border-radius:8px;background:#f1f5f9;font-size:15px}.vehicle .stop-name{font-size:19px;font-weight:800}.vehicle .sub{color:#5d6b7a;font-size:13px}.crowd{display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding:4px 12px;border-radius:999px;font-size:14px;font-weight:700;border:1px solid transparent}.crowd-dot{width:9px;height:9px;border-radius:50%;background:currentColor}.crowd.low{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.crowd.medium{background:#fffbeb;border-color:#fcd34d;color:#b45309}.crowd.high{background:#fff7ed;border-color:#fdba74;color:#c2410c}.crowd.full{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.list{display:grid;gap:10px;margin:0 0 18px}.arrival{display:grid;grid-template-columns:68px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #e7edf2}.route{width:56px;height:36px;display:grid;place-items:center;border-radius:6px;background:#e63946;color:#fff;font-weight:800}.arrival strong{display:block}.arrival .via-tag{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:700;vertical-align:2px}.via-tag.long{background:#fef3c7;color:#92400e}.via-tag.short{background:#d1fae5;color:#065f46}.arrival span.detail{display:block;color:#5d6b7a;font-size:14px}.minutes{font-size:26px;font-weight:800;white-space:nowrap}button{min-height:40px;padding:0 16px;border:0;border-radius:6px;background:#14213d;color:#fff;font-weight:700;cursor:pointer}button:hover{background:#263b66}.credit{margin:14px 0 0;color:#94a3b8;font-size:12px}.empty,.error{padding:18px;border-radius:8px;background:#f8fafc;color:#5d6b7a}.error{background:#fff1f2;color:#b91c1c}@media(max-width:560px){.app{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.panel{padding:18px}.next,.arrival{grid-template-columns:1fr}.next .meta{text-align:left;justify-items:start}.minutes{text-align:left}}