@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;500;600;700&display=swap";:root{color:#18201d;font-synthesis:none;--ink:#18201d;--muted:#69716d;--line:#dfe1da;--green:#126b4e;--green-dark:#0d4f3b;--paper:#fafaf6;background:#efefe9;font-family:IBM Plex Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 90% -5%,#9dc1ac73,#0000 35%),#efefe9;min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible{outline-offset:2px;outline:3px solid #126b4e47}.app-shell{width:min(100%,560px);min-height:100vh;padding:max(28px, env(safe-area-inset-top)) 18px max(30px, env(safe-area-inset-bottom));margin:0 auto}.topbar{justify-content:space-between;align-items:center;margin:0 2px 24px;display:flex}.eyebrow{color:var(--green);letter-spacing:.14em;margin:0 0 3px;font-size:11px;font-weight:700}h1{letter-spacing:-.04em;margin:0;font-size:29px}.refresh{width:44px;height:44px;color:var(--green);cursor:pointer;background:#fafaf6bf;border:1px solid #d9ddd5;border-radius:50%;font-size:24px;line-height:1}.refresh:disabled{opacity:.6}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.direction-tabs{background:#dedfd8;border-radius:13px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:14px;padding:4px;display:grid}.direction-tabs button{color:#626a66;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:12px 8px;font-weight:600}.direction-tabs button.active{color:var(--ink);background:var(--paper);box-shadow:0 2px 7px #141e1914}.station-menu{margin-bottom:14px}.station-menu-toggle{width:100%;color:var(--ink);cursor:pointer;background:#fafaf6b8;border:1px solid #d8dbd3;border-radius:11px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.station-menu-toggle span:last-child{color:var(--green);font-size:20px;line-height:1}.station-menu-panel{background:var(--paper);border:1px solid #d8dbd3;border-radius:13px;margin-top:7px;overflow:hidden}.station-location{border-bottom:1px solid var(--line);grid-template-columns:minmax(112px,.8fr) 1.6fr;gap:13px;padding:13px 14px;display:grid}.station-location:last-child{border-bottom:0}.station-location div{flex-direction:column;display:flex}.station-location strong{font-size:13px;line-height:1.4}.station-location span{color:var(--muted);margin-top:3px;font-size:10px}.station-location p{color:#505854;margin:0;font-size:12px;line-height:1.55}.error-banner{color:#a13929;background:#fff0ed;border-radius:10px;margin:0 0 12px;padding:12px 14px;font-size:14px}.card{background:var(--paper);border:1px solid #14231b17;border-radius:20px;box-shadow:0 10px 35px #202d2614}.bus-card{padding:21px}.card-heading,.arrival-row,.action-row,.section-heading,.history-item{align-items:center;display:flex}.card-heading{justify-content:space-between}.best-badge{color:var(--green-dark);background:#dcece4;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:700}.updated{color:var(--muted);font-size:12px}.arrival-row{justify-content:space-between;margin:20px 0 22px}.route-label{color:var(--muted);margin:0 0 3px;font-size:12px}.route-number{letter-spacing:-.04em;font-size:31px}.arrival-time{color:var(--green);align-items:baseline;display:flex}.arrival-time strong{letter-spacing:-.07em;font-size:50px;line-height:1}.arrival-time span{margin-left:5px;font-size:16px;font-weight:700}.station-guide{color:#fff;background:var(--green);border-radius:14px;padding:17px;position:relative;overflow:hidden}.station-guide:after{content:"BUS";color:#ffffff12;letter-spacing:-.08em;font-size:63px;font-weight:700;position:absolute;bottom:-12px;right:-3px}.station-guide p{color:#bfe0d2;margin:0 0 7px;font-size:12px;font-weight:600}.station-guide h2{z-index:1;letter-spacing:-.03em;margin:0 0 7px;font-size:20px;line-height:1.35;position:relative}.station-number{z-index:1;font-size:13px;position:relative}.station-guide .current-directions{z-index:1;color:#e1f1ea;border-top:1px solid #fff3;margin:13px 0 0;padding-top:11px;font-size:12px;line-height:1.5;position:relative}.trip-line{border-bottom:1px solid var(--line);align-items:center;min-height:65px;padding:14px 0 14px 24px;display:flex;position:relative}.trip-line:before{content:"";background:#b7cfc4;width:2px;position:absolute;top:0;bottom:50%;left:6px}.dot{border:3px solid var(--green);background:var(--paper);border-radius:50%;width:12px;height:12px;position:absolute;left:1px}.trip-line small{color:var(--muted)}.trip-line p{margin:2px 0 0;font-size:14px;font-weight:600}.trip-summary{color:var(--muted);text-align:right;margin-left:auto;font-size:12px}.action-row{gap:9px;margin-top:17px}.action-row button{cursor:pointer;border:0;border-radius:11px;min-height:48px;font-weight:700}.action-row button:disabled{opacity:.6}.secondary-action{color:#515854;background:#e8e9e3;flex:.8}.primary-action{color:#fff;background:var(--ink);flex:1.4}.saved-message{text-align:center;border-radius:11px;margin-top:17px;padding:14px;font-weight:700}.saved-message.boarded{color:var(--green-dark);background:#dcece4}.saved-message.missed{color:#725a28;background:#f3ead4}.loading-card,.empty-card{min-height:360px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex}.skeleton{background:linear-gradient(90deg,#e8e9e3 25%,#f3f3ef 50%,#e8e9e3 75%) 0 0/200% 100%;border-radius:7px;animation:1.3s infinite shimmer}.skeleton.wide{width:80%;height:18px;margin:8px}.skeleton.number{width:35%;height:58px;margin:18px}@keyframes shimmer{to{background-position:-200% 0}}.empty-card button{color:#fff;background:var(--green);border:0;border-radius:9px;padding:10px 18px}.history-section{margin-top:30px}.section-heading{justify-content:space-between;padding:0 2px 11px}.section-heading h2{margin:0;font-size:17px}.section-heading span{color:var(--muted);font-size:12px}.history-list{border-top:1px solid #d7d9d2;overflow:hidden}.history-item{border-bottom:1px solid #d7d9d2;gap:11px;padding:13px 2px}.history-icon{border-radius:50%;flex:0 0 29px;place-items:center;width:29px;height:29px;font-weight:700;display:grid}.history-icon.boarded{color:#fff;background:var(--green)}.history-icon.missed{color:#7a632f;background:#e7ddc5}.history-icon.pending{color:#737a76;background:#dfe1dc}.history-main{flex-direction:column;min-width:0;display:flex}.history-main strong{font-size:14px}.history-main span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.history-meta{color:var(--muted);white-space:nowrap;flex-direction:column;align-items:flex-end;margin-left:auto;font-size:11px;display:flex}.history-meta span{margin-top:2px}.history-empty{color:var(--muted);font-size:13px}footer{color:#8b918e;text-align:center;padding:30px 0 8px;font-size:11px}@media (width>=620px){.app-shell{padding-left:0;padding-right:0}.bus-card{padding:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}