/* 명운백호 전용 — 삼신 디자인 시스템 v1의 부품은 그대로, 백호만의 색·모양을 더한다
   10-11 대표: "구조는 같아도 색과 디자인으로 다른 상품처럼, 촌스럽지 않게" → 흰 털 · 먹 줄무늬의 백호 = 설백(雪白) 먹선 흑백
   - 틀(바탕·글·카드·버튼)은 흑백. 결과 안의 뜻 있는 색(오행·순풍/맞바람·필요한/피할 기운·그래프)은 제 색으로 (10-11 3차 대표)
   - 백호의 눈(호박색) = '지금·목표' 표시, 붉은 술 = 수호부 낙관
   - 모서리는 각지게(2px), 도장은 반듯한 검은 낙관, 머리글 위에는 호랑이 줄무늬 세 획, 결제 버튼은 먹 바탕 흰 글
   (paper·app·base.css 색은 recolor-mono 규칙으로 삼신 원본에서 바꿨고, 뜻이 있는 색은 여기서 정한다) */
:root{--bh-ink:#161616;--bh-sub:#4a4a4a;--bh-mute:#8d8d8d;--bh-line:#e2e2e0;--bh-bg:#f4f4f2;--bh-card:#fff;--bh-eye:#c8963e;--bh-tassel:#9e2a22;
  --bh-stripe:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='8' viewBox='0 0 46 8'%3E%3Cpath d='M1 4.2C5 2.6 10 2.4 13.5 4 10 5.4 5 5.6 1 4.2Z M16.5 4C21 1.8 27 1.6 30.5 4 27 6.2 21 6.1 16.5 4Z M32.5 4.2C36.5 2.6 41 2.4 45 4 41 5.5 36.5 5.6 32.5 4.2Z' fill='%23161616'/%3E%3C/svg%3E");
  --bh-stripe-w:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='8' viewBox='0 0 46 8'%3E%3Cpath d='M1 4.2C5 2.6 10 2.4 13.5 4 10 5.4 5 5.6 1 4.2Z M16.5 4C21 1.8 27 1.6 30.5 4 27 6.2 21 6.1 16.5 4Z M32.5 4.2C36.5 2.6 41 2.4 45 4 41 5.5 36.5 5.6 32.5 4.2Z' fill='%23f2f2f2'/%3E%3C/svg%3E")}
.paper{--p-bg:var(--bh-bg);--p-card:var(--bh-card);--p-line:var(--bh-line);--p-ink:var(--bh-ink);--p-sub:var(--bh-sub);--p-mute:var(--bh-mute);--p-red:var(--bh-ink);--p-gold:var(--bh-mute);--p-green:var(--bh-ink)}
.paper #topbar{background:linear-gradient(var(--bh-bg) 70%,#f4f4f200)}

/* 옥 노리개 문장: 흑백 메달 */
.flower.emblem{border-radius:50%;object-fit:cover}
.r-hero .flower-wrap{width:140px;height:140px;max-width:140px}
.r-hero .seal-img{box-shadow:0 0 0 5px #fff,0 0 0 6px var(--bh-ink);border-radius:50%}
.loading-art img.emblem{width:62%;height:62%}
.toon-grade .toon-flower.emblem{width:150px;height:150px;border-radius:50%;object-fit:cover}
.bh-scale img{border-radius:50%;aspect-ratio:1;object-fit:cover}
.home .ad-line{margin-bottom:10px}

/* 머리글: 줄무늬 세 획 + 작은 글 (삼신의 '— 금박 —' 대신) */
.paper .sx-eyebrow,.paper .sec-mark,.paper .cc2-kicker{display:flex!important;flex-direction:column;align-items:center;gap:8px;color:var(--bh-mute)!important;font:600 11px var(--sans)!important;letter-spacing:.35em!important}
.paper .sx-eyebrow::before,.paper .sec-mark::before,.paper .cc2-kicker::before{content:'';width:46px;height:8px;background:var(--bh-stripe) center/contain no-repeat}
.paper .night .sx-eyebrow::before,.paper .sx-card.night .sx-eyebrow::before{background-image:var(--bh-stripe-w)}
.paper .sx-head h4,.paper .r-chapter h3,.paper .toc-title{letter-spacing:-.3px}

/* 감정서: 반듯한 검은 낙관 · 먹 띠 */
.paper .r-hero{border:1px solid var(--bh-ink)!important;border-top:6px solid var(--bh-ink)!important;box-shadow:none}
.paper .r-hero .eyebrow{transform:none!important;background:var(--bh-ink);color:#fff!important;border:0!important;padding:6px 10px;letter-spacing:.4em;font-weight:600}
.paper .r-grade strong{color:var(--bh-ink)}
.paper .pum-scale i{background:#e4e4e2;border-radius:0}
.paper .pum-scale i.on{background:var(--bh-ink)}
.paper .pum-scale i.goal{background:var(--bh-eye)}
.paper .r-turn{color:var(--bh-ink)!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}

/* 카드: 그림자 없이 가는 선, 밤 카드는 먹 한 장 */
.paper .sx-card,.paper .judge,.paper .diag,.paper .review-card,.paper .flaw-box,.paper .stack-item,.paper .price-compare{box-shadow:none!important}
.paper .flaw-box{background:#fff!important;border:1px solid var(--bh-ink)!important;border-left:6px solid var(--bh-ink)!important}
.paper .sx-card.night{background:#121212!important;border-color:#121212!important}
.paper .season{border-top:6px solid var(--bh-ink)!important}
.paper .samsin{border-left-color:var(--bh-ink)!important}


/* 평생 바람 아홉 마디 */
.wind-strip{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;align-items:end;height:140px;margin:16px 0 2px}
.ws{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}
.ws i{display:block;width:70%;background:#d4d4d2}
.ws.now i{outline:2px solid var(--bh-eye);outline-offset:3px}
.ws b{font-size:10.5px;margin-top:6px;color:var(--bh-sub);font-weight:600;white-space:nowrap}
.ws small{font-size:9.5px;color:var(--bh-eye);min-height:13px;font-weight:700}
.wind-strip .ws.later i{background:#e6e6e4!important;box-shadow:none;filter:blur(2.5px)}
.ws-note{margin-top:4px!important}

/* 지금 → 목표 */
.paper .goal-line em{color:var(--bh-eye)}

/* 마지막 제안 컷 비교 상자 */
.strip-compare span{border-radius:2px!important;background:#fff!important;color:var(--bh-ink)!important}
.strip-compare span.up{background:var(--bh-ink)!important;color:#fff!important;border-color:var(--bh-ink)!important}
.strip-compare span.up b{color:#fff!important}
.strip-bubble{border-radius:2px!important}

/* 결제 버튼: 먹 바탕 흰 글, 낙관은 흰 네모에 먹 글자 */
.sx-cta{background:var(--bh-ink)!important;border-radius:2px!important;box-shadow:0 10px 26px #16161626!important}
.sx-cta-t b,.fb-pay strong,.fb-pay strong span{color:#fff!important}
.sx-cta-t small,.sx-cta i,.fb-pay s{color:#b5b5b5!important}
.fb-pay strong em,.sx-cta-t small em,.deal-timer b{color:var(--bh-eye)!important}
.sx-cta-seal{background:#fff!important;color:var(--bh-ink)!important;border-radius:0!important;transform:none!important}
.paper .nav-footer .primary,.paper .res .primary{background:var(--bh-ink);color:#fff;border-radius:2px}
.paper .secondary{border-radius:2px}
.og-say p{border-radius:2px!important;background:#fff!important}

/* 운명 지도 */
.chart.life{width:100%;height:auto;display:block}
.chart.life .lab{font-size:9px;fill:var(--bh-mute)}
.chart.life .lab.now{fill:var(--bh-eye);font-weight:700}
.map-card{margin-top:14px}
.map-peek-art{position:relative}
.blur-soft{filter:blur(2.5px);opacity:.75;user-select:none;pointer-events:none}
.month-bars.two-years{grid-template-columns:repeat(12,1fr);height:auto;row-gap:12px}
.month-bars.two-years .mb{height:110px}
.year-table td small{display:block;font-size:10.5px;color:var(--bh-mute)}
.reason-table tr.now-row td{background:#f1ebe0}
.talisman-card canvas{display:block;width:62%;max-width:240px;margin:12px auto 14px;box-shadow:0 8px 24px #16161633}
/* 백호의 말: 삼신의 꽃잎(✿) 대신 줄무늬 세 획 */
.paper .sx-say::before{content:''!important;display:block;width:46px;height:8px;margin:0 auto 10px;background:var(--bh-stripe) center/contain no-repeat;color:transparent}

/* ── 결과 속 뜻 있는 색 (10-11 3차): 틀은 흑백, 내용의 색은 제 색 ──
   좋음(순풍·필요한 기운) 옥록 · 나쁨(맞바람·피할 기운) 주홍 · 오행 다섯 색 */
.paper{--c-good:#2f7a55;--c-good-soft:#e7f1ea;--c-bad:#c2452f;--c-bad-soft:#f9e9e5;--c-mok:#3f8a52;--c-hwa:#c8463a;--c-to:#b07c22;--c-geum:#7d838c;--c-su:#2c5a8f}
.paper .char-grid .el-목{color:var(--c-mok)}.paper .char-grid .el-화{color:var(--c-hwa)}.paper .char-grid .el-토{color:var(--c-to)}.paper .char-grid .el-금{color:var(--c-geum)}.paper .char-grid .el-수{color:var(--c-su)}
.paper .char-grid span.yong,.paper .char-grid span.hee{box-shadow:inset 0 -3px 0 var(--c-good)}
.paper .char-grid span.gi{box-shadow:inset 0 -3px 0 var(--c-bad)}
.paper .judge-row.yong strong,.paper .reason-table td.plus,.paper .gyeok .plus strong,.nf-link.plus,.viz-legend .good{color:var(--c-good)!important}
.paper .judge-row.gi strong,.paper .reason-table td.minus,.paper .gyeok .minus strong,.nf-link.minus,.viz-legend .bad{color:var(--c-bad)!important}
.penta .lab.yong,.penta .lab.hee{fill:var(--c-good)}.penta .lab.gi{fill:var(--c-bad)}
.daeun .role-yong,.daeun .role-hee{background:var(--c-good-soft)}.daeun .role-gi,.daeun .role-heavy{background:var(--c-bad-soft)}
.vs-card .good{background:var(--c-good-soft)}.vs-card .bad{background:var(--c-bad-soft)}
.nf-ch.role-yong,.nf-ch.role-hee{border-color:var(--c-good)}.nf-ch.role-gi,.nf-ch.role-heavy{border-color:var(--c-bad)}
.ws.good i,.mb.good i{background:var(--c-good)!important}
.ws.bad i,.mb.bad i{background:var(--c-bad)!important}
.wind-strip .ws.later i{background:#e6e6e4!important;filter:blur(2.5px)}
.paper .flaw-box{border-left-color:var(--c-bad)!important}
.paper .flaw-box .kicker{color:var(--c-bad)!important}
.season-open{border-top-color:var(--c-good)!important}.season-open.bad{border-top-color:var(--c-bad)!important}
.season-open em b{color:var(--bh-eye)!important}
/* 어두운 화면(등급 공개 웹툰)의 기둥 글자도 오행 색 */
.tp-col b.el-목{color:#9fd3a6}.tp-col b.el-화{color:#f0a3a0}.tp-col b.el-토{color:#e3c88f}.tp-col b.el-금{color:#e9ecf1}.tp-col b.el-수{color:#8fb8e8}
/* 결제 버튼 주변 (10-14 카카오페이, 10-16 결제 전 청약철회 안내·동의 체크 제거) */
.pay-error{min-height:0!important;margin:0 0 8px!important;font-size:12.5px!important;color:var(--c-bad,#c2452f)!important}
.pay-error:empty{display:none}
.sx-cta:disabled{opacity:.55;cursor:default}

/* ── 입력 화면 (오더 ⑩-2·3, 10-15) ──
   네모 '‹'가 체크박스로 보인다는 의견 → 위쪽 '‹ 이전' 글자 버튼 + 아래 주 버튼 하나. 고른 것은 ✓로 분명히.
   카드는 더 투명하게(뒤 그림이 비치게), 대신 흐림으로 글자 대비 유지 */
.ask-box{background:linear-gradient(160deg,#16161766,#0d0d0e8c)!important;border:1px solid #ffffff26!important;backdrop-filter:blur(14px) saturate(1.1)!important;-webkit-backdrop-filter:blur(14px) saturate(1.1)!important;box-shadow:0 18px 50px #0006}
.ask-box .ask-q,.ask-box .field-help,.ask-box .hanja-skip{text-shadow:0 1px 8px #000c}
.ask-head{display:flex;align-items:center;justify-content:space-between;margin:-4px 0 6px}
.ask-head .speaker{margin:0!important}
.ask-prev{background:none;border:0;padding:6px 8px 6px 0;color:#d4d5d9;font-size:14px;letter-spacing:.2px;cursor:pointer}
.ask-prev:active{opacity:.6}
.ask-main{margin-top:14px;width:100%}
.ask-box .segments button.selected::before,.concern-list button.selected .c-go{content:'✓ ';}
.concern-list button.selected .c-go{font-size:0}.concern-list button.selected .c-go::after{content:'✓';font-size:16px;color:#fff}
.concern-list button.selected{background:#dbdce033!important;border-color:#dbdce0!important}
.ask-box .check{cursor:pointer}

/* ── 다른 상영작 (오더 ⑩-4) ── */
.cross-sell{margin:34px 0 10px;padding:22px 0 6px;border-top:1px solid var(--bh-line,#e2e2e0)}
.cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.cs-card{display:flex;flex-direction:column;gap:3px;text-decoration:none;color:var(--bh-ink,#161616);background:#fff;border:1px solid var(--bh-line,#e2e2e0);padding:0 0 12px}
.cs-poster{display:block;aspect-ratio:2/3;background:#1d1d1f center/cover no-repeat;margin-bottom:8px}
.cs-card b{font:700 15px var(--serif);padding:0 10px}
.cs-card small{font-size:11.5px;color:var(--bh-mute,#8d8d8d);padding:0 10px}
.cs-card em{font-style:normal;font-size:12.5px;line-height:1.45;color:var(--bh-sub,#4a4a4a);padding:2px 10px 0}
.cs-studio{display:block;margin:14px 0 0;padding:13px;text-align:center;text-decoration:none;border:1px solid var(--bh-ink,#161616);color:var(--bh-ink,#161616);font-weight:600;font-size:14px}

/* 삼신 공통안(10-15 ⑩): 체크칸 22px, 글자까지 눌림 */
.ask-box .check input{width:22px!important;height:22px!important;flex:0 0 22px}
.ask-box .check{gap:10px;min-height:44px}

/* ── 유료 결과 맨 위 요약 카드 (⑩-1 A안, 세 BM 공통 부품 sum-card · 백호 흑백) ── */
.sum-card{margin:4px 0 26px;padding:20px 16px 14px;background:#fff;border:1px solid var(--bh-ink,#161616);border-top:6px solid var(--bh-ink,#161616)}
.sum-head span{display:block;font-size:11px;letter-spacing:4px;color:var(--bh-mute,#8d8d8d)}.sum-head b{display:block;font:700 19px var(--serif);margin-top:4px;color:var(--bh-ink,#161616)}
.sum-lines{margin:14px 0 6px;padding:0;list-style:none;counter-reset:s}
.sum-lines li{counter-increment:s;position:relative;padding:10px 0 10px 32px;border-top:1px dashed var(--bh-line,#e2e2e0);font-size:15px;line-height:1.7;color:var(--bh-sub,#4a4a4a);text-wrap:pretty}
.sum-lines li:first-child{border-top:0}
.sum-lines li b{color:var(--bh-ink,#161616)}
.sum-lines li:before{content:counter(s);position:absolute;left:0;top:12px;width:21px;height:21px;border-radius:50%;background:var(--bh-ink,#161616);color:#fff;font-size:12px;display:grid;place-items:center}
.sum-card .sub-h small{font-size:12px;font-weight:400;color:var(--bh-mute,#8d8d8d);margin-left:6px}
.toc-row .toc-line{display:block;font-size:12.5px;font-weight:400;color:var(--bh-mute,#8d8d8d);margin-top:2px;line-height:1.5}
.pdf-all{margin:30px 0 0}.pdf-all .secondary{width:100%}
#print-report.pdf-render{background:#fff!important}

/* ── 휴대폰 화면 꽉 채우기 (오더 ⑮-1): 앱 높이는 기기 화면 높이(--frame-h, JS가 계산), 가로는 꽉 ── */
#viewport{height:100vh;height:100svh;height:100dvh}
#frame{height:calc(var(--frame-h,845px) * var(--frame-scale,1))!important}
#app{height:var(--frame-h,845px)!important}
.keyboard-open #app .screen,.keyboard-open #app[data-screen=ask] .screen{height:var(--keyboard-room,var(--frame-h,845px))}
html,body{overflow-x:hidden;max-width:100%}

/* 오더 ⑮-3: 아래 고정 바로 왔을 때 결제 버튼에 금색 고리 두 번 */
@keyframes bh-pulse{0%{box-shadow:0 0 0 0 rgba(200,150,62,.65)}100%{box-shadow:0 0 0 14px rgba(200,150,62,0)}}
.sx-cta-wrap.pulse #pay-btn{animation:bh-pulse 1.3s ease-out 2}
@media (prefers-reduced-motion:reduce){.sx-cta-wrap.pulse #pay-btn{animation:none}}

/* 오더 ⑯: 실제 테스터 후기 — 옆으로 넘기는 카드 (참고: 후기카드_참고_20261015.png, 별점·구매 횟수·평균 점수는 넣지 않음) */
.paper .rv-tag{font-size:11px;letter-spacing:.5px;color:var(--bh-mute);margin:-4px 0 10px}
.rv-track{display:flex;align-items:stretch;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -22px;padding:2px 22px 6px;scrollbar-width:none;overscroll-behavior-x:contain}
.rv-track::-webkit-scrollbar{display:none}
.paper .rv-card{flex:0 0 86%;scroll-snap-align:center;background:var(--bh-card);border:1px solid var(--bh-line);border-radius:2px;padding:16px 16px 14px;color:var(--bh-ink);display:flex;flex-direction:column}
.rv-card header{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.rv-av{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:hsl(var(--h) 28% 90%);color:hsl(var(--h) 32% 32%);font:600 16px/1 var(--serif)}
.paper .rv-tester{font-style:normal;font-size:10.5px;color:var(--bh-mute);border:1px solid var(--bh-line);padding:2px 6px;border-radius:2px}
.paper .rv-card header b{font-size:14px;font-weight:600;color:var(--bh-ink)}
.paper .rv-card time{margin-left:auto;font-size:12px;color:var(--bh-mute);font-variant-numeric:tabular-nums}
.paper .rv-text{font-size:14.5px;line-height:1.75;min-height:calc(1.75em * 4);color:var(--bh-sub);margin:0;word-break:keep-all;white-space:pre-line}
.rv-text.clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.paper .rv-more{align-self:flex-start;background:none;padding:6px 0 0;font-size:12px;color:var(--bh-ink);text-decoration:underline;text-underline-offset:3px}
.paper .rv-count{text-align:center;font-size:12px;color:var(--bh-mute);margin-top:8px;font-variant-numeric:tabular-nums}.paper .rv-count b{color:var(--bh-ink);font-weight:600}
/* 오더 ⑯: 종이 화면(결과·명운록·지도) 위 창 — 어두운 바탕에 어두운 글씨가 되지 않게, 창도 종이색으로 */
.paper .menu-mask{background:#16161699}
.paper .sheet{background:var(--bh-card);color:var(--bh-ink);border-top:1px solid var(--bh-line);box-shadow:0 -20px 60px #0003}
.paper .sheet h2{color:var(--bh-ink)}
.paper .sheet p{color:var(--bh-sub)}
.paper .sheet .close{background:#0000000a;color:var(--bh-ink)}
.paper .sheet .text-button{color:var(--bh-sub)}
.paper .sheet .menu-item{color:var(--bh-ink);border-color:var(--bh-line)}
.paper .sheet .menu-item small{color:var(--bh-mute)}

/* 무료 결과 공유 (CoS 10-17): 결제 버튼보다 작고 조용하게 */
.share-mini-wrap{text-align:center;margin:12px 0 4px}
.paper .share-mini{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--bh-line);border-radius:2px;padding:7px 14px;font-size:13px;color:var(--bh-sub);min-height:0}
.paper .share-mini::before{content:'';width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C6.5 3 2 6.6 2 11c0 2.8 1.9 5.3 4.7 6.7l-1 3.6 4.2-2.8c.7.1 1.4.2 2.1.2 5.5 0 10-3.6 10-8S17.5 3 12 3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C6.5 3 2 6.6 2 11c0 2.8 1.9 5.3 4.7 6.7l-1 3.6 4.2-2.8c.7.1 1.4.2 2.1.2 5.5 0 10-3.6 10-8S17.5 3 12 3z'/%3E%3C/svg%3E") center/contain no-repeat}

/* 첫 화면 '산 명운록 이어 보기'·유료 화면 맨 아래 고객센터 (CoS 10-17) */
.home .owned-link{margin:12px 0 0;font-size:13px}.home .owned-link a{color:#e4e5e8;text-decoration:underline;text-underline-offset:3px;text-shadow:0 1px 6px #000a}
.paper .cs-line{margin:22px 4px 8px;font-size:12px;line-height:1.6;color:var(--bh-mute);text-align:center;word-break:keep-all}.cs-line:empty{display:none}

/* 결제 확인 카드(10-18 대표 결정, 세 BM 같은 모양 — 매화 .co-card): 포함된 것 + 오퍼와 같은 가격 표기 */
.checkout-screen .scroll{padding-bottom:8px}
.co-card .co-perks{margin:14px 0 4px;padding-top:14px;border-top:1px solid var(--p-line,#e2e2e0)}
.co-card .co-perks p{font-size:13px;color:var(--p-sub,#4a4a4a);margin:0 0 8px;letter-spacing:.5px}
.co-card .co-perks ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.co-card .co-perks li{display:flex;justify-content:space-between;gap:10px;font-size:14.5px;color:var(--p-ink,#161616)}
.co-card .co-perks li::before{content:'✿';color:var(--p-red,#161616);margin-right:6px;font-size:12px}
.co-card .co-perks li span{flex:1}
.co-card .co-perks li s{color:var(--p-mute,#8d8d8d);font-size:13px}
.co-card .co-perks li em{font-style:normal;font-size:12px;color:var(--bh-tassel,#9e2a22);border:1px solid var(--bh-tassel,#9e2a22);border-radius:999px;padding:0 8px;height:20px;line-height:19px;white-space:nowrap}
.co-card .co-price{margin-top:14px;margin-bottom:0}

/* 검색용 안내 문단(10-18 SEO, 긴급 수정): 표지는 그대로(.home-main = 화면 높이 - 안내 줄), 안내 줄은 시작 버튼 아래 16px 넘게 떨어져 있고,
   펼치면 글이 버튼 '아래'로 이어져 표지 안에서 스크롤된다. 겹침·고정 위치·덮기 없음 */
.home{justify-content:flex-start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:0!important;scrollbar-width:none}
.home::-webkit-scrollbar{display:none}
.home-main{flex:none;min-height:calc(100% - 46px);display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:4px}
.seo-about{flex:none;margin-top:16px;padding-bottom:max(12px,env(safe-area-inset-bottom));font-size:11px;line-height:1.4;color:#a7a8ab;text-align:center}
.seo-about summary{display:inline-block;list-style:none;cursor:pointer;padding:3px 8px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ffffff40}
.seo-about summary::-webkit-details-marker{display:none}
.seo-about .seo-body{margin:10px 0 18px;padding:16px 16px 10px;text-align:left;background:#111112d9;border:1px solid #ffffff1f;border-radius:10px;font-size:13px;line-height:1.75;color:#d4d5d8;word-break:keep-all}
.seo-about h2{font:600 13.5px var(--sans);color:#ececef;margin:12px 0 4px}
.seo-about h2:first-child{margin-top:0}
.seo-about p{margin:0 0 6px}
.seo-about b{color:#f0f0f2;font-weight:600}
.seo-about dl{margin:0}
.seo-about dt{color:#ececef;margin-top:8px}
.seo-about dd{margin:2px 0 0}

/* 다크모드 고정(10-18 대표 지적): 휴대폰 다크모드·안드로이드 강제 다크에서도 원 시안 색 그대로 */
:root,html,body{color-scheme:only light}

/* 입력 중(10-18 대표 실기기 2차): 질문 상자를 화면 맨 위로 — 키보드가 아래를 덮어도 입력 칸과 '다음'이 보인다. 상단 바는 잠시 숨김 */
body.typing #app[data-screen=ask] .screen.ask,body.typing #app[data-screen=login] .screen.login-gate{justify-content:flex-start!important;padding-top:max(12px,env(safe-area-inset-top))!important;overflow-y:auto}
body.typing #app[data-screen=ask] .screen.ask>.ask-box,body.typing #app[data-screen=login] .screen.login-gate>.ask-box{margin-top:0!important}
body.typing #app[data-screen=ask] #topbar{opacity:0;pointer-events:none}
body.typing #app[data-screen=ask] .ask-q{font-size:20px!important;line-height:1.45!important;margin:6px 0 10px!important}
body.typing #app[data-screen=ask] .ask-box .field-help,body.typing #app[data-screen=ask] .ask-box .hanja-skip{display:none!important}
body.typing #app[data-screen=ask] .ask-box{padding-top:12px!important;padding-bottom:12px!important}
/* 인앱 키보드 들어 올리기(10-18): 들어 올린 동안 질문 상자를 작게 */
body.inapp-lift #app[data-screen=ask] .ask-q{font-size:20px!important;line-height:1.45!important;margin:6px 0 10px!important}
body.inapp-lift #app[data-screen=ask] .ask-box .field-help,body.inapp-lift #app[data-screen=ask] .ask-box .hanja-skip{display:none!important}
body.inapp-lift .ask-box{transition:transform .18s ease-out}

/* 사전 구매자 실제 후기(10-18): 이름·날짜 없이 글만, 문장 단위로 '더 보기' */
.rv-card.pre{display:flex;flex-direction:column}
.rv-text.pre{min-height:0}




/* ① 결과지 가벼운 버튼(10-18 대표 결정): 받는 것 요약 + 엔진 한 줄 + 할인 중·타이머 + 버튼 (가격 숫자 없음) */
.offer.light .light-gets{list-style:none;margin:14px 0 12px;padding:0;display:grid;gap:10px}
.offer.light .light-gets li{position:relative;padding:12px 14px 12px 40px;border:1px solid var(--bh-line);border-radius:2px;background:#fff}
.offer.light .light-gets li::before{content:'✓';position:absolute;left:14px;top:12px;width:18px;height:18px;border-radius:50%;background:var(--bh-ink);color:#fff;font:700 11px/18px var(--sans);text-align:center}
.offer.light .light-gets b{display:inline;font-size:15px;color:var(--bh-ink)}
.offer.light .light-gets span{display:block;font-size:12.5px;line-height:1.55;color:var(--bh-sub);margin-top:2px}
.offer.light .light-gets em{font-style:normal;font-size:11px;color:var(--bh-tassel,#9e2a22);border:1px solid var(--bh-tassel,#9e2a22);border-radius:999px;padding:0 7px;margin-left:6px;vertical-align:2px}
.offer.light .engine-line{font-size:13px;line-height:1.6;color:var(--bh-ink);background:#f1f1ee;border-left:3px solid var(--bh-ink);padding:9px 12px;margin:4px 0 14px}
.deal-badge{font-style:normal;font-weight:700;color:#fff;background:var(--bh-tassel,#9e2a22);border-radius:2px;padding:1px 7px;margin-right:6px;font-size:12px}
.float-bar .fb-pay em{font-size:12px}

/* ① 결제 확인 화면: 분량 · 오늘 받는 것 · 가격 · 엔진 · 후기 · 안심 · 확신 한 줄 */
.co-volume{margin:14px 0 6px;padding:14px;border:1px solid var(--p-line,#e2e2e0);border-radius:2px;background:#fff;text-align:center}
.co-vol-big{font:600 15px var(--sans);color:var(--p-sub,#4a4a4a);margin:0}
.co-vol-big b{font:800 30px var(--serif);color:var(--p-ink,#161616);margin:0 2px}
.co-vol-sub{font-size:12.5px;color:var(--p-sub,#4a4a4a);margin:6px 0 0}
.co-vol-sub b{color:var(--p-ink,#161616)}
.co-gets{margin:14px 0 4px;padding-top:14px;border-top:1px solid var(--p-line,#e2e2e0)}
.co-gets>p{font-size:13px;color:var(--p-sub,#4a4a4a);margin:0 0 8px;letter-spacing:.5px}
.co-gets ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.co-gets li{display:flex;align-items:flex-start;gap:9px;font-size:14px;color:var(--p-ink,#161616)}
.co-gets li>div{flex:1}
.co-gets li small{display:block;font-size:12px;color:var(--p-mute,#8d8d8d);margin-top:1px}
.co-gets li s{font-size:12.5px;color:var(--p-mute,#8d8d8d);white-space:nowrap}
.co-gets em{font-style:normal;font-size:11px;color:var(--bh-tassel,#9e2a22);border:1px solid var(--bh-tassel,#9e2a22);border-radius:999px;padding:0 7px;vertical-align:1px}
.co-chk{flex:0 0 18px;height:18px;border-radius:50%;background:var(--p-ink,#161616);color:#fff;font:700 11px/18px var(--sans);text-align:center;margin-top:1px}
.co-price .deal-timer{margin:10px 0 0;text-align:center;font-size:12.5px;color:var(--bh-tassel,#9e2a22)}
.co-engine{margin:16px 0 0;padding:16px;background:#151516;color:#e9e9ec;border-radius:2px}
.co-eng-k{font-size:11px;letter-spacing:.3em;color:#a9a9ad;margin:0 0 6px}
.co-engine h3{font:700 19px/1.45 var(--serif);color:#fff;margin:0 0 12px;word-break:keep-all}
.co-engine ol{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:eng}
.co-engine li{counter-increment:eng;position:relative;padding-left:26px;font-size:12.5px;line-height:1.6;color:#cfcfd3}
.co-engine li::before{content:counter(eng);position:absolute;left:0;top:1px;width:18px;height:18px;border:1px solid #6f6f74;border-radius:50%;font:600 10px/16px var(--sans);text-align:center;color:#e9e9ec}
.co-engine li b{display:block;font-size:13.5px;color:#fff}
.co-eng-end{margin:12px 0 0;padding-top:10px;border-top:1px solid #333;font:600 14px/1.6 var(--serif);color:#fff;word-break:keep-all}
.co-reviews{margin:16px 0 0}
.co-reviews>p{font-size:13px;color:var(--p-sub,#4a4a4a);margin:0 0 8px}
.co-review{margin:0 0 8px;padding:12px 14px;border:1px solid var(--p-line,#e2e2e0);background:#fff;border-radius:2px}
.co-review figcaption{font-size:11.5px;color:var(--p-mute,#8d8d8d);margin-bottom:4px}
.co-review figcaption b{color:var(--p-ink,#161616);font-weight:600}
.co-review .rv-text{font-size:13.5px;line-height:1.7;min-height:0}
.co-safe{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:5px;font-size:12.5px;color:var(--p-sub,#4a4a4a)}
.co-safe li::before{content:'·';margin-right:6px;color:var(--p-ink,#161616);font-weight:700}
.co-sure{margin:16px 0 4px;text-align:center;font:600 15px/1.6 var(--serif);color:var(--p-ink,#161616);word-break:keep-all}
/* 10-18 결과지 디테일 ①②③④⑥ */
.paper .near-wind{margin:14px 0 6px}
.paper .near-wind .nw-months{margin:6px 0 12px!important;font-size:15px;line-height:1.6;color:var(--p-ink)}
.paper .near-wind .nw-months b{color:var(--p-red);font-weight:700;white-space:nowrap}
.paper .cliff-line{text-align:center;font:600 16px/1.6 var(--serif);color:var(--p-red);margin:4px 0 0!important}
.paper .cliff-more,.paper .season .cliff-more{font-size:13px!important;color:var(--p-gold)!important;font-weight:600;margin:14px 0 2px!important}
.sx-lock li.more>i{color:var(--p-gold);font-weight:700;opacity:1;font-size:15px}
.paper em.blur{font-style:normal;display:inline-block;filter:blur(3px);user-select:none;margin:0 1px;color:var(--p-ink);opacity:.8}
.paper .season-range strong,.paper .season-range span{filter:none!important}
.paper .relief{margin:16px 0 26px}
.paper .diag.tiers{padding:14px 16px}
.paper .diag-k{font:700 13px var(--serif);color:var(--p-gold);letter-spacing:.08em;margin:0 0 6px!important}
.tier-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px 0;border-top:1px solid var(--p-line)}
.tier-row:first-of-type{border-top:0}
.paper .tier-row span{font-size:13px;color:var(--p-mute)}
.paper .tier-row b{font:600 15px var(--serif);color:var(--p-ink);text-align:right}
.tier-row em{font-style:normal;font-size:12px;font-weight:700;padding:2px 8px;border-radius:2px;border:1px solid var(--p-line);color:var(--p-ink);white-space:nowrap}
.tier-row em.tier-0{color:#fff;background:var(--p-red);border-color:var(--p-red)}
.tier-row.up{background:#fdf6e6;margin:4px -8px 0;padding:10px 8px;border-radius:2px}
.tier-row em.tier-up{color:var(--p-red);border-color:var(--p-red);background:#fff}
.paper .diag-note{font-size:13px!important;color:var(--p-mute)!important;margin:10px 0 0!important;line-height:1.6}
.rv-list{display:flex;flex-direction:column;gap:10px}
.rv-list[hidden]{display:none}
.rv-list+.rv-list{margin-top:10px}
.paper .rv-list .rv-card{flex:none}
.paper .rv-pull{font:700 16px/1.5 var(--serif)!important;color:var(--p-ink)!important;margin:0 0 8px!important}
.paper button.rv-all{display:block;width:100%;margin:12px 0 0;padding:12px;border:1px solid var(--p-line);border-radius:2px;background:var(--p-card);color:var(--p-ink);font-size:14px;font-weight:600}
.paper .rv-list .rv-text{min-height:0}

/* 10-19 대표 결정(E8): 결제 확인 맨 위 한 화면 — 받는 것·가격·타이머·안심 */
.co-top-slim{padding-bottom:6px!important}
.co-top-slim .heading{font-size:21px!important;line-height:1.35!important;margin-top:4px!important}
.co-card.co-first{padding:14px 16px!important}
.cf-who{margin:0 0 8px!important;font-size:12.5px;color:var(--p-mute,#8d8d8d)}
.cf-gets{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.cf-gets li{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--p-ink,#161616)}
.cf-gets li::before{content:'✓';flex:0 0 18px;height:18px;border-radius:50%;background:var(--p-ink,#161616);color:#fff;font:700 11px/18px var(--sans);text-align:center}
.cf-gets li b{font-weight:700}.cf-gets li span{font-size:13px;color:var(--p-mute,#8d8d8d)}
.cf-gets li em{font-style:normal;font-size:11px;color:var(--bh-tassel,#9e2a22);border:1px solid var(--bh-tassel,#9e2a22);border-radius:999px;padding:0 7px}
.co-card.co-first .cf-price{margin:12px 0 0;padding:12px 0 2px;border-top:1px solid var(--p-line,#e2e2e0);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:8px}
.cf-price s{font-size:15px;color:var(--p-mute,#8d8d8d)}
.cf-arrow{color:var(--p-mute,#8d8d8d)}
.cf-price strong{font:800 30px var(--serif);color:var(--p-ink,#161616)}
.cf-price em{font-style:normal;font:800 16px var(--sans);color:#fff;background:var(--bh-tassel,#9e2a22);padding:2px 8px;border-radius:2px}
.cf-timer{flex-basis:100%;text-align:center;margin:4px 0 0!important;font-size:13px;color:var(--bh-tassel,#9e2a22)}
.cf-safe{list-style:none;margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--p-line,#e2e2e0);display:grid;gap:4px;font-size:13px;color:var(--p-sub,#4a4a4a)}
.cf-safe li::before{content:'·';margin-right:6px;color:var(--p-ink,#161616);font-weight:700}

/* [시안 110] A 네 얘기 · B 용어표 · C 질문 상자 · D 내 고민 카드 */
.paper .me-story{margin:14px 0 6px;padding:16px 18px;background:#fff;border:1px solid var(--p-line);border-left:3px solid var(--bh-tassel,#9e2a22);border-radius:2px}
.paper .me-story p{margin:0 0 6px!important;font:500 15.5px/1.7 var(--serif);color:var(--p-ink)}
.paper .me-story p:last-child{margin:0!important}
.paper .me-story .me-k{font:700 12px var(--sans)!important;color:var(--bh-tassel,#9e2a22)!important;letter-spacing:.08em}
.paper .terms{margin:8px 0 14px;border:1px solid var(--p-line);border-radius:2px;background:#fff}
.paper .terms div{display:grid;grid-template-columns:64px 1fr;gap:8px;padding:8px 12px;border-top:1px solid var(--p-line)}
.paper .terms div:first-child{border-top:0}
.paper .terms dt{font-weight:700;color:var(--p-ink)}.paper .terms dd{margin:0;color:var(--p-sub);font-size:14px}
.paper .q-box{margin:14px 0;padding:14px 16px;background:#151516;border-radius:2px;text-align:center}
.paper .q-q{margin:0 0 6px!important;font:700 16px/1.5 var(--serif)!important;color:#fff!important}
.paper .q-a{margin:0!important;font:800 20px var(--serif)!important;color:#fff!important}
.paper .q-a em.blur{color:#fff;opacity:.9}
.paper .q-more{margin:6px 0 0!important;font-size:12px!important;color:#c9a96a!important;letter-spacing:.1em}
.paper .my-q{border:2px solid var(--bh-tassel,#9e2a22)!important}

/* [10-20 개편] */
.paper .rv-head{margin:16px 0 8px;padding:18px;background:#fff;border:1px solid var(--p-line);border-radius:2px;text-align:center}
.paper .rv-head p{margin:0!important;font:600 18px/1.65 var(--serif)!important;color:var(--p-ink)!important}
.paper .rv-head .rv-head-end{margin-top:10px!important;font-size:17px!important;color:var(--bh-tassel,#9e2a22)!important}
.paper .rv-flow{margin:18px 0 6px}
.paper .rv-flow p{margin:0 0 18px!important;font:500 16.5px/1.85 var(--serif)!important;color:var(--p-ink)!important;text-align:center}
.paper .rv-flow b{font-weight:800}
.paper .rv-flow.warn p{color:var(--p-ink)!important}
.paper .rv-teaser{margin:8px 0 22px;padding:16px;background:#151516;border-radius:2px;text-align:center}
.paper .rv-teaser p{margin:0 0 10px!important;font:700 15px/1.5 var(--serif)!important;color:#fff!important}
.paper .rv-tbtn{border:1px solid #c9a96a;background:none;color:#c9a96a;font:700 14px var(--sans);padding:9px 16px;border-radius:2px}
.paper .rv-pay-lead{text-align:center;font:600 17px/1.75 var(--serif)!important;margin:4px 0 14px!important}
.paper .rv-cat{text-align:left}
.paper .rv-cat-k{margin:0!important;font:800 15px var(--serif)!important;color:var(--bh-tassel,#9e2a22)!important}
.paper .rv-cat h4{margin:2px 0 10px!important;font:800 21px/1.4 var(--serif)!important;color:var(--p-ink)}
.paper .rv-cat-body{margin:0 0 12px!important;font:500 15px/1.75 var(--serif)!important;color:var(--p-sub)!important}
.paper .rv-cat-lead{margin:0 0 6px!important;font-weight:700;font-size:14px;color:var(--p-ink)}
.paper .rv-cat ul{margin:0;padding:0 0 0 18px;display:grid;gap:5px;font-size:14.5px;color:var(--p-ink)}
.paper .rv-cat.money{border:2px solid var(--p-ink)!important}
.paper .rv-cat-note{margin:10px 0 0!important;font-size:12px!important;color:var(--p-mute)!important}
.paper .rv-pay-end{text-align:center;font:600 17px var(--serif)!important;margin:16px 0 8px!important}
.paper .rv-extra{list-style:none;margin:0 0 10px;padding:12px 14px;background:#fff;border:1px solid var(--p-line);display:grid;gap:6px;font-size:14px}
.paper .rv-extra li::before{content:'+ ';font-weight:800;color:var(--bh-tassel,#9e2a22)}
.paper .rv-vol{text-align:center;font-size:13.5px!important;color:var(--p-sub)!important}

/* [10-20 개편] 말풍선 대화 · 장면 · 강조 · 값 칸 · 접는 표 · 페이월 카드 — 지금 종이 톤(밝은 바탕·짙은 글씨·붉은 술 포인트) 안에서 */
.paper .rv-head{margin:14px 0 8px;padding:16px 16px 14px;background:var(--p-card);border:1px solid var(--p-line);border-top:3px solid var(--bh-tassel,#9e2a22);border-radius:2px;text-align:left}
.rv-head-top{display:flex;gap:12px;align-items:flex-start}
.rv-head-top .mini-samsin{flex:0 0 58px;width:58px!important;height:58px!important;margin:0!important}
.paper .rv-head-bubble p{margin:0!important;font:600 17px/1.6 var(--serif)!important;color:var(--p-ink)!important;text-align:left!important}
.paper .rv-head-end{margin:12px 0 0!important;padding-top:10px;border-top:1px dashed var(--p-line);text-align:center;font:800 18px/1.5 var(--serif)!important;color:var(--bh-tassel,#9e2a22)!important}
.paper .rv-story{margin:6px 0 0}
.paper .scene-h{display:flex;align-items:center;gap:10px;margin:30px 0 14px;color:var(--p-mute);font:700 12.5px var(--sans);letter-spacing:.12em}
.paper .scene-h::before,.paper .scene-h::after{content:'';flex:1;height:1px;background:var(--p-line)}
.paper .bx{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px}
.paper .bx .mini-samsin{flex:0 0 44px;width:44px!important;height:44px!important;margin:2px 0 0!important}
.paper .bx-msgs{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0}
.paper .bx-msgs p{margin:0!important;padding:10px 13px;background:var(--p-card);border:1px solid var(--p-line);border-radius:2px 14px 14px 14px;font:500 15.5px/1.6 var(--serif)!important;color:var(--p-ink)!important;text-align:left!important;box-shadow:0 2px 8px #52525308}
.paper .bx-msgs p b{font-weight:800}
.paper .hl-card{margin:6px 0 16px 54px;padding:16px 14px;background:var(--p-card);border:1px solid var(--p-line);border-left:4px solid var(--bh-tassel,#9e2a22);border-radius:2px}
.paper .hl-card p{margin:0!important;font:800 21px/1.45 var(--serif)!important;color:var(--p-ink)!important;text-align:left!important}
.paper .el-chip{display:flex;gap:12px;align-items:center;margin:4px 0 12px 54px;padding:10px 12px;background:var(--p-card);border:1px solid var(--p-line);border-radius:2px}
.paper .el-chip span{flex:0 0 42px;height:42px;display:grid;place-items:center;font:800 22px var(--serif);color:#fff;border-radius:2px}
.paper .el-chip .el-목{background:#6fa47a}.paper .el-chip .el-화{background:#d9786b}.paper .el-chip .el-토{background:#c9a05a}.paper .el-chip .el-금{background:#a7adb6}.paper .el-chip .el-수{background:#5f87b5}
.paper .el-chip p{margin:0!important;display:flex;flex-direction:column;text-align:left!important}
.paper .el-chip small{font-size:11.5px;color:var(--p-mute)}.paper .el-chip b{font:800 16px var(--serif);color:var(--p-ink)}.paper .el-chip em{font-style:normal;font-size:13px;color:var(--p-sub)}
.paper .scene-img{height:150px;margin:6px 0 14px;border-radius:2px;background-size:cover;border:1px solid var(--p-line)}
.paper .slot-card{margin:6px 0 20px;padding:18px 16px 16px;background:var(--p-card);border:1px solid var(--p-line);border-top:3px solid var(--p-ink);border-radius:2px;text-align:center}
.paper .slot-k{margin:0 0 10px!important;font:700 14px/1.5 var(--serif)!important;color:var(--p-sub)!important}
.paper .slot-v{margin:0!important;font:800 26px var(--serif)!important;color:var(--p-ink)!important;display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap}
.paper .slot{display:inline-grid;place-items:center;width:38px;height:44px;border:1.5px dashed var(--bh-tassel,#9e2a22);border-radius:4px;background:#fbf4f3;color:#c99d98;font-style:normal;font-size:20px}
.paper .slot-note{margin:8px 0 12px!important;font-size:12.5px!important;color:var(--p-mute)!important}
.paper .slot-btn{background:var(--p-card);border:1.5px solid var(--bh-tassel,#9e2a22);color:var(--bh-tassel,#9e2a22);font:700 14.5px var(--sans);padding:10px 18px;border-radius:2px}
.paper .rv-table{margin:26px 0 8px;background:var(--p-card);border:1px solid var(--p-line);border-radius:2px}
.paper .rv-table summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:14px 16px}
.paper .rv-table summary::-webkit-details-marker{display:none}
.paper .rv-table summary span{font:800 16px var(--serif);color:var(--p-ink)}
.paper .rv-table summary small{grid-column:1;font-size:12px;color:var(--p-mute)}
.paper .rv-table summary i{grid-row:1/3;grid-column:2;font-style:normal;font-size:13px;font-weight:700;color:var(--bh-tassel,#9e2a22);border:1px solid var(--p-line);padding:6px 10px;border-radius:2px}
.paper .rv-table[open] summary i{color:var(--p-mute)}
.paper .rv-table-in{padding:0 12px 14px}
.paper .rv-pay{margin-top:8px}
.paper .pw-card{margin:12px 0;padding:16px;background:var(--p-card);border:1px solid var(--p-line);border-radius:2px;text-align:left}
.paper .pw-card.money{border:1.5px solid var(--p-ink)}
.paper .pw-top{display:flex;gap:12px;align-items:center;margin:0 0 10px}
.paper .pw-seal{flex:0 0 46px;height:46px;display:grid;place-items:center;background:var(--bh-tassel,#9e2a22);color:#fff;font:800 24px var(--serif);border-radius:3px;transform:rotate(-3deg)}
.paper .pw-card.love .pw-seal{background:#b4566a}.paper .pw-card.health .pw-seal{background:#4f7a62}
.paper .pw-k{margin:0!important;font:700 12.5px var(--sans)!important;color:var(--p-mute)!important;letter-spacing:.08em}
.paper .pw-card h4{margin:2px 0 0!important;font:800 19px/1.4 var(--serif)!important;color:var(--p-ink)}
.paper .pw-body{margin:0 0 12px!important;font:500 14.5px/1.75 var(--serif)!important;color:var(--p-sub)!important}
.paper .pw-lead{margin:0 0 8px!important;font:800 13px var(--sans)!important;color:var(--p-ink)!important}
.paper .pw-list{list-style:none;margin:0;padding:12px;background:#f6f6f8;border-radius:2px;display:grid;gap:8px}
.paper .pw-list li{display:flex;gap:8px;font-size:14.5px;line-height:1.5;color:var(--p-ink)}
.paper .pw-list li::before{content:'✓';flex:0 0 18px;height:18px;border-radius:50%;background:var(--p-ink);color:#fff;font:700 11px/18px var(--sans);text-align:center;margin-top:1px}
.paper .pw-note{margin:8px 0 0!important;font-size:12px!important;color:var(--p-mute)!important}
.paper .pw-extra{list-style:none;margin:6px 0 8px;padding:0;display:grid;gap:8px}
.paper .pw-extra li{display:flex;flex-direction:column;padding:10px 14px;background:var(--p-card);border:1px dashed var(--p-line);border-radius:2px}
.paper .pw-extra b{font:800 15px var(--serif);color:var(--p-ink)}.paper .pw-extra b::before{content:'+ ';color:var(--bh-tassel,#9e2a22)}
.paper .pw-extra span{font-size:13px;color:var(--p-sub)}
.paper .pw-vol{text-align:center;font-size:13px!important;color:var(--p-sub)!important;margin:8px 0 0!important}

/* [10-20 개편] 첫 화면에 고민 카드까지: 등급 카드 문양을 줄인다 */
.paper .r-hero{padding:16px 14px 14px!important}
.r-hero .flower-wrap{width:96px!important;height:96px!important;max-width:96px!important;margin:4px auto 0!important}
.paper .r-hero .r-title{margin:6px 0 0!important;font-size:24px!important}

/* [10-20 개편 · BM 검수 반영] 얼굴은 장면 첫 말풍선에만 · 인장 색 한 벌 · 고른 고민 카드만 진한 테두리 · 값 칸 위로 결제 띠 숨김 */
.paper .bx .mini-samsin{visibility:hidden}
.paper .scene-h + .bx .mini-samsin,.paper .bx.lead .mini-samsin{visibility:visible}
.paper .bx-msgs p{line-height:1.65!important}
.paper .pw-card.money{border:1px solid var(--p-line)}
.paper .pw-card.top{border:1.5px solid var(--p-ink)!important}
.paper .pw-card.love .pw-seal{background:#9e5a62}.paper .pw-card.health .pw-seal{background:#5f7356}
.paper .rv-diag{margin:4px 0 6px 54px}
.paper .rv-diag .diag{margin:0!important}
.float-bar{transition:opacity .2s ease,transform .2s ease}
.float-bar.slot-hide{opacity:0;pointer-events:none;transform:translateY(14px)}

/* [10-20 개편 · 10-20 대표 수정] 장면 제목 · 모자이크 잠금 칸 · 미니미 버튼 · 사주 표 강조 · 카드 색 · 치트키 · BONUS */
.paper .scene-h{margin:34px 0 16px;gap:12px}
.paper .scene-h::before,.paper .scene-h::after{height:1.5px;background:var(--p-ink);opacity:.18}
.paper .scene-h span{display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 12px;background:var(--p-ink);color:#fff;border-radius:999px;font:800 15px/1 var(--serif);letter-spacing:.02em;box-shadow:0 3px 10px #25252522}
.paper .scene-h span::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--bh-tassel,#9e2a22);box-shadow:0 0 0 2px #fff3}
.paper .slot-v{gap:6px!important}
.paper .slot-v b{font:800 26px var(--serif);color:var(--p-ink)}
.paper .slot-v .dot{font:800 22px var(--serif);color:var(--p-mute);margin:0 2px}
.paper .slot.mosaic{display:inline-block;height:42px;border:0!important;border-radius:6px;background-color:#e9e4dc;background-image:
  linear-gradient(90deg,#00000000 0 50%,#ffffff55 50% 100%),
  linear-gradient(#00000000 0 50%,#00000018 50% 100%),
  repeating-linear-gradient(90deg,#8b8378 0 7px,#a59d92 7px 14px,#7a7268 14px 21px,#b3aba0 21px 28px),
  repeating-linear-gradient(#00000000 0 7px,#ffffff30 7px 14px);
  background-size:14px 14px,14px 14px,auto,auto;filter:blur(1.2px);box-shadow:inset 0 0 0 1px #00000014,0 0 0 3px #fbf4f3;position:relative}
.paper .slot.mosaic.w1{width:30px}.paper .slot.mosaic.w2{width:58px}.paper .slot.mosaic.w3{width:150px}
.paper .slot-peek{display:grid;gap:7px;margin:14px auto 4px;max-width:260px}
.paper .slot-peek i{display:block;height:11px;border-radius:3px;background:repeating-linear-gradient(90deg,#c9c3ba 0 9px,#ddd8d0 9px 16px,#bdb6ac 16px 27px,#e6e1da 27px 31px);filter:blur(1.5px);opacity:.85}
.paper .slot-peek i:nth-child(2){width:86%}.paper .slot-peek i:nth-child(3){width:64%}
.paper .slot-note{margin:10px 0 14px!important;font-size:13px!important;color:var(--p-sub)!important;font-weight:600}
.paper .slot-btn{display:inline-flex!important;align-items:center;gap:10px;padding:8px 16px 8px 8px!important;background:var(--bh-tassel,#9e2a22)!important;border:0!important;color:#fff!important;border-radius:999px!important;font:600 14.5px var(--sans)!important;box-shadow:0 4px 12px #9e2a2233}
.paper .slot-btn .mini-samsin{flex:0 0 38px;width:38px!important;height:38px!important;margin:0!important;visibility:visible!important;box-shadow:0 0 0 2px #fff}
.paper .slot-btn b{font-weight:800}.paper .slot-btn em{font-style:normal;font-weight:800}
.paper .rv-table{border:1.5px solid var(--p-ink)!important;box-shadow:0 4px 14px #25252514}
.paper .rv-table summary{grid-template-columns:auto 1fr auto!important}
.paper .rv-tbl-ic{grid-row:1/3;grid-column:1;width:46px;height:46px;display:grid;place-items:center;background:var(--p-ink);color:#fff;font:800 15px var(--serif);border-radius:4px;letter-spacing:-.02em}
.paper .rv-table summary span{grid-column:2}.paper .rv-table summary small{grid-column:2!important}
.paper .rv-table summary i{grid-column:3!important;background:var(--bh-tassel,#9e2a22);color:#fff!important;border:0!important;padding:8px 12px!important;font-size:13.5px!important}
.paper .rv-table[open] summary i{background:var(--p-line);color:var(--p-sub)!important}
.paper .pw-card.money .pw-seal{background:#b8892c}
.paper .pw-card.love .pw-seal{background:#d23c35}
.paper .pw-card.health .pw-seal{background:#2f6fc4}
.paper .pw-card.top{border-color:#b8892c!important}
.paper .pw-list li small{display:block;font-size:13px;color:var(--p-sub);margin-top:2px}
.paper .pw-list li{flex-wrap:nowrap}
.paper .pw-cheat{margin:34px 0 26px;padding:30px 18px;background:var(--p-card);border:1px solid var(--p-line);border-top:3px solid var(--bh-tassel,#9e2a22);border-bottom:3px solid var(--bh-tassel,#9e2a22);text-align:center}
.paper .pw-cheat-h{margin:0 0 14px!important;font:600 18px/1.6 var(--serif)!important;color:var(--p-sub)!important}
.paper .pw-cheat-h b{display:inline-block;margin-top:4px;font:800 25px/1.4 var(--serif);color:var(--p-ink)}
.paper .pw-cheat-s{margin:0!important;font:500 15px/1.7 var(--serif)!important;color:var(--p-ink)!important}
.paper .pw-cheat-s b{color:var(--bh-tassel,#9e2a22)}
.paper .pw-bonus-h{margin:0 0 10px!important;text-align:center;font:700 15px var(--serif)!important;color:var(--p-ink)!important;letter-spacing:.02em}
.paper .pw-bonus-h b{display:inline-block;padding:2px 8px;margin:0 2px;background:#b8892c;color:#fff;border-radius:3px;font:800 13px var(--sans);letter-spacing:.08em;vertical-align:2px}

/* [10-20 개편 · 10-20 대표 2차] 안심 줄 정렬 · 받는 것 인장 · 결제 확인 보강 */
.cf-safe li{display:grid;grid-template-columns:12px 1fr;column-gap:4px;align-items:baseline;text-wrap:wrap!important}
.cf-safe li::before{margin:0!important;text-align:center}
.cf-gets.sealed li::before{display:none!important}
.cf-gets.sealed li i{flex:0 0 22px;height:22px;display:grid;place-items:center;border-radius:3px;color:#fff;font:800 12.5px var(--serif);font-style:normal}
.cf-gets .s-money{background:#b8892c}.cf-gets .s-love{background:#d23c35}.cf-gets .s-health{background:#2f6fc4}.cf-gets .s-bonus{background:var(--p-ink,#161616)}
.paper .co-more{margin:14px 0 4px}
.paper .co-sec{margin:22px 0 10px!important;text-align:center;font:800 16px var(--serif)!important;color:var(--p-ink)!important}
.paper .co-sec::before,.paper .co-sec::after{content:'—';margin:0 8px;color:var(--bh-tassel,#9e2a22);font-weight:400}
.paper .co-answers{display:grid;gap:10px}
.paper .co-ans{padding:14px 12px;background:var(--p-card);border:1px solid var(--p-line);border-top:3px solid var(--p-ink);border-radius:2px;text-align:center}
.paper .co-ans>p:first-child{margin:0 0 8px!important;font:700 13.5px/1.5 var(--serif)!important;color:var(--p-sub)!important}
.paper .co-ans .slot-v{margin:0!important;display:flex;justify-content:center;align-items:center;gap:6px}
.paper .co-ans .slot-v b{font:800 22px var(--serif);color:var(--p-ink)}
.paper .co-ans .slot-v .dot{font:800 20px var(--serif);color:var(--p-mute)}
.paper .co-cat{margin:10px 0!important;padding:14px!important}
.paper .co-cat .pw-top{margin:0 0 10px}
.paper .co-cat .pw-seal{flex-basis:38px;height:38px;font-size:20px}
.paper .co-cat h4{font-size:16.5px!important}
.paper .co-more .pw-bonus-h{margin-top:18px!important}

/* [10-20 개편 · 10-20 대표] 세 카드 모두 같은 테두리 박스(각 카드 색) — 결과지 페이월·결제 확인 같은 모양 */
.paper .pw-card.money,.paper .pw-card.love,.paper .pw-card.health{border-width:1.5px!important;border-style:solid!important}
.paper .pw-card.money{border-color:#b8892c!important}
.paper .pw-card.love{border-color:#d23c35!important}
.paper .pw-card.health{border-color:#2f6fc4!important}

/* 고른 고민 카드: 굵은 테두리 + '네 고민' 표시(테두리 색은 카드 색 그대로) */
.paper .pw-card.top{border-width:2.5px!important;position:relative}
.paper .pw-card.top::before{content:'네 고민';position:absolute;top:-11px;right:12px;padding:3px 10px;border-radius:999px;background:var(--p-ink,#252525);color:#fff;font:700 11.5px var(--sans);letter-spacing:.04em}

/* [10-20 대표 3차] 말풍선 ↔ 박스 사이 여백(붙어 보이지 않게) — 결과지의 모든 박스 같은 기준 */
.paper .bx + .slot-card,.paper .bx + .rv-diag,.paper .bx + .el-chip,.paper .bx + .hl-card,.paper .bx + .scene-img{margin-top:22px!important}
.paper .slot-card + .bx,.paper .rv-diag + .bx,.paper .el-chip + .bx,.paper .hl-card + .bx,.paper .scene-img + .bx{margin-top:20px!important}
.paper .slot-card{margin-bottom:24px!important}
/* BONUS 스택: 오른쪽 끝 같은 자리에 작은 그림(크기·여백 통일) */
.paper .pw-extra li{position:relative;padding-right:84px!important;min-height:72px;justify-content:center}
.paper .pw-ic{position:absolute;right:10px;top:50%;width:60px;height:60px;transform:translateY(-50%);background:center/contain no-repeat;border-radius:10px}

/* 10-20 아이폰 인스타 깨짐 수정(대표 실기기): 네 칸 줄 — 왼쪽 이름은 줄바꿈 금지, 공간이 모자라면 값·표시가 다음 줄 오른쪽으로 내려간다(네 줄 같은 규칙) */
.paper .tier-row{display:flex!important;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:4px}
.paper .tier-row>span{flex:0 0 auto;white-space:nowrap;word-break:keep-all}
.paper .tier-row>b{flex:1 1 auto;min-width:max-content;text-align:right;white-space:nowrap}
.paper .tier-row>em{flex:0 0 auto;margin-left:auto;white-space:nowrap}
@media (max-width:400px){.paper .rv-diag{margin-left:0!important}}
/* 10-20 아이폰 인스타: 도구 막대가 접혀 화면이 앱 틀보다 길어질 때 틀 아래로 앱 그림자(검정)가 드러나던 띠 — 종이 화면에선 그림자 없이, 바깥도 종이색 */
#app.paper{box-shadow:none!important}
html:has(#app.paper),body:has(#app.paper),body:has(#app.paper) #viewport{background:#ededf1!important}
/* 10-21 풀이 '전체 다시 펼치기'(펼치다 멈춘 장이 있을 때만) */
.rd-revive{margin:0 0 18px;padding:14px 16px;border:1px solid #e6dcc4;background:#fffaf0;border-radius:6px;text-align:center}
.rd-revive p{margin:0 0 10px;font-size:14px;color:#6a5a3a}
.rd-revive .primary{width:100%}
/* 10-21 인앱 저장 안내(수호부 크게 띄워 길게 눌러 저장 · 외부 브라우저 길) */
.save-img{display:block;width:min(240px,62vw);margin:6px auto 12px;border-radius:8px;box-shadow:0 6px 22px #0003;-webkit-touch-callout:default;user-select:auto}
.save-how{font-size:14.5px;line-height:1.7;text-align:center;margin:0 0 12px}
.save-out{margin-top:14px;padding-top:14px;border-top:1px solid #e6e3df;display:grid;gap:9px}
.save-out-k{margin:0;font-size:12.5px;color:#7a7470;text-align:center}
.save-out-how{margin:0;font-size:13.5px;line-height:1.7;text-align:center}
.save-out .primary,.save-out .secondary{width:100%;text-align:center;text-decoration:none;display:block}
.save-out-note{margin:0;font-size:12px;line-height:1.6;color:#8a847f;text-align:center}
/* 10-21 대표: 다른 상영작 카드 — 큰 세로 포스터·굵은 테두리 대신 웹툰 톤(작은 3:4 그림 왼쪽·얼굴이 보이게 위쪽 기준, 옅은 바탕, 테두리 없음) */
.cs-grid{grid-template-columns:1fr;gap:10px}
.cs-card{display:grid;grid-template-columns:78px 1fr;grid-template-rows:auto auto 1fr;column-gap:14px;row-gap:3px;align-items:start;padding:10px;border:0;border-radius:10px;background:#f8f6f3}
.cs-poster{grid-row:1/4;width:78px;aspect-ratio:3/4;margin:0;border-radius:7px;background-position:center 16%;box-shadow:0 2px 8px #0000001f}
.cs-card b{padding:4px 0 0;font-size:16px;letter-spacing:-.02em}
.cs-card small{padding:0;font-size:12px}
.cs-card em{padding:4px 0 0;font-size:13px;line-height:1.55}
.cs-studio{border:0;padding:12px 0 0;font-weight:500;font-size:13.5px;color:#6b5f73;text-decoration:underline;text-underline-offset:3px}
/* 10-21 갤럭시 카카오페이 취소 뒤 첫 화면(인트로)이 잠깐 비치던 것: 웹툰에서 결제하러 갔다 돌아온 첫 순간엔 첫 화면을 숨긴다(index.html 머리 스크립트) */
.wt-wait #view .home-main,.wt-wait #view .seo-about{visibility:hidden}
/* 도전형 공유로 들어온 사람: 첫 화면 맨 위 한 줄(10-22) */
.home .friend-line{font:700 16px/1.6 var(--serif);color:#f3d27a;margin:0 0 8px;letter-spacing:.3px}
/* 연쇄 선물(10-23): 받은 사람 첫 화면·띠·나도 봐주기 · 보내기 버튼 */
.gift-recv{background:#0e0e10;color:#efe7d6;padding:28px 24px;text-align:center;min-height:100%}
.gift-recv .rv-hero{padding:28px 0 18px}.gift-recv .rv-eye{margin:0 0 18px;font:600 12px var(--serif);letter-spacing:.3em;color:#b8913a!important}
.gift-recv h2{margin:0 0 16px;font:700 30px/1.45 var(--serif);color:#f5efe2}.gift-recv h2 b{color:#f3d27a}
.gift-recv .rv-sub{margin:0;font-size:14px;line-height:1.7;color:#bdb6a8!important}
.gift-recv .rv-list{list-style:none;margin:10px 0 22px;padding:16px 18px;border:1px solid #3a3530;border-radius:12px;text-align:left;font-size:14px;line-height:2;color:#e2dccf}
.gift-recv .rv-list li::before{content:'✓ ';color:#b8913a}
.gift-recv .gp-go{background:#f3d27a;color:#161616}.gift-recv .rv-note{margin:12px 0 0;font-size:12px;color:#8f887c!important}
.recv-band{margin:0 0 14px;border-radius:10px;background:#161616;color:#efe7d6;padding:10px 14px;font-size:13.5px;text-align:center}.recv-band b{color:#f3d27a}
.chain-cta{margin:22px 0 10px;border:1px solid #b8913a;border-radius:14px;background:#fffdf8;padding:20px 18px 16px;text-align:center}
.chain-cta .cc-eye{margin:0 0 6px;font-size:11.5px;letter-spacing:.08em;color:#8b7a64!important}
.chain-cta h3{margin:0 0 8px;font:700 20px/1.45 var(--serif);color:#161616}
.chain-cta .cc-body{margin:0 0 12px;font-size:13.5px;line-height:1.65;color:#3a3442!important}
.chain-cta .cc-mine{display:block;width:100%;margin-top:6px;border:0;background:none;padding:10px;font:600 14px var(--sans);color:#22232a;text-decoration:underline}
.send-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;border:0;border-radius:10px;padding:13px;margin-top:8px;background:#fee500;color:#191919;font:700 15px var(--sans)}
.guest-gift [data-action="share"],.guest-gift .share-mini-wrap,.guest-gift .cross-sell{display:none!important}
.chain-cta .cc-clock{margin:0 0 10px;font-size:12px;color:#8b7a64!important}.chain-cta .cc-clock b{color:#c0482f;font-variant-numeric:tabular-nums}
/* 카카오톡으로 보내 저장하기 (10-21) */
.kt-send .kakao-btn{display:block;width:100%;background:#FEE500;color:#191919;border-color:#FEE500;font-weight:700}
.kt-send .kakao-btn[disabled]{opacity:.6}
.kt-file{text-align:center;font-size:14px;margin:6px 0 12px;word-break:break-all;opacity:.8}
.kt-err{min-height:1em;font-size:13px;color:#b3261e;text-align:center;margin:8px 0 0}
.save-hint{font-size:13px;line-height:1.6;text-align:center;margin:4px 0 8px;opacity:.85}
/* [E11] 웹툰으로 넘어가는 동안·카카오페이에서 돌아온 첫 순간: 첫 화면 배경 그림을 숨기고 웹툰과 같은 밝은 바탕(10-21 대표 갤럭시) */
.wt-hold #backdrop,.wt-hold .shade,.wt-wait #backdrop,.wt-wait .shade{display:none!important}
html.wt-hold,html.wt-hold body,html.wt-wait,html.wt-wait body{background:#f5f5f7!important}
.wt-holdbox{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:24px;background:#f5f5f7;color:#3a3a3c}
.wt-hold-msg{font-size:15px;line-height:1.7;text-align:center;margin:0 0 16px;color:#3a3a3c}
.wt-hold-btn{display:block;width:min(320px,100%);text-align:center;text-decoration:none}

/* 첫 구매 특전(10-23 대표 결정, GIFT_ON일 때만 보임) — 백호 유료 화면 톤(흑백·금색, StorySerif/StorySans) */
.gift-pop{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.gift-pop.dim{background:#0007;pointer-events:auto}
.gp-sheet{pointer-events:auto;width:100%;max-width:430px;background:#fffdf8;border-top:3px solid #b8913a;border-radius:16px 16px 0 0;padding:20px 22px 22px;box-shadow:0 -14px 40px #0003;color:#22232a;font-family:var(--sans);position:relative}
.gp-sheet.tall{padding-bottom:26px}
.gp-x{position:absolute;right:14px;top:10px;border:0;background:none;font-size:24px;color:#7d7e80}
.gp-eye{margin:0 0 6px;font-size:12px;letter-spacing:.04em;color:#8b7a64}.gp-eye b{color:#c0482f}
.gp-sheet h3{margin:0 0 8px;font:700 21px/1.4 var(--serif);color:#161616}
.gp-body{margin:0 0 6px;font-size:14.5px;line-height:1.65;color:#3a3442}.gp-body s{color:#a3a0a8}.gp-price{color:#161616;font-size:16px}
.gp-note{margin:4px 0 12px;font-size:12px;line-height:1.6;color:#7d7e80}
.gp-go,.gp-kpay{display:block;width:100%;border:0;border-radius:10px;padding:14px;font:700 15.5px var(--sans);background:#161616;color:#f3d27a}
.gp-kpay{background:#fee500;color:#191919}
.gp-later{display:block;width:100%;margin-top:6px;border:0;background:none;padding:8px;font-size:13px;color:#7d7e80;text-decoration:underline}
.gift-chip{position:fixed;left:14px;bottom:16px;z-index:40;border:1px solid #b8913a;border-radius:999px;background:#161616;color:#f3d27a;padding:9px 14px;font:600 13px var(--sans);box-shadow:0 6px 18px #0004}
.gift-chip b{color:#fff;margin-left:4px}
.gift-banner{margin:16px 0 8px;border:1px solid #b8913a;border-radius:12px;background:#161616;color:#efe7d6;padding:18px 18px 16px;text-align:center}
.gb-eye{margin:0;font-size:11px;letter-spacing:.12em;color:#b8913a}.gb-clock{margin:2px 0 8px;font:700 30px/1.2 var(--serif);color:#f3d27a;letter-spacing:.06em}
.gb-t{margin:0 0 4px;font-size:15px}.gb-t b{color:#f3d27a}.gb-s{margin:0 0 12px;font-size:11.5px;color:#bdb6a8}
.gift-banner .gp-go{background:#f3d27a;color:#161616}
.gift-full{position:fixed;inset:0;z-index:60;background:#fffdf8;color:#22232a;padding:16px 22px;overflow:auto;font-family:var(--sans)}
.gf-top{display:flex;align-items:center;gap:10px;font-size:12px;color:#8b7a64}.gf-top b{color:#c0482f}.gf-back{border:0;background:none;font-size:26px;color:#22232a}
.gift-full h2{margin:10px 0 16px;font:700 24px/1.4 var(--serif)}
.gift-full label{display:block;margin:0 0 14px;font-size:13px;color:#6d6573}
.gift-full input{display:block;width:100%;margin-top:6px;border:1px solid #d8d2c6;border-radius:10px;padding:12px 14px;font:500 16px var(--sans);color:#22232a;background:#fff}
.gift-full small{display:block;margin-top:5px;font-size:11.5px;color:#a0957f}.gf-cal b.on{color:#22232a}
.gf-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;font-size:13px;color:#6d6573}
.gf-chips{display:flex;gap:6px}.gf-chips b{border:1px solid #d8d2c6;border-radius:999px;padding:6px 12px;font-weight:500;color:#3a3442;background:#fff}.gf-chips b.on{background:#161616;color:#f3d27a;border-color:#161616}
.gf-note{margin:6px 0 14px;font-size:12px;line-height:1.6;color:#7d7e80}
.gc-list{margin:4px 0 12px;padding:0 0 0 18px;font-size:13.5px;line-height:1.8;color:#3a3442}
.gc-total{margin:0 0 6px;border-top:1px solid #e6e2da}.gc-total div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee;font-size:14px}.gc-total dt,.gc-total dd{margin:0}.gc-total s{color:#a3a0a8}.gc-total .t dd{font:700 20px var(--serif)}
.gift-full.kakao{background:#b2c7d9;padding:24px 16px}
.kt-from{margin:0 0 6px;font-size:12px;color:#3c4a57}.kt-bubble{background:#fff;border-radius:4px 14px 14px 14px;padding:16px;font-size:14px;line-height:1.6;color:#191919}
.kt-btn{margin-top:8px;border:1px solid #ddd;border-radius:6px;padding:10px;text-align:center;font-size:14px;background:#f8f8f8}
.gift-banner .gb-eye{color:#b8913a!important}.gift-banner .gb-clock{color:#f3d27a!important}.gift-banner .gb-t{color:#efe7d6!important}.gift-banner .gb-t b{color:#f3d27a!important}.gift-banner .gb-s{color:#bdb6a8!important}
.gift-pop .gp-body,.gift-pop .gp-note,.gift-full p,.gift-full label{opacity:1}

.gift-bought{margin:0 0 14px;border:1px solid #b8913a;border-radius:12px;background:#161616;color:#efe7d6;padding:14px 16px;text-align:center}
.gift-bought p{margin:0 0 10px;color:#efe7d6!important;font-size:14px}.gift-bought b{color:#f3d27a}
.gift-bought .gp-go{display:block;text-decoration:none;text-align:center;background:#f3d27a;color:#161616}
.gf-err{min-height:1.2em;margin:4px 0 8px;font-size:12.5px;color:#c0482f!important}
.gift-chip b{font-variant-numeric:tabular-nums}
.gift-bought .gb-note{font-size:13.5px;line-height:1.65}
.gift-bought .gp-go[aria-disabled="true"]{opacity:.55;pointer-events:none}
.send-btn:disabled{opacity:.5}
.gp-off{display:inline-block;margin-left:4px;border-radius:6px;background:#c0482f;color:#fff;padding:1px 7px;font-size:12.5px;font-weight:700;vertical-align:1px}
.gift-banner s{color:#8f887c}
.gc-off{margin:6px 0 10px;text-align:center;color:#c0482f;font:700 18px var(--sans)}.gc-off b{font-size:44px;line-height:1;letter-spacing:-.02em;margin-right:4px}.gc-off span{display:block;margin-top:4px;font-size:12px;font-weight:600;color:#8b7a64;letter-spacing:.04em}
.kt-who{display:block;margin:4px 0 10px;font-size:12.5px;color:#6b6250;text-align:left}.kt-who span{display:flex;gap:6px;margin-top:4px}.kt-who input{flex:1;min-width:0;background:#fff;color:#22232a;border:1px solid #d8d2c6;border-radius:8px;padding:9px 10px;font:16px var(--sans)}.kt-who-btn{border:1px solid #d8d2c6;border-radius:8px;background:#fff;padding:0 12px;font:600 13px var(--sans);color:#22232a}
.kt-prev{margin:0 0 12px;border:1px solid #e6e2da;border-radius:10px;background:#fff;padding:10px 12px;text-align:left}.kt-prev b{display:block;font-size:14.5px;margin-bottom:3px}.kt-prev p{margin:0;font-size:12.5px;color:#666}
.gift-full .gf-hint{font-size:11.5px;color:#8b7a64;font-weight:500;margin-left:4px}
.gift-full.gf-typing{padding-bottom:75vh}

.gift-chip i{font-style:normal;margin-right:3px}
.gift-chip[hidden]{display:none}
.gift-chip.hello{animation:giftHello 1.6s ease-out 1}
@keyframes giftHello{0%{transform:translateY(12px) scale(.92);opacity:0}25%{transform:none;opacity:1}45%{box-shadow:0 0 0 0 #f3d27a99,0 6px 18px #0004}80%{box-shadow:0 0 0 10px #f3d27a00,0 6px 18px #0004}100%{box-shadow:0 6px 18px #0004}}
@media (prefers-reduced-motion:reduce){.gift-chip.hello{animation:none}}