:root{
  --bg:#0f1220; --bg2:#171b2e; --card:#1d2238; --line:#2c3352; --text:#ecebf3; --muted:#9aa0bd;
  --gold:#d9b46a; --gold2:#f1d79c; --east:#d4574a; --west:#6f8cff; --ok:#5fbf8f;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:'Noto Sans KR',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
body{background:radial-gradient(1200px 600px at 50% -200px,#2a2f55 0%,transparent 60%),var(--bg)}
.wrap{max-width:560px;margin:0 auto;padding:20px 16px 80px}
h1,h2,h3{font-family:'Noto Serif KR',serif;margin:0}
.hero{text-align:center;padding:12px 0 18px}
.hero .seal{display:inline-flex;gap:6px;font-size:13px;color:var(--muted);letter-spacing:.08em}
.hero .seal b{color:var(--east)} .hero .seal i{color:var(--west);font-style:normal}
.hero h1{font-size:30px;margin:10px 0 8px;background:linear-gradient(90deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--muted);font-size:14.5px;margin:0}
.hero .en{font-size:13px;letter-spacing:.2em;color:var(--gold);margin:-4px 0 10px;text-transform:uppercase}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;margin:14px 0}
label{display:block;font-size:13px;color:var(--muted);margin:12px 0 6px}
input,select{width:100%;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px;font-size:16px;font-family:inherit}
.row{display:flex;gap:8px}.row>*{flex:1}
.seg{display:flex;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:3px}
.seg button{flex:1;background:none;border:0;color:var(--muted);padding:9px;border-radius:8px;font-size:15px;font-family:inherit;cursor:pointer}
.seg button.on{background:var(--line);color:var(--text);font-weight:700}
.chk{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin-top:10px}
.chk input{width:auto}
details{margin-top:12px;font-size:14px;color:var(--muted)}
details summary{cursor:pointer}
.btn{display:block;width:100%;border:0;border-radius:12px;padding:15px;font-size:17px;font-weight:700;font-family:inherit;cursor:pointer;margin-top:18px;
  background:linear-gradient(90deg,var(--gold),var(--gold2));color:#2a1d05}
.btn.ghost{background:none;border:1px solid var(--line);color:var(--text);font-weight:500}
.btn.pay{margin-top:10px}
.btn.kakao{background:#fee500;color:#191600}
.btn.toss{background:#3182f6;color:#fff}
.linkbtn{background:none;border:0;color:var(--muted);text-decoration:underline;font-size:14px;margin-top:12px;cursor:pointer;font-family:inherit}
.err{color:#ff8b7e;font-size:14px;margin-top:10px}
.hidden{display:none!important}
.sec-title{display:flex;align-items:center;gap:6px;margin-bottom:10px;flex-wrap:wrap;padding-right:64px}
.sec-title h3{flex:1 1 100%;font-size:19px;line-height:1.4;margin-top:4px;word-break:keep-all}
#stockSec .sec-title{padding-right:0}
.tag{font-size:11px;padding:2px 8px;border-radius:99px;font-weight:700;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}
.tag.east{background:rgba(212,87,74,.18);color:#ff9a8d}.tag.west{background:rgba(111,140,255,.18);color:#a9bbff}.tag.both{background:rgba(217,180,106,.2);color:var(--gold2)}
.tag.free{background:rgba(95,191,143,.18);color:#8fe0b6}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}
.pil{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:8px 2px}
.pil .h{font-size:11px;color:var(--muted)}
.pil .ss{font-size:11px;color:var(--gold);min-height:16px}
.pil .ch{font-family:'Noto Serif KR',serif;font-size:26px;line-height:1.25;font-weight:800}
.pil .ko{font-size:12px;color:var(--muted)}
.pil.me{border-color:var(--gold)}
.el-목{color:#6fc28b}.el-화{color:#ff7a62}.el-토{color:#e2b55e}.el-금{color:#d5dbe6}.el-수{color:#6aa3ff}
.bars{margin-top:12px}
.bar{display:flex;align-items:center;gap:8px;font-size:13px;margin:5px 0}
.bar .n{width:52px;color:var(--muted)}.bar .t{flex:1;height:10px;background:var(--bg2);border-radius:99px;overflow:hidden}
.bar .t i{display:block;height:100%;border-radius:99px}.bar .c{width:20px;text-align:right}
.lead{font-size:16px;font-weight:500}
.muted{color:var(--muted);font-size:13.5px}
.meta{font-size:12.5px;color:var(--muted);margin-top:10px}
.warn{font-size:12.5px;color:#ffcf7a;margin-top:8px}
.tarot-row{display:flex;gap:10px;justify-content:center;margin:12px 0}
.tc{width:100px;height:176px;border-radius:10px;cursor:pointer;position:relative;perspective:600px}
.tc .in{position:absolute;inset:0;transition:transform .6s;transform-style:preserve-3d}
.tc.flip .in{transform:rotateY(180deg)}
.tc .f,.tc .b{position:absolute;inset:0;border-radius:10px;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6px}
.tc .b{background:repeating-linear-gradient(45deg,#2a2f55 0 6px,#232845 6px 12px);border:1px solid var(--gold)}
.tc .b span{font-size:26px;color:var(--gold)}
.tc .f{transform:rotateY(180deg);background:#efe6cf;border:1px solid var(--gold2);padding:0;overflow:hidden}
.tc .f .tcimg{width:100%;height:100%;object-fit:cover;display:block}
.tcimg.rev,.tx-img.rev{transform:rotate(180deg)}
.tc .f .revtag{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);background:rgba(15,18,32,.82);color:var(--gold2);font-size:10.5px;padding:1px 7px;border-radius:99px;white-space:nowrap}
.tc .f .num{font-size:12px;color:var(--gold)}.tc .f .nm{font-family:'Noto Serif KR',serif;font-size:15px;font-weight:800;margin:4px 0}
.tc .f .ori{font-size:11px;color:var(--muted)}
.tc.rev .f .nm{transform:rotate(180deg)}
.tc.dim{opacity:.35;pointer-events:none}
.result-card{background:var(--bg2);border-radius:12px;padding:12px;margin-top:10px;font-size:14.5px}
/* paywall */
.locked{position:relative;overflow:hidden;max-height:150px}
.locked .blur{filter:blur(6px);user-select:none;pointer-events:none}
.locked:after{content:'';position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,var(--card))}
.lockbadge{position:absolute;right:14px;top:14px;z-index:2;font-size:12px;color:var(--gold2);background:rgba(0,0,0,.4);padding:3px 10px;border-radius:99px}
.paywall{text-align:center;border:1px solid var(--gold);background:linear-gradient(180deg,#26203a,#1d2238)}
.paywall h3{font-size:20px;margin-bottom:6px}
.paywall ul{text-align:left;font-size:14px;padding-left:18px;margin:12px 0;color:#d8d6e6}
.price{font-size:26px;font-weight:800;color:var(--gold2)}
.price s{font-size:15px;color:var(--muted);font-weight:400;margin-right:6px}
.demo-note{font-size:12px;color:var(--muted);margin-top:8px}
.daeun{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px}
.du{min-width:62px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;text-align:center;padding:6px 4px;font-size:12px}
.du.now{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
.du{cursor:pointer;font-family:inherit;color:var(--text);flex-shrink:0}
.du.sel{background:#2f2a4a}
.du .tag-now{display:block;font-size:10px;color:var(--gold2);font-weight:700}
.duhint{font-size:12px;color:var(--muted);margin-top:2px}
.du .p{font-family:'Noto Serif KR',serif;font-size:17px;font-weight:800}
h4{margin:14px 0 4px;font-size:15px;color:var(--gold2)}
p{margin:6px 0}
footer{color:var(--muted);font-size:12px;text-align:center;margin-top:30px;line-height:1.7}
.proto{background:#3a2f12;color:#ffe2a3;font-size:12px;text-align:center;padding:6px}
/* 종목 궁합 */
.colist{margin-top:6px}
.coitem{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:6px;color:var(--text);font-family:inherit;font-size:15px;text-align:left;cursor:pointer}
.coitem small{color:var(--muted);font-size:12px;white-space:nowrap}
.coitem.pending{opacity:.6}
.cohead{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.cohead b{font-size:17px}
.matchbox{margin-top:14px;padding:14px;border-radius:12px;background:linear-gradient(160deg,#2b2350,#1b1f3a);border:1px solid var(--gold)}
.matchbox .lbl{font-family:'Noto Serif KR',serif;font-size:21px;font-weight:800;color:var(--gold2);margin-bottom:4px}
.pillars.co{grid-template-columns:repeat(4,1fr)}
.fine{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.6}
/* 상품 선택 카드 + 캐릭터 */
.picks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 4px}
.picks.one{grid-template-columns:minmax(0,170px);justify-content:center}
.pick{background:var(--bg2);border:1.5px solid var(--line);border-radius:14px;padding:8px 4px 10px;cursor:pointer;color:var(--text);font-family:inherit;text-align:center;transition:border-color .2s,transform .2s,box-shadow .2s}
.pick svg{width:100%;height:auto;display:block;transition:transform .25s}
.pick .pn{font-family:'Noto Serif KR',serif;font-weight:800;font-size:16px;margin-top:2px}
.pick .pp{font-size:14px;color:var(--gold2);font-weight:700}
.pick .ps{font-size:11px;color:var(--muted)}
.pick .s{display:none}
.pick:hover .n,.pick.on .n{display:none}
.pick:hover .s,.pick.on .s{display:inline}
.pick:hover svg,.pick.on svg{transform:translateY(-4px)}
.pick.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset,0 6px 18px rgba(217,180,106,.18)}
.pick[data-k="east"].on{background:linear-gradient(180deg,#3a2422,var(--bg2))}
.pick[data-k="west"].on{background:linear-gradient(180deg,#3a1d2a,var(--bg2))}
.pick[data-k="both"].on{background:linear-gradient(180deg,#352c45,var(--bg2))}
.pickinfo{font-size:14px;text-align:left;background:var(--bg2);border-radius:10px;padding:10px 12px;margin-top:10px;min-height:44px}
.btn:disabled{opacity:.45;cursor:not-allowed}
/* 심층 상담 */
.consult{border:1px solid var(--gold);background:linear-gradient(180deg,#2a2240,#1d2238)}
textarea{width:100%;min-height:180px;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px;font-size:16px;font-family:inherit;line-height:1.6;resize:vertical}
.cnt{font-size:12px;color:var(--muted);text-align:right;margin-top:4px}
.consent{background:var(--bg2);border-radius:10px;padding:4px 12px 10px;margin-top:14px}
.consent .chk{align-items:flex-start}
.consent .chk input{margin-top:5px}
.receipt{white-space:pre-wrap;font-size:13px;background:var(--bg2);border-radius:10px;padding:12px;margin-top:10px;line-height:1.7;font-family:ui-monospace,Menlo,monospace}
.agebox{font-size:13px;color:var(--gold2);margin-top:6px}

/* ===== v2: 홈 카드 · 테마 · 결과 ===== */
:root{ --c1:#d9b46a; --c2:#2a2f55; }
body.themed{background:radial-gradient(1100px 560px at 50% -180px,var(--c2) 0%,transparent 62%),var(--bg)}
.hero .homelink{color:inherit;text-decoration:none}
.h-sec{font-family:'Noto Sans KR',sans-serif;font-size:16px;color:var(--gold2);margin:22px 2px 10px;font-weight:700}
.cats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.catcard{display:block;text-decoration:none;color:var(--text);background:linear-gradient(160deg,var(--cc2),var(--card) 75%);border:1px solid var(--line);border-left:4px solid var(--cc1);border-radius:14px;padding:13px 12px 12px;transition:transform .15s,box-shadow .15s}
.catcard:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.25)}
.catcard .ic{font-size:26px;line-height:1}
.catcard .nm{font-family:'Noto Serif KR',serif;font-weight:800;font-size:17px;margin-top:6px;color:var(--cc1)}
.catcard .ds{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.45;word-break:keep-all}
.catcard .pr{font-size:11.5px;color:var(--text);opacity:.85;margin-top:7px;font-weight:700}
.catcard.deep{margin-top:16px;border:1.5px solid var(--gold);border-left-width:1.5px;background:linear-gradient(135deg,#43301170,#2a2040 55%,#1d2238);box-shadow:0 8px 28px rgba(217,180,106,.20);padding:18px 16px;position:relative}
.catcard.deep .nm{font-size:20px;color:var(--gold2)}
.catcard.deep .ds{font-size:13.5px;color:#d8d6e6}
.catcard.deep .pr{font-size:15px;color:var(--gold2)}
.catcard.deep .badge{position:absolute;top:12px;right:12px;background:var(--gold);color:#2a1d05;font-size:11px;font-weight:800;padding:3px 9px;border-radius:99px}
.catcard.deep .go{display:inline-block;margin-top:10px;background:linear-gradient(90deg,var(--gold),var(--gold2));color:#2a1d05;font-weight:800;border-radius:10px;padding:9px 14px;font-size:14px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin:2px 0 8px}
.topbar a,.topbar button{color:var(--muted);font-size:14px;text-decoration:none;background:none;border:0;cursor:pointer;font-family:inherit;padding:4px 0}
.catbanner{border-radius:16px;padding:14px 16px;background:linear-gradient(135deg,var(--c2),var(--card) 80%);border:1px solid var(--line);border-left:5px solid var(--c1);display:flex;gap:12px;align-items:center}
.catbanner .ic{font-size:34px}
.catbanner .nm{font-family:'Noto Serif KR',serif;font-weight:800;font-size:21px;color:var(--c1)}
.catbanner .ds{font-size:13px;color:var(--muted)}
.themed #vResult .card,.themed #vInput .card{border-top:2px solid var(--c1)}
.themed #vResult .card.paywall{border:1px solid var(--c1)}
.tag.cat{background:rgba(255,255,255,.08);color:var(--c1)}
.divider{margin:22px 0 4px;padding-top:14px;border-top:1px dashed var(--line);font-weight:700;color:var(--c1)}
.kv{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14.5px}
.kv span{color:var(--muted);flex-shrink:0}
.kv b{text-align:right;word-break:keep-all}
.blurtxt{filter:blur(6px);user-select:none}
.yrow{background:var(--bg2);border-radius:10px;padding:8px 10px;margin:6px 0;font-size:14px;border:1px solid var(--line)}
.yrow.best{border-color:var(--c1);box-shadow:0 0 0 1px var(--c1) inset}
.ytag{display:inline-block;font-size:12px;background:rgba(255,255,255,.06);border-radius:99px;padding:2px 8px;margin:5px 4px 0 0}
.morecat{margin:-4px 0 12px}.morecat a{color:var(--gold,#f1d79c);font-size:14px;font-weight:600;text-decoration:none}
.mrow{display:grid;grid-template-columns:34px 86px 1fr;gap:6px;font-size:13.5px;padding:7px 0;border-bottom:1px dashed var(--line);align-items:baseline}
.more{margin-top:26px}
.tarotpos{font-size:12px;color:var(--c1);text-align:center;margin-top:-6px}
.pick.on{background:linear-gradient(180deg,var(--c2),var(--bg2))!important}

/* 언어 버튼 · 영어판 날짜 순서 · 결제 버튼 · 문의 링크 */
.hero{position:relative}
.langbtn{position:static;display:block;margin:0 0 10px auto;background:var(--bg2);border:1px solid var(--line);color:var(--text);border-radius:99px;padding:5px 12px;font-size:13px;font-family:inherit;cursor:pointer}
select.langbtn{width:auto;max-width:150px;appearance:auto;padding:5px 8px}
body.intl .ko-only{display:none!important}
body.d-mdy .dates .dm{order:1} body.d-mdy .dates .dd{order:2} body.d-mdy .dates .dy{order:3}
body.d-dmy .dates .dd{order:1} body.d-dmy .dates .dm{order:2} body.d-dmy .dates .dy{order:3}
.btn.paypal{background:#ffc439;color:#003087}
.btn:disabled,.linkbtn:disabled{opacity:.45;cursor:not-allowed}
.linkbtn.payBtn{display:block;margin:12px auto 0}
.tosswidget{background:#fff;border-radius:12px;margin-top:12px;overflow:hidden}.tosswidget:empty{display:none}
#payMsg.ok{color:var(--gold2)}
#payNoteSlot .paynote{margin:14px 0 2px;padding:10px 8px;border-radius:12px;background:rgba(255,255,255,.04)}
.paynote.nocheck .chk{display:none}
.btn.gated:not(:disabled){opacity:.75}
footer .fblink{display:inline-block;margin-bottom:10px;color:var(--gold2);font-size:13px;border:1px solid var(--line);border-radius:99px;padding:5px 14px;text-decoration:none}
#fbKind button{font-size:14px;padding:9px 4px}
/* 출생지 검색 */
.ac{position:relative}
.ac-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;margin:0;padding:4px;list-style:none;background:var(--card);border:1px solid var(--line);border-radius:10px;max-height:300px;overflow-y:auto;box-shadow:0 10px 28px rgba(0,0,0,.45)}
.ac-list li{padding:9px 10px;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:1px}
.ac-list li b{font-weight:600;font-size:15px;color:var(--text)}
.ac-list li span{font-size:12.5px;color:var(--muted)}
.ac-list li.on,.ac-list li:hover{background:var(--line)}
.ac-list li.ac-msg{cursor:default;color:var(--muted);font-size:14px}
.ac-list li.ac-msg:hover{background:none}
.ac-list li.ac-tz{color:var(--gold2);font-size:13.5px;border-top:1px solid var(--line);border-radius:0 0 8px 8px}
footer a{color:inherit}
/* 결과 공유 */
.share .sh-preview{display:block;width:100%;max-width:300px;margin:12px auto;border-radius:12px;border:1px solid var(--line);aspect-ratio:4/5;object-fit:cover;background:var(--bg2)}
.share .sh-btns .btn{margin-top:8px}
.share .sh-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.shbtn{flex:1 1 30%;min-width:96px;text-align:center;padding:10px 8px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--text);font-size:14px;font-family:inherit;text-decoration:none;cursor:pointer}
.shbtn.sh-wa{background:#25d366;color:#062b14;border:0}.shbtn.sh-line{background:#06c755;color:#fff;border:0}.shbtn.sh-tg{background:#2aabee;color:#fff;border:0}
.shbtn.sh-x{background:#000;color:#fff}.shbtn.sh-fb{background:#1877f2;color:#fff;border:0}
.btn.sh-kakao{background:#fee500;color:#191600}
.share .sh-msg{min-height:1.2em;margin-top:8px;text-align:center}

/* ===== 타로 카드 해설 ===== */
.result-card.tx{padding:14px}
.tx-h{font-size:15px;margin-bottom:6px}.tx-h .ori{color:var(--muted);font-size:13px}
.tx-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-bottom:6px}
.tx-meta .kw{font-size:12.5px;color:var(--muted)}
.thchip{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:99px;background:rgba(255,255,255,.07);color:var(--gold2);white-space:nowrap}
.tx-q{color:var(--gold2);font-size:13.5px;margin:6px 0}
.tx-top{display:flex;gap:12px;align-items:flex-start}.tx-img{width:84px;height:auto;aspect-ratio:300/527;border-radius:7px;flex:none;box-shadow:0 4px 14px rgba(0,0,0,.35)}.tx-hd{min-width:0;flex:1}
.tx-look{font-size:13px;color:#c7cbe0;background:rgba(255,255,255,.04);border-left:3px solid var(--line);padding:7px 10px;border-radius:0 8px 8px 0;margin:8px 0}
.tx-look span{display:block;font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.04em;margin-bottom:2px}
.tx-sum{margin-top:14px;padding-top:6px;border-top:1px dashed var(--line)}
/* ===== 동서양 통합 풀이 ===== */
.tosyn{display:block;width:100%;margin:0 0 12px;padding:11px;border-radius:12px;border:1px solid rgba(217,180,106,.45);background:rgba(217,180,106,.1);color:var(--gold2);font-weight:700;font-size:14px;cursor:pointer}
#secBridge{border:1px solid rgba(217,180,106,.5);box-shadow:0 0 0 1px rgba(217,180,106,.15),0 10px 40px rgba(217,180,106,.08)}
.syn h4{margin-top:18px}
.syn-head{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(135deg,rgba(217,180,106,.16),rgba(111,140,255,.10));border-radius:14px;padding:14px;margin:12px 0}
.syn-head .ic{font-size:30px;line-height:1}
.syn-head .lb{font-size:12px;color:var(--gold2);font-weight:700;letter-spacing:.03em}
.syn-head>.ic{flex:none}.syn-head>div:last-child{min-width:0;flex:1}
.syn-head .vd{font-size:16.5px;font-weight:700;line-height:1.5;margin-top:3px;overflow-wrap:anywhere}
body.lang-ko .syn-head .vd,body.lang-ko .sc-t{word-break:keep-all}
.syn-head .lv{font-size:12.5px;color:var(--muted);margin-top:6px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dots{display:inline-flex;gap:4px}.dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.2);display:inline-block}.dots i.on{background:var(--gold)}
.syn-grid{display:grid;grid-template-columns:auto 1fr 1fr;gap:6px;margin:10px 0 4px;align-items:stretch}
.sg-c{font-size:11.5px;font-weight:700;color:var(--muted);text-align:center;padding:2px 0}
.sg-c:nth-of-type(2){color:#ff9a8d}.sg-c:nth-of-type(3){color:#a9bbff}
.sg-r{font-size:11.5px;font-weight:700;color:var(--muted);display:flex;align-items:center;justify-content:center;padding:0 2px;max-width:58px;text-align:center;word-break:keep-all}
body.intl .sg-r{max-width:64px;font-size:11px;word-break:normal}
.sc{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:9px 10px;min-width:0}
.sc.on{border-color:var(--gold);background:rgba(217,180,106,.1)}
.sc-t{font-size:13.5px;font-weight:700;overflow-wrap:anywhere}
.sc-v{font-size:11.5px;color:var(--muted);margin-top:3px;word-break:break-word}
.syn-act{margin:6px 0 0;padding-left:20px}.syn-act li{margin:6px 0;line-height:1.55}
.syn-close{margin-top:14px;font-weight:700;color:var(--gold2)}
.syn-method{margin-top:14px;font-size:13px;color:var(--muted)}.syn-method summary{cursor:pointer;color:var(--muted)}
#lkBridge{max-height:none}#lkBridge:after{display:none}#lkBridge .blur{max-height:60px;overflow:hidden}

/* 카드 + 아래 설명 */
.tslot{width:100px;display:flex;flex-direction:column;align-items:center;gap:6px}
.tslot.dim{opacity:.35;pointer-events:none}.tslot.dim .tc{opacity:1}
.tslot .tarotpos{margin-top:0;width:100%}
.tcap{width:100%;text-align:center;font-size:11.5px;line-height:1.35;opacity:0;transform:translateY(-4px);transition:opacity .4s .45s,transform .4s .45s}
.tslot.on .tcap{opacity:1;transform:none}
.tcap b{display:block;font-size:13px;color:var(--text,#fff);word-break:keep-all}
.tcap .ori{display:block;color:var(--muted);font-size:11px}
.tcap .kw{display:block;color:var(--gold2);margin-top:2px;word-break:keep-all}
body.intl .tcap b,body.intl .tcap .kw{word-break:normal;overflow-wrap:anywhere}
.sg-note{font-size:12.5px;margin:6px 0 0}
.revbox{background:rgba(111,140,255,.10);border:1px solid rgba(111,140,255,.35);border-radius:12px;padding:11px 13px;margin:4px 0 12px}
.revbox b{color:#c4d0ff;font-size:14px}.revbox p{margin:6px 0 0;font-size:13.5px;line-height:1.6}
.revline{font-size:13.5px;color:#c4d0ff;background:rgba(111,140,255,.08);border-radius:8px;padding:7px 10px;margin:8px 0}
.ori.rv{color:#c4d0ff}
.engview{margin-top:18px;border:1px dashed rgba(255,255,255,.25);border-radius:12px;padding:12px;font-size:12.5px;background:rgba(0,0,0,.25)}
.engview code{font-size:11px;opacity:.6}.ev-h{font-weight:700;font-size:14px;margin-bottom:8px}.ev-h small{font-weight:400;opacity:.6;margin-left:6px}
.ev-b{margin:10px 0 14px}.ev-b h5{margin:0 0 6px;font-size:13px;color:#ffd78a}.ev-n{margin:4px 0 6px;opacity:.7;font-size:12px;line-height:1.5}
.ev-t{width:100%;border-collapse:collapse}.ev-t th,.ev-t td{padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}
.ev-t th{white-space:nowrap;opacity:.75;font-weight:500}.ev-w{display:block;overflow-x:auto}.ev-dim{opacity:.6}.ev-rv{color:#c4d0ff}.ev-on{background:rgba(255,215,138,.10)}
.ev-bar{display:flex;align-items:center;gap:6px;margin:3px 0}.ev-lb{width:92px;flex:none}.ev-track{flex:1;display:flex;height:12px;background:rgba(255,255,255,.06);border-radius:6px;overflow:hidden}
.ev-v{width:56px;flex:none;text-align:right}.ev-core .ev-lb,.ev-core .ev-v{color:#ffd78a;font-weight:700}.ev-out{opacity:.4}
.ev-track i,.ev-leg i{display:inline-block;height:100%}.ev-leg{margin:2px 0 6px;opacity:.8}.ev-leg i{width:10px;height:10px;border-radius:2px;margin:0 3px 0 8px;vertical-align:-1px}
.e1{background:#e9a24a}.e2{background:#7c8cff}.e3{background:#6fbf8e}.e4{background:#ffd78a}
body.lang-ko .tcap,body.lang-ko .tx-h{word-break:keep-all}
.loading{display:flex;justify-content:center;gap:10px;padding:18px 0;color:var(--gold,#d9b46a)}.loading span{animation:ld 1s infinite ease-in-out}.loading span:nth-child(2){animation-delay:.15s}.loading span:nth-child(3){animation-delay:.3s}@keyframes ld{0%,100%{opacity:.25}50%{opacity:1}}
.why{margin:12px 0 4px;background:rgba(255,215,138,.06);border:1px solid rgba(255,215,138,.25);border-radius:12px;padding:10px 13px}
.why summary{cursor:pointer;font-weight:700;color:#ffd78a;font-size:14.5px}.why p{margin:8px 0 0;font-size:14px;line-height:1.65}
.wy-bars{margin:10px 0 2px}.wy-bar{display:flex;align-items:center;gap:8px;margin:5px 0;font-size:13px}.wy-lb{flex:none;width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wy-tr{flex:1;height:10px;background:rgba(255,255,255,.07);border-radius:5px;overflow:hidden}.wy-tr i{display:block;height:100%;background:rgba(255,255,255,.35);border-radius:5px}
.wy-bar.on .wy-tr i{background:#ffd78a}.wy-bar.on .wy-lb,.wy-bar.on .wy-v{color:#ffd78a;font-weight:700}.wy-v{flex:none;width:30px;text-align:right;opacity:.85}
body.lang-ko .why p,body.lang-ko .why summary{word-break:keep-all}
.e5{background:#c58bff}
.e6{background:#4fd1c5}
.e7{background:#ff9f6b}
/* 약관·개인정보처리방침·환불정책·청소년보호정책 */
.legal h4{margin:20px 0 6px;font-size:15px;color:var(--gold2)}
.lgbody p,.lgbody li{font-size:14px;line-height:1.75}
.lgbody ol,.lgbody ul{padding-left:20px;margin:6px 0}
.lgbody a{color:var(--gold2)}
.lgnote{font-size:12px}
.lgcards{display:grid;gap:8px;margin:10px 0}
.lgcard{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.6}
.lgk{font-weight:700;color:var(--text);margin-bottom:4px}
.lgk span{display:block;font-size:11px;font-weight:400;color:var(--muted)}
.lgcard dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 10px}
.lgcard dt{color:var(--gold2);white-space:nowrap}
.lgcard dd{margin:0;color:var(--text)}
.lgbox{border:1px solid var(--gold);border-radius:12px;padding:10px 14px;margin:12px 0;background:rgba(217,180,106,.06)}
.lgbox ul{margin:6px 0 0}
footer .lglinks{margin-top:12px;font-size:12px}
footer .lglinks a{color:var(--muted);text-decoration:none}
footer .lglinks a.strong{color:var(--text);font-weight:700}
footer .bizinfo{margin-top:6px;font-size:11px;color:var(--muted);line-height:1.7}
/* 결제 전 고지 */
.paynote{margin:12px 0 4px;font-size:13px;color:var(--muted)}
.paynote p{margin:0 0 4px}
.paynote .chk{margin-top:8px;color:var(--text);justify-content:center;white-space:nowrap;font-size:min(14px,3.6vw)}
.paynote .chk input{flex:none}
.paynote > a{font-size:12px}
.payBtn.gated{opacity:.45;cursor:not-allowed}

/* 맨 위 브랜드 줄: 한복 호랑이(동양) · 제목 · 턱시도 아기 악마(서양) */
.brandrow{display:flex;align-items:center;justify-content:center;gap:10px}
.brandtxt{min-width:0}
.hchr{flex:none;width:76px;height:88px;display:block}
.hchr svg{width:100%;height:100%;display:block;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.hchr.tiger{animation:hbob 3.2s ease-in-out infinite}
.hchr.imp{animation:hbob 3.2s ease-in-out -1.6s infinite}
@keyframes hbob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@media (prefers-reduced-motion:reduce){.hchr.tiger,.hchr.imp{animation:none}}
@media (max-width:360px){.hchr{width:62px;height:72px}.brandrow{gap:6px}}
