:root{--bg:#f7fbf7;--surface:#fff;--surface-soft:#eef6ed;--ink:#18201c;--muted:#637067;--line:#d8e2d8;--green:#0b8f5a;--mint:#c9ebd6;--sun:#f4c95d;--coral:#e76f51;--teal:#257a86;--shadow:0 18px 40px rgba(24,32,28,.12)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:linear-gradient(180deg,rgba(201,235,214,.5),transparent 280px),var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}button,input,select{font:inherit}button{color:inherit}.app-shell{width:min(1160px,100%);margin:0 auto;padding:18px 14px 28px}.hero-panel{display:grid;grid-gap:18px;gap:18px;padding:18px}.brand-row,.bus-row,.eta-display,.panel-heading,.quick-status,.settings-strip,footer{display:flex;align-items:center}.brand-row{gap:12px}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:var(--ink);color:#fff;box-shadow:var(--shadow)}.eyebrow{margin:0;color:var(--teal);font-size:12px;font-weight:800}h1,h2{margin:0;letter-spacing:0}h1{font-size:30px;line-height:1.1}h2{font-size:18px}.quick-status{min-height:86px;gap:14px;border:1px solid var(--line);border-radius:8px;background:hsla(0,0%,100%,.82);padding:14px;box-shadow:var(--shadow)}.route-pill{display:grid;min-width:70px;height:48px;place-items:center;border-radius:8px;color:#fff;font-size:24px;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.quick-status strong{display:block;font-size:20px}.bus-row small,.eta-display small,.notice-text,.quick-status span:not(.route-pill),.settings-strip,footer,label{color:var(--muted)}.tracker-layout{display:grid;grid-template-columns:300px minmax(360px,1fr) 300px;grid-gap:14px;gap:14px;align-items:stretch}.arrival-panel,.control-panel,.map-panel,.ops-panel{border:1px solid var(--line);border-radius:8px;background:hsla(0,0%,100%,.92);box-shadow:var(--shadow)}.arrival-panel,.control-panel,.ops-panel{padding:16px}.panel-heading{justify-content:space-between;gap:12px;margin-bottom:12px}.icon-button{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer}.icon-button:hover{background:var(--surface-soft)}label{display:block;margin:13px 0 6px;font-size:13px;font-weight:700}.search-box,.select-wrap{display:grid;grid-template-columns:22px 1fr;align-items:center;grid-gap:8px;gap:8px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px}input,select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink)}.stop-list{display:grid;grid-gap:8px;gap:8px;max-height:330px;overflow:auto;margin-top:12px;padding-right:2px}.stop-option{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px;text-align:left;cursor:pointer}.stop-option.selected,.stop-option:hover{border-color:var(--green);background:#f3fbf5}.bus-row strong,.stop-option strong{display:block}.stop-option small{display:block;color:var(--muted);font-size:12px}.map-panel{min-height:610px;overflow:hidden}.map-fallback,.naver-map{position:relative;width:100%;height:100%;min-height:610px}.map-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);background:var(--surface-soft)}.map-fallback{background:linear-gradient(135deg,rgba(37,122,134,.18),transparent 42%),linear-gradient(20deg,rgba(244,201,93,.3),transparent 48%),#f5faf4}.map-grid{background-image:linear-gradient(rgba(24,32,28,.055) 1px,transparent 0),linear-gradient(90deg,rgba(24,32,28,.055) 1px,transparent 0);background-size:42px 42px}.map-grid,.map-line{position:absolute;inset:0}.map-line{width:100%;height:100%}.mini-bus,.mini-stop,.target-pulse{position:absolute;transform:translate(-50%,-50%)}.mini-stop{width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:var(--teal);box-shadow:0 3px 12px rgba(24,32,28,.24)}.mini-stop.selected{width:20px;height:20px;background:var(--sun)}.target-pulse{width:44px;height:44px;border:2px solid var(--coral);border-radius:50%;animation:pulse 1.8s ease-out infinite}.mini-bus{display:grid;min-width:46px;height:30px;place-items:center;border:2px solid #fff;border-radius:8px;color:#fff;font-size:12px;font-weight:900;box-shadow:0 8px 18px rgba(24,32,28,.24)}.map-note{position:absolute;left:14px;right:14px;bottom:14px;border-radius:8px;background:hsla(0,0%,100%,.9);padding:10px 12px;color:var(--muted);font-size:13px}.naver-stop-marker{display:grid;min-width:18px;height:18px;place-items:center;border:3px solid #fff;border-radius:999px;background:var(--teal);box-shadow:0 4px 14px rgba(0,0,0,.22)}.naver-stop-marker.selected{min-width:48px;padding:0 8px;background:var(--sun);color:#4b3714;font-size:11px;font-weight:900}.naver-bus-marker{display:grid;min-width:42px;height:30px;place-items:center;border:2px solid #fff;border-radius:8px;color:#fff;font-size:12px;font-weight:900;box-shadow:0 7px 16px rgba(0,0,0,.25)}.eta-display{gap:14px;min-height:108px;border-radius:8px;background:var(--ink);color:#fff;padding:16px}.eta-display>span{min-width:76px;font-size:54px;font-weight:900;line-height:1;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.eta-display small,.eta-display strong{display:block}.eta-display small{color:hsla(0,0%,100%,.72)}.alert-banner{display:flex;align-items:center;gap:10px;min-height:48px;margin-top:12px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px;font-weight:800}.alert-banner.active{border-color:rgba(231,111,81,.42);background:#fff2ed;color:#a03f29}.primary-action{display:flex;width:100%;min-height:46px;align-items:center;justify-content:center;gap:8px;margin-top:12px;border:0;border-radius:8px;background:var(--green);color:#fff;font-weight:900;cursor:pointer}.primary-action:disabled{cursor:default;background:var(--teal)}.notice-text{min-height:48px;margin:12px 0;font-size:13px}.bus-stack{display:grid;grid-gap:8px;gap:8px}.bus-row{gap:10px;min-height:52px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px}.bus-dot{flex:0 0 auto;width:12px;height:34px;border-radius:999px}.settings-strip{gap:8px;min-height:40px;margin-top:12px;font-size:12px}.ops-panel{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-top:14px}.ops-panel p{margin:6px 0 0;color:var(--muted)}.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.ops-grid span{display:grid;min-height:40px;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:13px;text-align:center}footer{gap:8px;padding:16px 4px 0;font-size:12px}.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%{opacity:.8;transform:translate(-50%,-50%) scale(.45)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}@media (max-width:980px){.tracker-layout{grid-template-columns:1fr}.map-fallback,.map-panel,.naver-map{min-height:430px}.stop-list{max-height:230px}.ops-panel{grid-template-columns:1fr}}@media (max-width:560px){.app-shell{padding:10px 10px 22px}.hero-panel{padding:10px 2px 12px}h1{font-size:26px}.quick-status{align-items:flex-start}.route-pill{min-width:62px;height:46px;font-size:22px}.map-fallback,.map-panel,.naver-map{min-height:390px}.eta-display>span{min-width:64px;font-size:46px}.ops-grid{grid-template-columns:1fr}}