/* 노비스타 공통 디자인 — 2026-09-19 권민준님 「manus나 노션 컨셉 … 로고만 눈에 띄게 · 통일성」
   시안 https://claude.ai/artifact/KtvJ8v8fMXtxbuHKuvavgh · 정본은 이 파일 하나
   규칙: 바탕 둘(종이·카드) · 색은 서비스 표지와 「지금 누른 것」에만 · 글자 둘 · 둥글기 셋 · 그림자 없음
   글꼴: Noto Serif KR · IBM Plex Sans KR — 둘 다 SIL OFL 1.1 (html/legal/licenses.html 에 고지) */
:root{
  --nv-ground:#f8f8f7; --nv-paper:#ffffff; --nv-ink:#1a1a19; --nv-sub:#66655f; --nv-faint:#8a8982;
  --nv-line:#e7e6e1; --nv-chip:#efeeea;
  --nv-novista:#1a1a19; --nv-basrak:#1a56a0; --nv-glow:#c25b46; --nv-medis:#1f7a5c;
  --nv-allog:#c98a12; --nv-owls:#6a4bc4; --nv-vines:#8c2f5a; --nv-tteurak:#6f8a17;
  --nv-serif:"Noto Serif KR","Nanum Myeongjo","AppleMyungjo",Georgia,serif;
  --nv-sans:"IBM Plex Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  color-scheme:light dark;
  --nv-r-pill:999px; --nv-r-card:14px; --nv-r-field:16px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --nv-ground:#191918; --nv-paper:#222220; --nv-ink:#ededeb; --nv-sub:#a9a8a1; --nv-faint:#8a8982;
  --nv-line:#34332f; --nv-chip:#2b2a27;
  --nv-novista:#ededeb; --nv-basrak:#5b93dc; --nv-glow:#e0806b; --nv-medis:#4bb08c;
  --nv-allog:#e3a93a; --nv-owls:#9b82ec; --nv-vines:#d06a98; --nv-tteurak:#a4c140;}}
:root[data-theme="dark"]{
  --nv-ground:#191918; --nv-paper:#222220; --nv-ink:#ededeb; --nv-sub:#a9a8a1; --nv-faint:#8a8982;
  --nv-line:#34332f; --nv-chip:#2b2a27;
  --nv-novista:#ededeb; --nv-basrak:#5b93dc; --nv-glow:#e0806b; --nv-medis:#4bb08c;
  --nv-allog:#e3a93a; --nv-owls:#9b82ec; --nv-vines:#d06a98; --nv-tteurak:#a4c140;}

.nv{background:var(--nv-ground);color:var(--nv-ink);font:15.5px/1.75 var(--nv-sans);word-break:keep-all}
.nv h1,.nv h2,.nv h3,.nv .nv-serif{font-family:var(--nv-serif);text-wrap:balance}
.nv a{color:inherit}
/* 2026-09-19 — `.nv a` 가 단추 글자색을 덮어 「가입하기」가 먹색 위 먹색으로 안 보였음(커뮤니티 센터 갈무리) */
.nv a.nv-btn{color:var(--nv-ground)} .nv a.nv-btn.ghost{color:var(--nv-ink)}
.nv :focus-visible{outline:2px solid var(--nv-ink);outline-offset:2px}
.nv-card{background:var(--nv-paper);border:1px solid var(--nv-line);border-radius:var(--nv-r-card)}
.nv-btn{display:inline-flex;align-items:center;gap:6px;background:var(--nv-ink);color:var(--nv-ground);
  border-radius:var(--nv-r-pill);padding:8px 18px;font-weight:600;font-size:14px;text-decoration:none;border:0}
.nv-btn.ghost{background:transparent;color:var(--nv-ink);border:1px solid var(--nv-line)}
.nv-chip{display:inline-flex;align-items:center;gap:6px;background:var(--nv-chip);color:var(--nv-sub);
  border-radius:var(--nv-r-pill);padding:3px 11px;font-size:12.5px}
.nv-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--nv-faint);font-weight:600}
.nv-mark{width:1.6em;height:1.6em;flex:none}

/* ── 해시계 조명 — 「그림자 없음」의 유일한 예외 · body.nv-sunlit 에서만 (첫 화면·커뮤니티 센터) · 값은 sundial.js ── */
:root{--nv-sx:0px;--nv-sy:0px;--nv-sb:0px;--nv-sa:0;--nv-lx:50%;--nv-ly:-40%;--nv-lw:0;--nv-tint:255,250,238;--nv-lwk:1}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--nv-lwk:.22}}
:root[data-theme="dark"]{--nv-lwk:.22}
.nv-sunlit .nv-sky{position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(1100px 700px at var(--nv-lx) var(--nv-ly), rgba(var(--nv-tint),calc(var(--nv-lw) * var(--nv-lwk))), transparent 70%);
  transition:background 1.2s ease}
.nv-sunlit > *:not(.nv-sky){position:relative;z-index:1}
.nv-sunlit .nv-card{box-shadow:var(--nv-sx) var(--nv-sy) var(--nv-sb) rgba(0,0,0,var(--nv-sa));transition:box-shadow 1.2s ease}
@media (prefers-reduced-motion:reduce){.nv-sunlit .nv-sky,.nv-sunlit .nv-card{transition:none}}