/* imported from redesign */
@font-face {
  font-family: "EZ";
  src: url("/m/yanolja_regular.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0030-0039, U+002C-002F, U+003A, U+0025, U+002B, U+20A9, U+0024, U+00A5, U+20AC;
}
@font-face {
  font-family: "EZ";
  src: url("/m/bmdohyeon_otf.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}
/* Design token system: primitives -> semantic -> component aliases */
:root {
  /* Primitive palette */
  --palette-primary-0:#FFFFFF; --palette-primary-5:#F4F6FA; --palette-primary-10:#E6EAF2; --palette-primary-15:#CCD3E2; --palette-primary-17:#B6BFD3; --palette-primary-20:#9FAAC4; --palette-primary-22:#8593B3; --palette-primary-25:#6C7DA1; --palette-primary-30:#56688E; --palette-primary-40:#41557A; --palette-primary-50:#2E4368; --palette-primary-60:#1F365E; --palette-primary-70:#102C57; --palette-primary-80:#0C2348; --palette-primary-90:#061633; --palette-primary-100:#000000;
  --palette-secondary-0:#FFFFFF; --palette-secondary-5:#F2FAFE; --palette-secondary-10:#DCF1FB; --palette-secondary-15:#B5E1F6; --palette-secondary-17:#8FD0F0; --palette-secondary-20:#6BBFE9; --palette-secondary-22:#4AB0E2; --palette-secondary-25:#2FA1DC; --palette-secondary-30:#1996D8; --palette-secondary-40:#008DD5; --palette-secondary-50:#007DBD; --palette-secondary-60:#006BA3; --palette-secondary-70:#00558A; --palette-secondary-80:#003E66; --palette-secondary-90:#002340; --palette-secondary-100:#000000;
  --palette-accent-0:#FFFFFF; --palette-accent-5:#FFF6EE; --palette-accent-10:#FFE4CC; --palette-accent-20:#FFC899; --palette-accent-30:#FFAC66; --palette-accent-40:#FF9033; --palette-accent-50:#FF7300; --palette-accent-60:#E66600; --palette-accent-70:#B85100; --palette-accent-80:#8A3D00; --palette-accent-90:#5C2900; --palette-accent-95:#2E1400; --palette-accent-100:#000000;
  --palette-green-5:#F0FBF4; --palette-green-50:#1FA34F; --palette-red-5:#FFECEB; --palette-red-50:#E5342E; --palette-cool-7:#F8F9FB; --palette-cool-15:#ECEEF3; --palette-cool-17:#E5E8EF; --palette-cool-90:#1F2738;

  /* Semantic color */
  --color-brand-primary:var(--palette-primary-70); --color-brand-primary-strong:var(--palette-primary-80); --color-brand-secondary:var(--palette-secondary-40); --color-brand-accent:var(--palette-accent-50); --color-brand-accent-strong:var(--palette-accent-60);
  --color-text-default:rgba(23,25,31,0.97); --color-text-strong:rgba(23,25,31,1); --color-text-muted:rgba(46,47,51,0.88); --color-text-subtle:rgba(55,56,60,0.61); --color-text-disabled:rgba(55,56,60,0.28); --color-text-inverse:#fff;
  --color-surface-page:#FDFDFD; --color-surface-subtle:#F4F5F8; --color-surface-raised:#FFFFFF; --color-surface-primary:#E6EAF2; --color-surface-secondary:#DCF1FB; --color-surface-accent:#FFE4CC; --color-surface-positive:#F0FBF4; --color-surface-danger:#FFECEB;
  --color-border-default:rgba(112,115,124,0.22); --color-border-strong:rgba(112,115,124,0.43); --color-border-subtle:rgba(112,115,124,0.13);
  --color-status-positive:#1FA34F; --color-status-negative:#E5342E; --color-interaction-hover:rgba(16,44,87,0.05); --color-focus-ring:var(--color-brand-secondary);

  /* Layout, type, shape, elevation, motion */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px; --space-7:32px; --space-8:40px;
  --radius-8:8px; --radius-12:12px; --radius-16:16px; --radius-20:20px; --radius-pill:999px;
  --font-family-sans:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --font-size-11:11px; --font-size-12:12px; --font-size-13:13px; --font-size-14:14px; --font-size-15:15px; --font-size-18:18px; --font-size-22:22px; --font-size-28:28px;
  --font-weight-regular:400; --font-weight-semibold:600; --font-weight-bold:700; --font-weight-extrabold:800;
  --line-height-tight:1.25; --line-height-normal:1.5; --line-height-loose:1.65;
  --shadow-1:0 1px 4px rgba(0,0,0,0.08), 0 0 1px rgba(0,0,0,0.08); --shadow-2:0 4px 8px rgba(0,0,0,0.10), 0 0 2px rgba(0,0,0,0.06); --shadow-3:0 16px 32px rgba(0,0,0,0.16), 0 4px 8px rgba(0,0,0,0.08);
  --motion-fast:120ms ease; --motion-base:200ms ease;

  /* Domain aliases */
  --carrier-skt:#EA002C; --carrier-kt:#000000; --carrier-lgu:#E6007E;
  --color-price-discount:var(--color-status-positive); --color-price-final:var(--color-brand-accent-strong);

  /* Backward-compatible aliases for existing page/component code. Prefer semantic tokens for new code. */
  --color-global-primary-0:var(--palette-primary-0); --color-global-primary-5:var(--palette-primary-5); --color-global-primary-10:var(--palette-primary-10); --color-global-primary-15:var(--palette-primary-15); --color-global-primary-17:var(--palette-primary-17); --color-global-primary-20:var(--palette-primary-20); --color-global-primary-22:var(--palette-primary-22); --color-global-primary-25:var(--palette-primary-25); --color-global-primary-30:var(--palette-primary-30); --color-global-primary-40:var(--palette-primary-40); --color-global-primary-50:var(--palette-primary-50); --color-global-primary-60:var(--palette-primary-60); --color-global-primary-70:var(--palette-primary-70); --color-global-primary-80:var(--palette-primary-80); --color-global-primary-90:var(--palette-primary-90); --color-global-primary-100:var(--palette-primary-100);
  --color-global-secondary-0:var(--palette-secondary-0); --color-global-secondary-5:var(--palette-secondary-5); --color-global-secondary-10:var(--palette-secondary-10); --color-global-secondary-15:var(--palette-secondary-15); --color-global-secondary-17:var(--palette-secondary-17); --color-global-secondary-20:var(--palette-secondary-20); --color-global-secondary-22:var(--palette-secondary-22); --color-global-secondary-25:var(--palette-secondary-25); --color-global-secondary-30:var(--palette-secondary-30); --color-global-secondary-40:var(--palette-secondary-40); --color-global-secondary-50:var(--palette-secondary-50); --color-global-secondary-60:var(--palette-secondary-60); --color-global-secondary-70:var(--palette-secondary-70); --color-global-secondary-80:var(--palette-secondary-80); --color-global-secondary-90:var(--palette-secondary-90); --color-global-secondary-100:var(--palette-secondary-100);
  --color-global-accent-0:var(--palette-accent-0); --color-global-accent-5:var(--palette-accent-5); --color-global-accent-10:var(--palette-accent-10); --color-global-accent-20:var(--palette-accent-20); --color-global-accent-30:var(--palette-accent-30); --color-global-accent-40:var(--palette-accent-40); --color-global-accent-50:var(--palette-accent-50); --color-global-accent-60:var(--palette-accent-60); --color-global-accent-70:var(--palette-accent-70); --color-global-accent-80:var(--palette-accent-80); --color-global-accent-90:var(--palette-accent-90); --color-global-accent-95:var(--palette-accent-95); --color-global-accent-100:var(--palette-accent-100);
  --color-global-green-5:var(--palette-green-5); --color-global-green-50:var(--palette-green-50); --color-global-red-5:var(--palette-red-5); --color-global-red-50:var(--palette-red-50); --color-global-cool-7:var(--palette-cool-7); --color-global-cool-15:var(--palette-cool-15); --color-global-cool-17:var(--palette-cool-17); --color-global-cool-90:var(--palette-cool-90);
  --color-semantic-primary-normal:var(--color-brand-primary); --color-semantic-primary-strong:var(--color-brand-primary-strong); --color-semantic-secondary-normal:var(--color-brand-secondary); --color-semantic-accent-normal:var(--color-brand-accent); --color-semantic-accent-strong:var(--color-brand-accent-strong);
  --color-semantic-label-normal:var(--color-text-default); --color-semantic-label-strong:var(--color-text-strong); --color-semantic-label-neutral:var(--color-text-muted); --color-semantic-label-alternative:var(--color-text-subtle); --color-semantic-label-assistive:var(--color-text-disabled); --color-semantic-label-inverse:var(--color-text-inverse);
  --color-semantic-bg-normal:var(--color-surface-page); --color-semantic-bg-alternative:var(--color-surface-subtle); --color-semantic-bg-elevated:var(--color-surface-raised); --color-semantic-line-normal:var(--color-border-default); --color-semantic-line-neutral:var(--color-border-strong); --color-semantic-line-alternative:var(--color-border-subtle); --color-semantic-line-strong:var(--color-border-strong);
  --color-semantic-status-positive:var(--color-status-positive); --color-semantic-status-negative:var(--color-status-negative); --color-semantic-interaction-hover:var(--color-interaction-hover);
  --color-accent-bg-primary:var(--color-surface-primary); --color-accent-bg-secondary:var(--color-surface-secondary); --color-accent-bg-accent:var(--color-surface-accent); --color-accent-bg-green:var(--color-surface-positive); --color-accent-bg-neutral:var(--color-surface-subtle);
  --shadow-emphasize:var(--shadow-1); --shadow-strong:var(--shadow-2); --shadow-pop:var(--shadow-3);
  --color-primary:var(--color-brand-primary); --color-primary-hover:var(--color-brand-primary-strong); --color-secondary:var(--color-brand-secondary); --color-accent:var(--color-brand-accent); --color-bg:var(--color-surface-raised); --color-bg-soft:var(--color-surface-subtle); --color-border:var(--color-border-subtle); --color-border-strong:rgba(112,115,124,0.43); --color-text:var(--color-text-strong); --color-text-muted:rgba(46,47,51,0.88); --color-text-faint:var(--color-text-subtle); --color-text-on-primary:var(--color-text-inverse); --color-discount:var(--color-price-discount); --color-penalty:var(--color-status-negative); --color-skt:var(--carrier-skt); --color-kt:var(--carrier-kt); --color-lgu:var(--carrier-lgu);
  --space-2xs:var(--space-1); --space-xs:var(--space-2); --space-s:var(--space-3); --space-m:var(--space-4); --space-l:var(--space-6); --radius-sm:var(--radius-8); --radius-md:var(--radius-12); --radius-lg:var(--radius-16); --radius-xl:var(--radius-20); --type-micro:var(--font-size-11); --type-caption:var(--font-size-12); --type-small:var(--font-size-13); --type-body:var(--font-size-14); --type-h2:var(--font-size-18); --type-h1:var(--font-size-22); --type-display:var(--font-size-28); --weight-regular:var(--font-weight-regular); --weight-bold:var(--font-weight-bold); --weight-extrabold:var(--font-weight-extrabold); --elevation-1:var(--shadow-1); --elevation-2:var(--shadow-2); --elevation-3:var(--shadow-3);
}
*,*::before,*::after{box-sizing:border-box}html{font-size:16px;height:100svh;max-width:30rem;width:100%;margin:0 auto;background:var(--color-semantic-bg-alternative);overflow-x:hidden}body{margin:0;font-family:var(--font-family-sans);color:var(--color-semantic-label-normal);background:var(--color-semantic-bg-normal);overflow-x:hidden}a{text-decoration:none;color:inherit}button,input{font:inherit}img{display:block;max-width:100%}.screen_shell{min-height:100svh;background:var(--color-semantic-bg-normal)}header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-semantic-bg-normal);position:sticky;top:0;z-index:10}.logo_wrapper{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-12);background:var(--color-accent-bg-primary);overflow:hidden}.logo{width:100%;height:100%;object-fit:cover}.t-headline,.t-heading2,.t-title1,.t-title2{margin:0}.t-headline{font-size:15px;font-weight:700}.t-heading2{font-size:22px;font-weight:700;line-height:1.25}.t-title1{font-size:18px;font-weight:700}.t-title2{font-size:15px;font-weight:700}.t-body2{font-size:13px;line-height:1.5}.color-primary{color:var(--color-semantic-primary-normal)}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:700}.badge-accent{background:var(--color-accent-bg-accent);color:var(--color-semantic-accent-strong)}.badge-secondary{background:var(--color-accent-bg-secondary);color:var(--color-semantic-secondary-normal)}.badge-positive{background:var(--color-accent-bg-green);color:var(--color-semantic-status-positive)}.badge-primary{background:var(--color-accent-bg-primary);color:var(--color-semantic-primary-normal)}.badge-neutral{background:var(--color-accent-bg-neutral);color:var(--color-semantic-label-neutral)}.chip{appearance:none;border:1px solid var(--color-semantic-line-normal);border-radius:var(--radius-pill);background:#fff;color:var(--color-semantic-label-neutral);padding:8px 12px;cursor:pointer}.chip.selected{background:var(--color-semantic-primary-normal);border-color:var(--color-semantic-primary-normal);color:#fff}.btn{appearance:none;border:none;border-radius:var(--radius-12);cursor:pointer;font-weight:700}.btn-block{width:100%}.btn-md{padding:12px 14px}.btn-lg{padding:15px 16px}.btn-primary{background:var(--color-semantic-primary-normal);color:#fff}.btn-accent{background:var(--color-semantic-accent-normal);color:#fff}.btn-tonal{background:var(--color-accent-bg-primary);color:var(--color-semantic-primary-normal)}.btn-outline{background:#fff;color:var(--color-semantic-primary-normal);border:1px solid var(--color-semantic-line-normal)}.input{width:100%;padding:14px 16px;border:1px solid var(--color-semantic-line-normal);border-radius:var(--radius-12);background:#fff}.bottom_bar{position:fixed;bottom:0;left:0;right:0;max-width:30rem;margin:0 auto;background:var(--color-semantic-bg-normal);border-top:1px solid var(--color-semantic-line-alternative);padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));display:flex;gap:var(--space-2)}

:where(a,button,input,textarea,[role="button"]):focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.55}.btn-sm{padding:8px 12px;font-size:12px}.chip,.btn,.back_btn,.share_btn,.settings_btn{min-height:44px}.chip{display:inline-flex;align-items:center;justify-content:center}