@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
html{font-synthesis:none}
/* LEARN9 화면 공통 규격(오너 3269, 2026-09-10): 크기 숫자는 화면마다 손으로 적지 않고 여기 토큰만 쓴다.
   원칙 — 같은 종류의 버튼은 어느 화면에서든 같은 크기. 검사로 잡는 게 아니라 처음부터 이 파일만 쓰면 안 틀어진다.
   · --ui-icon  머리 줄 아이콘 버튼(뒤로·홈·닫기)        40px 정사각, 모서리 12px
   · --ui-ctl   재생·앞뒤·옆 버튼(원형 조작 버튼)         48px 원 — 재생 버튼도 같은 크기(더 크게 만들지 않는다)
   · --ui-btn   바닥 띠 큰 버튼(다음·확인·말하기 …)         48px 높이, 모서리 14px
   · --ui-mic   말하기 마이크 하나만 예외(화면의 초점)        64px 원
   · --ui-tap   눌리는 것의 최소 크기(글자 칩 제외)           40px
   K · Ink Violet 팔레트는 각 화면 :root 에 있고, 여기서는 크기만 정한다. */
:root{--ui-icon:40px;--ui-icon-r:12px;--ui-ctl:48px;--ui-btn:48px;--ui-btn-r:14px;--ui-mic:64px;--ui-tap:40px;--ui-gap:10px;
  --ui-fs-1:17px;--ui-fs-2:15px;--ui-fs-3:13px}
/* 머리 줄 아이콘 버튼: <div class="ui-ib"><svg …></svg></div>  (밝은 화면 기본, 어두운 화면은 .ui-ib.dark) */
.ui-ib{width:var(--ui-icon);height:var(--ui-icon);flex:0 0 var(--ui-icon);border-radius:var(--ui-icon-r);border:1px solid var(--line,#e6e2f2);background:#fff;color:var(--txt,#17142a);
  display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}
.ui-ib svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ui-ib.dark{background:rgba(20,24,56,.85);border-color:rgba(255,255,255,.14);color:#eaecff}
/* 원형 조작 버튼: 재생·앞·뒤·옆. 크기는 전부 같다 */
.ui-ctl{width:var(--ui-ctl);height:var(--ui-ctl);flex:0 0 var(--ui-ctl);border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
/* 바닥 띠 큰 버튼 */
.ui-btn{height:var(--ui-btn);min-height:var(--ui-btn);border-radius:var(--ui-btn-r);padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font-family:"Plus Jakarta Sans","Do Hyeon",sans-serif;font-size:var(--ui-fs-2);-webkit-tap-highlight-color:transparent}