/* 테마: 홀로그램 관제(시안 1). 상단 바(브랜드·상위 메뉴·골드) + 왼쪽 고정 사이드(상태창·하위 메뉴) + 본문 카드. 6번 시안(지구도 와이어 혼합): 아이스 블루 강조, 청록은 정보·좋음, 골드는 재화·등급. */
:root{
  --bg:#0b1019; --surface:#141c2a; --surface2:#0e1520; --fg:#ebe7de; --sub:#a9a8a6; --faint:#8b8f98;
  --line:#29354c; --edge:rgba(156,193,255,.24); --accent:#9cc1ff; --accent-btn:#9cc1ff; --accent-btn-hover:#dfe9ff; --on-accent:#0b1430;
  --accent-soft:rgba(156,193,255,.12); --sel-bg:#1c2535; --sel-line:#54698c;   /* 선택 상태 공통 단색(배경·테두리). 반투명이면 바탕 따라 달라 보여서 고정 */ --accent-ink:#bcd3ff; --gold:#e0b85e; --track:#1d2740;
  --good:#7fe3d6; --good-soft:rgba(127,227,214,.1);
  --warn:#ff9f5f; --warn-soft:rgba(255,159,95,.1); --bad:#ff7f9e; --bad-soft:rgba(255,127,158,.1); --info:#45d1bf; --info-soft:rgba(69,209,191,.1);
  --font:'IBM Plex Sans KR','Malgun Gothic','Apple SD Gothic Neo',system-ui,sans-serif;
  --mono:'IBM Plex Mono','Noto Sans KR','IBM Plex Sans KR','Malgun Gothic','Apple SD Gothic Neo',ui-monospace,Consolas,monospace;
  --fs-xs:11px; --fs-sm:12px; --fs-md:13px; --fs-base:14px; --fs-lg:15px; --fs-xl:18px; --fs-h:20px; --fs-title:24px;
  --serif:'Gothic A1','IBM Plex Sans KR','Malgun Gothic','Apple SD Gothic Neo',sans-serif;   /* 이름은 --serif지만 제목용 고딕(Gothic A1) */
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scrollbar-gutter:stable}
body{margin:0;background-color:var(--bg);background-image:linear-gradient(rgba(156,193,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(156,193,255,.045) 1px,transparent 1px);background-size:32px 32px;background-attachment:fixed;
  color:var(--fg);font-family:var(--font);font-size:var(--fs-base);line-height:1.6;
  padding-block:0 32px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.wrap{max-width:1200px;margin:0 auto}
h1,h2,h3,h4{margin:0;line-height:1.3;text-wrap:balance}
button,select,input{font-family:inherit;font-size:inherit;color:inherit}
.top{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 0;flex-wrap:wrap;border-bottom:1px solid rgba(156,193,255,.22)}
.top .status{position:absolute;right:0;top:20px}   /* 로고는 가운데, 골드는 오른쪽 위 */