/* 귀인 찾기 · 밤 네이비 톤 (달시록 허브·평생 사주와 통일)
   원본 gwiin.html 의 종이/도장 테마 위에 덮어쓴다. 변수만 바꾸면 대부분 따라오고,
   흰 배경(#fff)이 박힌 요소만 따로 잡는다. */
:root{
  --paper:#0b1026; --paper-2:rgba(255,255,255,.06); --paper-dk:rgba(255,255,255,.14);
  --ink:#f3ecdc; --ink-2:#c6c0b2; --ink-mute:#9d9ab0;
  --ju:#e0705f; --ju-2:#e8928a; --pink:#e4c896; --blush:rgba(230,197,111,.14); --line:rgba(255,255,255,.16);
  --brass:#e6c56f; --brass2:#f3d78c; --deep:#06091c;
  --serif:'Noto Serif KR','Gowun Batang',serif; --disp:'Noto Serif KR','Song Myung',serif; --dispW:700;
  color-scheme:dark;
}
body{background:#06091c}
#wrap{background:#0b1026;box-shadow:0 0 60px rgba(0,0,0,.7)}
#wrap::before{opacity:.18;mix-blend-mode:screen}
/* 상단 */
.hero{border:1px solid rgba(230,197,111,.45);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0))}
.hero h1 .ju{color:#f3d78c;background:linear-gradient(transparent 64%,rgba(230,197,111,.28) 64%)}
.hero .eyebrow,.vtxt,.scribble{color:#e6c56f}
.hero .chip{background:rgba(255,255,255,.05);border-color:rgba(230,197,111,.45);color:var(--ink-2)}
.hero .chip.r{border-color:var(--ju);color:#f0a79b}
.hero .stamp-s{box-shadow:0 0 0 1px rgba(0,0,0,.3),0 4px 12px rgba(0,0,0,.45)}
.tape,.rcard::before{background:rgba(230,197,111,.28)}
.sec h2 .num{background:#e6c56f;color:#1a1405}
/* 입력 */
input[type=text],input[type=date],select{background:rgba(255,255,255,.07);color:var(--ink);border:1px solid var(--line);border-bottom:2px solid rgba(230,197,111,.45)}
input:focus,select:focus{border-bottom-color:#f3d78c}
input::placeholder{color:var(--ink-mute)}
select option{background:#131a3d;color:#f3ecdc}
input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.85)}
.dtwrap .dph{color:var(--ink-mute)}
.friend{background:rgba(255,255,255,.05);border-color:var(--line)}
.friend::before{background:#e6c56f}
.addbtn{border-color:rgba(230,197,111,.5);color:#f3d78c !important;background:rgba(230,197,111,.05)}
.gobtn{background:linear-gradient(180deg,#f1d27f,#d9ac3f);color:#1a1405;box-shadow:0 10px 28px rgba(230,197,111,.22)}
.gobtn .g{color:#6b4b00}
.err{background:rgba(224,112,95,.12);border-left-color:var(--ju);color:#f0a79b}
/* 결과 */
.mychip{background:rgba(255,255,255,.05);border-color:var(--line);border-left-color:#e6c56f}
.rcard{background:#111838;border-color:rgba(255,255,255,.18)}
.rcard .inner{border-color:var(--line)}
.rcard .head{color:#f3d78c}
.stamp small{color:var(--ink-2)}
.area .bar{background:rgba(255,255,255,.12)}
.area .bar i{background:linear-gradient(90deg,#e4c896,#e0705f)}
.rcard .share1{background:rgba(224,112,95,.08);border-color:var(--ju);color:#f0a79b !important}
.rank{background:linear-gradient(160deg,#16265c,#0b1026)}
.again{background:rgba(255,255,255,.06);border-color:rgba(230,197,111,.5);color:#f3d78c}
.cta{border:1px solid rgba(230,197,111,.45);background:rgba(230,197,111,.06)}
.cta a{background:linear-gradient(180deg,#f1d27f,#d9ac3f);color:#1a1405}
.prodbn.soon{background:rgba(255,255,255,.04);border-color:var(--line)}
.prodbn.soon .bt .bd{background:rgba(230,197,111,.12);color:#e6c56f}
.linkrow button{background:rgba(255,255,255,.06);border-color:var(--line);color:var(--ink)}
.linkrow button.pri{background:#e6c56f;border-color:#e6c56f;color:#1a1405}
.mapmk{background:linear-gradient(120deg,#16265c,#0b1026);border:1px solid rgba(230,197,111,.3)}
.topnav{background:rgba(11,16,38,.92);border-bottom:1px solid var(--line)}
.topnav a.nv.on{background:#e6c56f;color:#1a1405}
.topnav a{color:var(--ink-2)}
.langsel{color:var(--ink-mute) !important}
hr,.divider{border-color:var(--line)}
footer,.foot,.footer{color:var(--ink-mute)}
footer a,.foot a,.footer a{color:var(--ink-mute)}
.hero .char{width:112px;right:10px;bottom:0;filter:drop-shadow(0 8px 16px rgba(0,0,0,.55))}
/* 가이드 페이지 */
.toc{background:rgba(255,255,255,.05)}
.toc a{color:var(--ink);border-bottom-color:rgba(230,197,111,.4)}
.how .ans{background:rgba(255,255,255,.05);border-left-color:#e6c56f}
.how ol li::before{background:#e6c56f;color:#1a1405}
.ghero h1 .ju{color:#f3d78c;background:linear-gradient(transparent 64%,rgba(230,197,111,.28) 64%)}
.gcta{background:linear-gradient(160deg,#16265c,#0b1026)}
/* 귀인지도 보드 */
.rankrow .nm{color:#f3ecdc}
.rankrow{border-bottom-color:rgba(255,255,255,.12)}
body.mapmode #mapTitle{display:none}
.mychip strong{color:#fff}