/* * ============================================================================ * 밀리AI 참고 컴포넌트 레이어 — 디자인 참고 저장소 globals.css 이식본 * ============================================================================ * * 원본: .reference/miliai-hddn/src/app/globals.css * 기준: 35458a0 (2026-08-03, "Merge pull request #21") * * ⚠️ 이 파일은 손으로 고치지 않는다. * 참고가 바뀌면 원본 diff 를 같은 클래스명·같은 자리에 그대로 옮긴다. * 각 절 제목에 원본 줄 번호를 적어 두었으니 diff 를 찾을 때 쓴다. * 우리 사정으로 값을 바꿔야 하면 theme/components.css 나 화면 CSS 에서 덮어쓴다. * * ── 이식하지 않은 것과 그 이유 ────────────────────────────────────────── * * 1) 레거시 Tailwind 임의값 리맵 (원본 249–301, 338–382) * `.mili-light [class*="bg-[#0b110d]"] { … !important }` 식으로 옛 Tailwind 클래스를 * 토큰에 되돌리는 블록이다. 우리에겐 그런 클래스가 없어 전부 죽은 규칙이 된다. * 대신 docs/design-system.md 의 **hex → 토큰 번역표**로 옮겼다 — * 참고 TSX 를 읽고 우리 화면에 옮길 때 그 표를 쓴다. * * 2) `[class*="rounded-"] { border-radius: 0 !important }` (원본 142) * Tailwind 가 뿌리는 rounded-* 유틸을 전역으로 눕히는 규칙이다. * 우리 등가물은 theme/variables.css 의 `--bs-border-radius*: 0` 다섯 줄이고, * 그쪽이 Bootstrap 컴포넌트를 정확히 겨냥한다. 이 규칙을 그대로 옮기면 * 나중에 누가 `.rounded-pill` 을 쓸 때 조용히 각져 버린다. * * 3) 학습 워크스페이스 (원본 597–1327, 전체의 44%) * **css/vod/learn.css 가 이미 같은 클래스명으로 163개 규칙을 갖고 있다.** * 여기로 복제하면 정본이 두 벌이 되므로 그 파일을 정본으로 둔다. * 참고의 워크스페이스 diff 는 css/vod/learn.css 에 옮긴다. * * 4) 홈 미션맵 (원본 306–321) · 홈 글래스/reveal (personal-home.css) * css/home.css 가 정본이다. 우리 홈은 참고와 같은 고정 캔버스 방식이라 * 화면 CSS 안에서 좌표계와 함께 관리해야 한다. * * 5) Tailwind DOM 을 겨냥한 숨김 규칙 (원본 131–138) * `.mb-6:has(> a[href="/showcase"])` 처럼 참고 마크업에만 있는 것을 지운다. * 우리는 그 요소를 애초에 그리지 않는다. * * ── 우리 쪽 사정으로 손본 것 ──────────────────────────────────────────── * * a) LNB 항목이 참고는 `