@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500;700;900&family=Noto+Sans+HK:wght@500;700;900&display=swap');
:root{--paper:#fff;--ink:#17191C;--line:#00A84D;--blue:#2B5CA8;--sub:#5A626D;--rail:#E4E8ED;--tint:#F4F7FA}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Noto Sans HK","Noto Sans KR","Apple SD Gothic Neo",sans-serif;background:var(--paper);color:var(--ink)}
.ko{font-family:"Noto Sans KR","Apple SD Gothic Neo",sans-serif}
.hl{color:var(--line)}
.topbar{position:fixed;top:0;left:0;right:0;height:10px;background:var(--line);z-index:5}
.kicker{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em;color:#fff;background:var(--line);border-radius:999px}
.kicker .tok{border-radius:50%;background:#fff;color:var(--line);display:flex;align-items:center;justify-content:center;font-weight:900}
.box{background:#fff;border:2px solid var(--rail);border-radius:18px;box-shadow:0 10px 26px rgba(20,30,45,.06)}
.dot{border-radius:50%;background:#fff;border:solid var(--line);color:var(--line);font-weight:900;display:flex;align-items:center;justify-content:center;flex:none}
.brand{font-weight:800;letter-spacing:.14em;color:var(--sub);opacity:.55}
.pill{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:800;border-radius:999px;white-space:nowrap}