@import "https://fonts.googleapis.com/css2?family=Gaegu:wght@400;700&family=Quicksand:wght@400;500;600;700&display=swap";
.mbta-root{--egg:#fdf6ec;--cream:#faf3e3;--paper:#fffcf6;--paper-deep:#f4ecdc;--coral:#e8786a;--coral-deep:#d85f4f;--coral-soft:#fceae7;--coral-tint:#fbddd7;--sage:#9caf88;--sage-soft:#e6eedd;--gold:#e8b86a;--gold-soft:#f8e8c9;--lilac:#b5a6d4;--lilac-soft:#ece5f4;--ink:#2c2421;--ink-2:#6b5d54;--ink-3:#a49e94;--line:#ede3d2;--line-soft:#f2eadb;--shadow-card:0 1px 2px #2c24210a, 0 8px 24px -8px #2c24211a;--shadow-cta:0 10px 28px -8px #e8786a8c;background:var(--egg);color:var(--ink);word-break:keep-all;-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Noto Sans KR,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.mbta-root .f-hand{letter-spacing:-.01em;font-family:Gaegu,Noto Sans KR,sans-serif;font-weight:700}.mbta-root .f-num{font-family:Quicksand,sans-serif;font-weight:700}.mbta-root .paper{background-color:var(--paper);background-image:radial-gradient(#6c563c0a 1px,#0000 1px),radial-gradient(#6c563c08 1px,#0000 1px);background-position:0 0,4px 4px;background-size:14px 14px,9px 9px}.mbta-root .paper-cream{background-color:var(--cream);background-image:radial-gradient(#6c563c0d 1px,#0000 1px);background-size:12px 12px}.mbta-root .frame{background:#2c24210a;border-radius:28px;padding:6px;box-shadow:inset 0 0 0 1px #2c24210d}.mbta-root .frame>.frame-inner{background:var(--paper);border-radius:22px;box-shadow:inset 0 1px 1px #ffffffe6}.mbta-root .eyebrow{background:var(--coral-soft);color:var(--coral);letter-spacing:.18em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:600;display:inline-block}.mbta-root .cta-coral{background:var(--coral);color:#fff;box-shadow:var(--shadow-cta);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:700;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s;display:inline-flex}.mbta-root .cta-coral:hover{background:var(--coral-deep);transform:translateY(-1px)scale(1.01)}.mbta-root .cta-coral:active{transform:scale(.99)}.mbta-root .cta-coral:disabled{opacity:.6;cursor:not-allowed}.mbta-root .dotted{background-image:radial-gradient(circle,#2c24212e 1px,#0000 1.4px);background-position:50%;background-repeat:repeat-x;background-size:8px 2px;height:2px}.mbta-root .tape{color:#6b4a1f;background:#e8b86a8c;padding:3px 14px;font-family:Gaegu,sans-serif;font-size:13px;font-weight:700;display:inline-block;transform:rotate(-2deg);box-shadow:0 1px #0000000a}.mbta-root .axis-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.mbta-root .axis-dot.ei{background:var(--coral)}.mbta-root .axis-dot.sn{background:var(--gold)}.mbta-root .axis-dot.tf{background:var(--sage)}.mbta-root .axis-dot.jp{background:var(--lilac)}.mbta-root .axis-dot.dim{opacity:.22}.mbta-root .bar{background:var(--coral-soft);border-radius:999px;height:8px;overflow:hidden}.mbta-root .bar>.bar-fill{background:linear-gradient(90deg, var(--coral), var(--coral-deep));border-radius:999px;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.mbta-root .bar>.bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:2.4s ease-in-out infinite mbtaBarSheen;position:absolute;inset:0}.mbta-root .gauge-track{align-items:center;gap:5px;display:flex}.mbta-root .gauge-dot{background:#2c24211a;border-radius:50%;width:10px;height:10px}.mbta-root .gauge-dot.on{box-shadow:0 1px 2px #0000001a}.mbta-root .gauge-dot.ei.on{background:var(--coral)}.mbta-root .gauge-dot.sn.on{background:var(--gold)}.mbta-root .gauge-dot.tf.on{background:var(--sage)}.mbta-root .gauge-dot.jp.on{background:var(--lilac)}.mbta-root .squiggle{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 8'><path d='M0 4 Q5 0 10 4 T20 4 T30 4 T40 4' fill='none' stroke='%23E8786A' stroke-width='1.5' stroke-linecap='round'/></svg>");background-repeat:repeat-x;background-size:40px 8px;height:8px}@keyframes mbtaFadeUp{0%{opacity:0;filter:blur(4px);transform:translateY(16px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes mbtaPopIn{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes mbtaFloatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes mbtaWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes mbtaOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mbtaOrbitRev{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes mbtaSparkle{0%,to{opacity:.3;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(15deg)}}@keyframes mbtaPulse{0%,to{box-shadow:0 0 #e8786a73}50%{box-shadow:0 0 0 14px #e8786a00}}@keyframes mbtaCheckPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes mbtaBarSheen{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes mbtaPebbleJump{0%{transform:translateY(-6px)scale(1)}25%{transform:translateY(-44px)scale(1.08,.94)}60%{transform:translateY(-6px)scale(.96,1.06)}80%{transform:translateY(-14px)scale(1.02,.98)}to{transform:translateY(-6px)scale(1)}}@keyframes mbtaPickPulse{0%{box-shadow:0 0 #e8786a8c}60%{box-shadow:0 0 0 18px #e8786a00}to{box-shadow:0 0 #e8786a00}}@keyframes mbtaEmojiBounce{0%{transform:scale(1)rotate(0)}50%{transform:scale(1.35)rotate(-8deg)}to{transform:scale(1)rotate(0)}}@keyframes mbtaParticle{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}20%{opacity:1}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1) rotate(20deg);opacity:0}}@keyframes mbtaQEnter{0%{opacity:0;transform:translate(40px)scale(.96)}60%{opacity:1}to{opacity:1;transform:translate(0)scale(1)}}@keyframes mbtaTextIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes mbtaTextOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes mbtaDot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.mbta-root .anim-fadeup{animation:.7s cubic-bezier(.16,1,.3,1) both mbtaFadeUp}.mbta-root .anim-popin{animation:.55s cubic-bezier(.34,1.56,.64,1) both mbtaPopIn}.mbta-root .anim-float{animation:4.5s ease-in-out infinite mbtaFloatY}.mbta-root .anim-wiggle{animation:2.4s ease-in-out infinite mbtaWiggle}.mbta-root .anim-orbit{animation:30s linear infinite mbtaOrbit}.mbta-root .anim-orbit-rev{animation:30s linear infinite mbtaOrbitRev}.mbta-root .anim-sparkle{animation:2.2s ease-in-out infinite mbtaSparkle}.mbta-root .anim-pulse{animation:1.8s ease-out infinite mbtaPulse}.mbta-root .anim-checkpop{animation:.4s cubic-bezier(.34,1.56,.64,1) both mbtaCheckPop}.mbta-root .mbta-pebble-jump{animation:.7s cubic-bezier(.5,0,.2,1) both mbtaPebbleJump}.mbta-root .mbta-q-enter{animation:.55s cubic-bezier(.34,1.56,.64,1) both mbtaQEnter}.mbta-root .mbta-text-in{animation:.32s cubic-bezier(.16,1,.3,1) both mbtaTextIn}.mbta-root .mbta-text-out{animation:.22s ease-in both mbtaTextOut}.mbta-root .mbta-pebble-swap{animation:.5s cubic-bezier(.34,1.56,.64,1) both mbtaPopIn,2.4s ease-in-out .5s infinite mbtaWiggle}@media (prefers-reduced-motion:reduce){.mbta-root *,.mbta-root :before,.mbta-root :after{transition:none!important;animation:none!important}}
