/* px-dash — 시안 픽셀 재이식 묶음 전용(다른 묶음 파일 건드리지 않음)
   20 품질 · 21 비용 · 22 배치 · 24 블라인드 · 25 내보내기 · 26 새 소설 — 모두 360 폭 시안 좌표 기준 */
@media(max-width:768px){

/* ═══ 20 품질 대시보드 ═══ */
/* 머리 — 로고 없이 MyDrama + 부제, 종 · 깃펜 원 · 손글씨 두 줄, 높이 44 + 아래 선 */
body[data-pg="metrics"]:not(.easy) .top{height:calc(44px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 25px 0 26px;border-bottom:1px solid rgba(255,248,232,.07)}
body[data-pg="metrics"]:not(.easy) .brandh img{display:none}
body[data-pg="metrics"]:not(.easy) .brandh b{font-size:17.5px;line-height:16px;margin-top:0}
body[data-pg="metrics"]:not(.easy) .brandh small{margin:1.5px 0 0 22.5px;font-size:7px;line-height:9px;color:#97928b}
body[data-pg="metrics"]:not(.easy) .top .bell{width:24px;height:30px;margin-right:6px;top:-2px}
body[data-pg="metrics"]:not(.easy) .top .bell svg{width:18px;height:18px}
body[data-pg="metrics"]:not(.easy) .top .ava{width:23px;height:23px;border:1px solid rgba(214,174,106,.55);background:#16120d url(../img/logo-quill.webp) center/13px 13px no-repeat}
body[data-pg="metrics"]:not(.easy) .top .ava svg{display:none}
body[data-pg="metrics"]:not(.easy) .top::after{content:"작가의 가능성은\A언제나 더 멀리";white-space:pre;margin-left:6px;font:500 7.3px/9.5px 'Pretendard Variable',Pretendard,sans-serif;color:#d9d2c6;letter-spacing:-.01em}

/* 제목 줄 — 왼쪽 제목·부제, 오른쪽 손글씨 인용 */
body[data-pg="metrics"]:not(.easy) .dq-hd{position:relative;display:block;padding:0;margin:0 0 0 10px;height:61.5px}
body[data-pg="metrics"]:not(.easy) .dq-hd .v3h1{font-family:'Nanum Myeongjo',var(--serif);font-weight:800;font-size:23px;line-height:30px;padding-top:9px;color:var(--px-ink)}
body[data-pg="metrics"]:not(.easy) .dq-hd .v3sub{margin:-1px 0 0 1px;font-size:10px;line-height:14px;color:#c9c4c0;letter-spacing:-.01em}
body[data-pg="metrics"]:not(.easy) .dq-hd .v3sub b{font-weight:400;color:inherit}
body[data-pg="metrics"]:not(.easy) .dq-hd .v3sub .hp{display:none}
body[data-pg="metrics"]:not(.easy) .dq-q{display:block;position:absolute;right:9px;top:13px;margin:0;width:75px;font:400 12px/14px 'Nanum Pen Script','Nanum Myeongjo',cursive;color:#8a7f72;letter-spacing:0;white-space:nowrap;transform:rotate(-1deg);transform-origin:0 0}
body[data-pg="metrics"]:not(.easy) .dq-q::after{content:"";display:block;width:15px;height:1px;margin-top:8px;background:#8a7f72;opacity:.6}

/* 성공 기준 7칸 — 157×52, 간격 5, 줄 간격 5.5 */
body[data-pg="metrics"]:not(.easy) .dq-grid{position:relative;grid-template-columns:repeat(2,minmax(0,1fr));gap:5.5px 5px;margin:0 3.5px 0 5px}
body[data-pg="metrics"]:not(.easy) .dq-grid::before{content:"";position:absolute;right:-19.5px;top:112px;width:66px;height:130px;background:linear-gradient(90deg,#0e0c0a,transparent 70%),linear-gradient(0deg,#0e0c0a,transparent 30%),linear-gradient(180deg,#0e0c0a,transparent 30%),url(../img/still-candle-stack.webp) 70% 50%/auto 100% no-repeat;opacity:.8;pointer-events:none}
body[data-pg="metrics"]:not(.easy) .dq-c{position:relative;display:block;height:52px;padding:8px 38px 0 33.5px;border:1px solid rgba(255,248,232,.12);border-radius:5px;background:#16130f}
body[data-pg="metrics"]:not(.easy) .dq-c.fail{border-color:rgba(255,248,232,.12)}
body[data-pg="metrics"]:not(.easy) .dq-t{display:contents}
body[data-pg="metrics"]:not(.easy) .dq-i{position:absolute;left:7.8px;top:7.2px;width:19px;height:19px}
body[data-pg="metrics"]:not(.easy) .dq-i svg{width:19px;height:19px;stroke:#d8cdb8;stroke-width:1.5}
body[data-pg="metrics"]:not(.easy) .dq-c .dot{position:absolute;right:8.5px;top:7.5px;height:14px;min-width:25px;padding:0 4px;gap:0;justify-content:center;border:0;border-radius:3px;font-size:8px;font-weight:600;line-height:14px}
body[data-pg="metrics"]:not(.easy) .dq-c .dot::before{display:none}
body[data-pg="metrics"]:not(.easy) .dq-c .dot.ok{background:#293a2b;color:#c4d6c4}
body[data-pg="metrics"]:not(.easy) .dq-c .dot.err{background:#632e2e;color:#efcfcb}
body[data-pg="metrics"]:not(.easy) .dq-c .dot.dim{background:#3e3d3a;color:#d6d3cf}
body[data-pg="metrics"]:not(.easy) .dq-l{display:flex;align-items:center;height:12px;font-size:8px;font-weight:500;line-height:12px;color:#f3eee6;white-space:nowrap}
body[data-pg="metrics"]:not(.easy) .dq-l>span{overflow:hidden;text-overflow:ellipsis}
body[data-pg="metrics"]:not(.easy) .dq-l .hp{position:relative;flex:none;width:10px;height:10px;margin:0 0 0 5.5px;font-size:7px;border-radius:2px;background:transparent;border-color:rgba(255,248,232,.35);color:#cfc8bc}
body[data-pg="metrics"]:not(.easy) .dq-l .hp::after{content:"";position:absolute;inset:-12px -10px}
body[data-pg="metrics"]:not(.easy) .dq-v{display:flex;flex-wrap:nowrap;align-items:baseline;gap:0 7px;margin-top:2px;white-space:nowrap}
body[data-pg="metrics"]:not(.easy) .dq-v .mcv{gap:2px}
body[data-pg="metrics"]:not(.easy) .dq-v .mcv b{font:700 19px/22px 'Nanum Myeongjo',var(--serif);color:#fbf8f2;letter-spacing:-.01em}
body[data-pg="metrics"]:not(.easy) .dq-v .mcv b i{font-style:normal;font-size:16px}
body[data-pg="metrics"]:not(.easy) .dq-v .mcv small{margin-left:2px;font:400 10.5px/1 'Nanum Myeongjo',var(--serif);color:#d2cbc0}
body[data-pg="metrics"]:not(.easy) .dq-v em{display:none;font-size:8px;color:#a29a8f}
body[data-pg="metrics"]:not(.easy) .dq-c:first-child .dq-v em{display:inline}
body[data-pg="metrics"]:not(.easy) .dq-q2{display:block;align-self:center;margin:0 0 0 12px;transform:scaleX(.94);transform-origin:0 50%;font:400 8.5px/12px 'Nanum Myeongjo',var(--serif);color:#9a9083;letter-spacing:-.02em}
body[data-pg="metrics"]:not(.easy) .dq-q2::after{content:"";display:block;width:12px;height:1px;margin-top:6px;background:currentColor;opacity:.5}


/* 차트 카드 — x21~340, 제목 줄 31, 그림 높이 41.5(편집)·49(문장) */
body[data-pg="metrics"]:not(.easy) .dq-grid{margin-bottom:7.5px}
body[data-pg="metrics"]:not(.easy) .dq-charts{gap:7.5px;margin:-1px 4px 0 5px}
body[data-pg="metrics"]:not(.easy) .dq-ch{position:relative;padding:0 10.5px 7.5px 12px;border:1px solid rgba(255,248,232,.1);border-radius:5px;background:#16130f}
body[data-pg="metrics"]:not(.easy) .dq-ch h3{display:flex;align-items:center;height:30px;margin:0;gap:0;font:600 8px/12px 'Pretendard Variable',Pretendard,sans-serif;color:#f3eee6;letter-spacing:-.045em}
body[data-pg="metrics"]:not(.easy) .dq-ch h3 .dq-hi svg{width:17px;height:17px;margin:-3px 5px 0 -4px;stroke:#efe9de;stroke-width:1.7}
body[data-pg="metrics"]:not(.easy) .dq-ch h3 .dq-ht{gap:0;flex-wrap:nowrap}
body[data-pg="metrics"]:not(.easy) .dq-ch h3 .dq-ht .bdg{display:none}
body[data-pg="metrics"]:not(.easy) .dq-ch h3 .hp{position:relative;width:10px;height:10px;margin-left:5.5px;font-size:7px;border-radius:2px;background:transparent;border-color:rgba(255,248,232,.35);color:#cfc8bc}
body[data-pg="metrics"]:not(.easy) .dq-ch h3 .hp::after{content:"";position:absolute;inset:-12px -10px}
body[data-pg="metrics"]:not(.easy) .dq-ch h3>i{margin:0 .5px 0 auto;font:400 8.5px/1 'Pretendard Variable',Pretendard,sans-serif;color:#a29a8f;letter-spacing:-.01em}
body[data-pg="metrics"]:not(.easy) .dq-ch h3>.btn{margin-left:auto}
body[data-pg="metrics"]:not(.easy) .dq-ch .mini{display:none}
/* 막대(편집 비율·상투어) */
body[data-pg="metrics"]:not(.easy) .dq-ch .mbar{margin-top:3px;padding:0 0 0 20px}
body[data-pg="metrics"]:not(.easy) .dq-ch .mby{left:0;top:0;width:12px;height:41.5px}
body[data-pg="metrics"]:not(.easy) .dq-ch .mby span{font:400 6.5px/1 'Pretendard Variable',Pretendard,sans-serif;color:#a29a8f;letter-spacing:-.02em}
body[data-pg="metrics"]:not(.easy) .dq-ch .mbp{box-sizing:border-box;height:41.5px;padding:0;gap:0;border-left:1px solid rgba(255,248,232,.16);border-bottom:1px solid rgba(255,248,232,.16);border-top:1px solid rgba(255,248,232,.05)}
body[data-pg="metrics"]:not(.easy) .dq-ch .mbl{border-top:1px dashed rgba(232,220,200,.55)}
body[data-pg="metrics"]:not(.easy) .dq-ch .mbl em{top:-9.5px;right:0;font:400 7.5px/1 'Pretendard Variable',Pretendard,sans-serif;color:#d8d0c3;letter-spacing:-.02em}
body[data-pg="metrics"]:not(.easy) .dq-ch .mbv{display:none}
body[data-pg="metrics"]:not(.easy) .dq-ch .mbc i{width:13px;max-width:13px;background:#d8b671;border-radius:1px 1px 0 0}
body[data-pg="metrics"]:not(.easy) .dq-ch .mbc i.over{background:#d8b671}
body[data-pg="metrics"]:not(.easy) .dq-ch .mbx{gap:0;padding:0;margin-top:3px}
body[data-pg="metrics"]:not(.easy) .dq-ch .mbx span{font:400 7.5px/9px 'Pretendard Variable',Pretendard,sans-serif;color:#cfc8bc;text-overflow:clip}
/* 쌍 막대(문장 길이) — 범례는 제목 줄 오른쪽 */
body[data-pg="metrics"]:not(.easy) .dq-ch .mleg{position:absolute;top:10.5px;right:22.5px;margin:0;gap:14.5px;font:400 7.5px/9px 'Pretendard Variable',Pretendard,sans-serif;color:#d8d0c3}
body[data-pg="metrics"]:not(.easy) .dq-ch .mleg i{width:7.5px;height:7.5px;margin-right:4px;border-radius:1px;vertical-align:-.5px}
body[data-pg="metrics"]:not(.easy) .dq-ch .mleg .la,body[data-pg="metrics"]:not(.easy) .dq-ch .mpair .a{background:#dcd1bf}
body[data-pg="metrics"]:not(.easy) .dq-ch .mleg .lg,body[data-pg="metrics"]:not(.easy) .dq-ch .mpair .g{background:#d8b671}
body[data-pg="metrics"]:not(.easy) .dq-ch .mpw{position:relative;margin-top:2px;padding-left:19px}
body[data-pg="metrics"]:not(.easy) .dq-ch .mpy{display:block;position:absolute;left:0;top:0;width:12px;height:49px}
body[data-pg="metrics"]:not(.easy) .dq-ch .mpy span{position:absolute;right:0;transform:translateY(50%);font:400 6.5px/1 'Pretendard Variable',Pretendard,sans-serif;color:#a29a8f;letter-spacing:-.02em}
body[data-pg="metrics"]:not(.easy) .dq-ch .mpair{box-sizing:border-box;height:49px;gap:0;border-left:1px solid rgba(255,248,232,.16);border-bottom:1px solid rgba(255,248,232,.16);background:repeating-linear-gradient(0deg,transparent 0 11.25px,rgba(255,248,232,.06) 11.25px 12.25px)}
body[data-pg="metrics"]:not(.easy) .dq-ch .mpb{gap:2.5px;justify-content:center}
body[data-pg="metrics"]:not(.easy) .dq-ch .mpb i{flex:none;width:11px;max-width:11px;border-radius:1px 1px 0 0;opacity:1}
body[data-pg="metrics"]:not(.easy) .dq-ch .histlab{margin:5px 0 0 19px;gap:0;font:400 7.5px/9px 'Pretendard Variable',Pretendard,sans-serif;color:#cfc8bc}


/* 시안 밖(아래로 스크롤) — 같은 결로 줄인다: 어미 표 · 블라인드/완독 요약 */
body[data-pg="metrics"]:not(.easy) .dq-ch .otbl{display:table;width:100%;margin:0 0 4px;font-size:9px}
body[data-pg="metrics"]:not(.easy) .dq-ch .otbl th{padding:3px 4px 5px;font-size:8px;font-weight:500;color:#a29a8f}
body[data-pg="metrics"]:not(.easy) .dq-ch .otbl td{height:22px;padding:0 4px;font-size:9px;line-height:12px}
body[data-pg="metrics"]:not(.easy) .dq-ch .otbl td.num{font-size:8.5px}
body[data-pg="metrics"]:not(.easy) .dq-ch h3>.btn{position:relative;height:20px;min-height:0;padding:0 9px;border-radius:4px;font-size:8.5px}
body[data-pg="metrics"]:not(.easy) .dq-ch h3>.btn::after{content:"";position:absolute;inset:-10px -4px}
body[data-pg="metrics"]:not(.easy) .dq-ch>.muted{margin:0 0 2px;font-size:9.5px;line-height:14px;color:#a29a8f}
body[data-pg="metrics"]:not(.easy) .dq-ch .bchips{gap:4px}
body[data-pg="metrics"]:not(.easy) .dq-ch .bdg.sm{height:16px;padding:0 6px;border-radius:3px;font-size:8px}


/* <<cost */
/* ═══ 21 비용 대시보드 ═══ */
/* 정물(잉크병·깃펜)은 머리+제목 줄 뒤 오른쪽 위 — .main 배경으로 깔아 머리/본문 경계에서 끊기지 않게 */
body[data-pg="cost"]:not(.easy) .main{background:linear-gradient(90deg,#0d0b09 30%,rgba(13,11,9,0) 62%) 0 0/100% 168px no-repeat,linear-gradient(0deg,#0d0b09 0,rgba(13,11,9,0) 62px) 0 0/100% 168px no-repeat,linear-gradient(180deg,#0d0b09 0,rgba(13,11,9,.55) 30px,rgba(13,11,9,0) 52px) 0 0/100% 168px no-repeat,url(../img/still-inkwell-quill.webp) right -8px top 30px/310px auto no-repeat,#0d0b09}
body[data-pg="cost"]:not(.easy) .top{height:calc(56px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 19px 0 19.5px;align-items:flex-start;border-bottom:0}
body[data-pg="cost"]:not(.easy) .brandh{margin-top:14px}
body[data-pg="cost"]:not(.easy) .brandh img{display:none}
body[data-pg="cost"]:not(.easy) .brandh b{font-weight:600;font-size:21.1px;line-height:20px;margin-top:0;letter-spacing:.01em;color:#ebe3d4}
body[data-pg="cost"]:not(.easy) .brandh small{margin-top:4px;font-size:8px;line-height:10px;color:#bdb5a8}
body[data-pg="cost"]:not(.easy) .top .bell,body[data-pg="cost"]:not(.easy) .top .ava{display:none}
body[data-pg="cost"]:not(.easy) .top::after{content:"\201C좋은 이야기는\A언제나 다시 쓰일 수 있다.\201D";white-space:pre;position:absolute;left:252.5px;top:13.8px;text-indent:-4.5px;font:400 8.1px/12px 'Nanum Myeongjo',var(--serif);color:#d8d0c3;letter-spacing:-.02em;pointer-events:none}
body[data-pg="cost"]:not(.easy) .top::before{content:"";position:absolute;left:335px;top:44px;width:6px;height:1px;background:#cfc7ba}
body[data-pg="cost"]:not(.easy) .body{padding-left:11px;padding-right:11px}

/* 제목 줄 */
body[data-pg="cost"]:not(.easy) .dq-hd{display:block;position:relative;margin:0 0 0 9px;padding:0;height:102px}
body[data-pg="cost"]:not(.easy) .dq-hd .dq-act{display:none}
body[data-pg="cost"]:not(.easy) .dq-hd .v3h1{font-family:'Nanum Myeongjo',var(--serif);font-weight:800;font-size:26px;line-height:32px;padding-top:36px;color:#f3ecdf;letter-spacing:.01em}
body[data-pg="cost"]:not(.easy) .dq-hd .v3sub{margin:6px 0 0 1px;font-size:11px;line-height:14px;color:#d6cfc3}
body[data-pg="cost"]:not(.easy) .dq-hd .v3sub b{font-weight:400;color:inherit}
body[data-pg="cost"]:not(.easy) .dq-hd .v3sub .hp{display:none}

/* 통계 4칸 — 78.5×78.5, 간격 8 */
body[data-pg="cost"]:not(.easy) .cs-tiles{gap:8px;margin:0 0 9px}
body[data-pg="cost"]:not(.easy) .cs-t{position:relative;height:78.5px;padding:11.7px 0 0 10px;border:1px solid rgba(255,248,232,.12);border-radius:6px;background:#161410}
body[data-pg="cost"]:not(.easy) .cs-th{display:block;min-height:0;height:13px}
body[data-pg="cost"]:not(.easy) .cs-i svg{margin:-1.5px 0 0 -1px;width:15px;height:15px;stroke:#d8b06e;stroke-width:1.7}
body[data-pg="cost"]:not(.easy) .cs-th .hp{position:absolute;right:7.6px;top:6.9px;width:12.7px;height:12.7px;margin:0;font-size:7.5px;border-radius:2px;background:transparent;border-color:rgba(255,248,232,.38);color:#d9d2c6}
body[data-pg="cost"]:not(.easy) .cs-th .hp::after{content:"";position:absolute;inset:-8px}
body[data-pg="cost"]:not(.easy) .cs-l{margin-top:6.3px;font-size:9px;font-weight:400;line-height:12px;color:#e8e2d8;letter-spacing:-.02em}
body[data-pg="cost"]:not(.easy) .cs-v{margin-top:5px;font:700 17px/20px 'Nanum Myeongjo',var(--serif);color:#fbf7ef;letter-spacing:0}

/* 게이지 카드 */
body[data-pg="cost"]:not(.easy) .cs-gauge{position:relative;height:83.6px;margin:0 0 8.4px;padding:9.2px 10.5px 0 10.3px;border:1px solid rgba(255,248,232,.12);border-radius:6px;background:#161410}
body[data-pg="cost"]:not(.easy) .cs-gh{display:block}
body[data-pg="cost"]:not(.easy) .cs-gauge h3{display:block;font:700 13.5px/20px 'Nanum Myeongjo',var(--serif);color:#f6f0e6;letter-spacing:-.01em}
body[data-pg="cost"]:not(.easy) .cs-gauge h3 .hp{position:absolute;right:11px;top:8.6px;width:12px;height:12px;margin:0;font-size:8px;border-radius:2px;background:transparent;border-color:rgba(255,248,232,.38);color:#d9d2c6}
body[data-pg="cost"]:not(.easy) .cs-gauge h3 .hp::after{content:"";position:absolute;inset:-8px}
body[data-pg="cost"]:not(.easy) .cs-gn{display:block;margin-top:1.5px;text-align:right;font:400 9.4px/13px 'Nanum Myeongjo',var(--serif);color:#efe8dc}
body[data-pg="cost"]:not(.easy) .cs-gauge .gauge{position:relative;margin:.5px 0 0}
body[data-pg="cost"]:not(.easy) .cs-gauge .gauge .bar{height:12px;border-radius:99px;background:#302c25}
body[data-pg="cost"]:not(.easy) .cs-gauge .gauge .bar>i{background:#d1aa6b}
body[data-pg="cost"]:not(.easy) .cs-gauge .gauge .gh{top:-1px;bottom:-1px;border-left:1.5px dashed #e8dcc8;opacity:.9}
body[data-pg="cost"]:not(.easy) .cs-gauge .mkl{height:13px;margin-top:3.5px}
body[data-pg="cost"]:not(.easy) .cs-gauge .mkl span{font:400 9px/13px 'Nanum Myeongjo',var(--serif);color:#9b958c}
body[data-pg="cost"]:not(.easy) .cs-gauge .cs-gp{display:block;position:absolute;left:0;top:16.5px;font:400 10px/13px 'Nanum Myeongjo',var(--serif);color:#c9a466}
body[data-pg="cost"]:not(.easy) .cs-gauge .cs-sc{display:none}

/* 역할별 사용 · 엔진 분배 */
body[data-pg="cost"]:not(.easy) .cs-cards{display:flex;flex-direction:column;gap:8.4px;margin:0 0 10px}
body[data-pg="cost"]:not(.easy) .cs-card{position:relative;padding:10px 10.7px 4.3px;border:1px solid rgba(255,248,232,.12);border-radius:6px;background:#161410}
body[data-pg="cost"]:not(.easy) .cs-card h3{display:block;height:24.5px;font:700 13.3px/20px 'Nanum Myeongjo',var(--serif);color:#f6f0e6;letter-spacing:-.01em}
body[data-pg="cost"]:not(.easy) .cs-card h3 .hp{position:absolute;right:11.2px;top:10.5px;width:12.5px;height:12.5px;margin:0;font-size:7.5px;border-radius:2px;background:transparent;border-color:rgba(255,248,232,.38);color:#d9d2c6}
body[data-pg="cost"]:not(.easy) .cs-card h3 .hp::after{content:"";position:absolute;inset:-8px}
body[data-pg="cost"]:not(.easy) .cs-rh,body[data-pg="cost"]:not(.easy) .cs-r{grid-template-columns:25.3px 55.7px 125.3px 63.4px minmax(0,1fr);gap:0;padding:0 0 0 3.3px}
body[data-pg="cost"]:not(.easy) .cs-rh{box-sizing:border-box;height:23px;margin:0;border-top:1px solid rgba(255,248,232,.1);border-bottom:1px solid rgba(255,248,232,.1);background:#1f1d19;font-size:9px;line-height:12px;color:#b6aea3;letter-spacing:-.02em}
body[data-pg="cost"]:not(.easy) .cs-rh span:first-child{display:none}
body[data-pg="cost"]:not(.easy) .cs-rh span:nth-child(2){grid-column:1/3}
body[data-pg="cost"]:not(.easy) .cs-rh span:nth-child(4){padding-left:13.4px}
body[data-pg="cost"]:not(.easy) .cs-r{box-sizing:border-box;min-height:0;height:34px;padding-top:0;padding-bottom:0;border-top:1px solid rgba(255,248,232,.1)}
body[data-pg="cost"]:not(.easy) .cs-rh+.cs-r{border-top:0}
body[data-pg="cost"]:not(.easy) .cs-card h3+.cs-r{margin-top:0}
body[data-pg="cost"]:not(.easy) .cs-ri svg{width:15px;height:15px;stroke:#e8e2d8;stroke-width:1.5}
body[data-pg="cost"]:not(.easy) .cs-rn small,body[data-pg="cost"]:not(.easy) .cs-rc small{display:none}
body[data-pg="cost"]:not(.easy) .cs-rn b{font-size:9.6px;font-weight:400;line-height:14px;color:#f1ebe1}
body[data-pg="cost"]:not(.easy) .cs-r .tkb{height:6.5px;border-radius:99px;background:#302c25}
body[data-pg="cost"]:not(.easy) .cs-r .tkf{height:100%;border-radius:99px;background:#d4ad6c}
body[data-pg="cost"]:not(.easy) .cs-r .tkf i{display:none}
body[data-pg="cost"]:not(.easy) .cs-rp{position:relative;top:1.5px;padding-left:13.4px}
body[data-pg="cost"]:not(.easy) .cs-rp b{font:400 10.5px/13px 'Nanum Myeongjo',var(--serif);color:#f6f0e6}
body[data-pg="cost"]:not(.easy) .cs-rp small{margin-top:0;font:400 8px/11px 'Pretendard Variable',Pretendard,sans-serif;color:#8f887e}
body[data-pg="cost"]:not(.easy) .cs-rc{position:relative;top:1.3px;padding-right:2.3px}
body[data-pg="cost"]:not(.easy) .cs-rc b{font:400 10px/13px 'Nanum Myeongjo',var(--serif);color:#f6f0e6}
body[data-pg="cost"]:not(.easy) .cs-card.c4{padding-bottom:0}
body[data-pg="cost"]:not(.easy) .cs-card.c4 h3{height:24px}
body[data-pg="cost"]:not(.easy) .cs-card.c4 .cs-ri svg{width:17px;height:17px;margin-left:-1px}
body[data-pg="cost"]:not(.easy) .cs-card.c4 .cs-r{height:34.7px}
body[data-pg="cost"]:not(.easy) .cs-per{display:none}

/* 팁 띠 */
body[data-pg="cost"]:not(.easy) .cs-tip{box-sizing:border-box;height:49.3px;margin:0 0 18px;padding:0 11px;gap:12px;border:1px solid rgba(214,174,106,.22);border-radius:6px;background:linear-gradient(90deg,#241c12,#1d1710 40%,#1c1610)}
body[data-pg="cost"]:not(.easy) .cs-ti{width:28px;height:28px;border-radius:5px;background:radial-gradient(circle at 50% 50%,rgba(232,190,120,.22),rgba(232,190,120,.06) 70%)}
body[data-pg="cost"]:not(.easy) .cs-ti svg{width:20px;height:20px;stroke:#e2b56c;stroke-width:1.7}
body[data-pg="cost"]:not(.easy) .cs-tip>div{min-width:0}
body[data-pg="cost"]:not(.easy) .cs-tip b{font-size:10px;font-weight:400;line-height:13px;color:#e2b56c;letter-spacing:-.02em}
body[data-pg="cost"]:not(.easy) .cs-tip span:not(.cs-ti){margin-top:0;font-size:9.3px;line-height:13px;color:#a49d92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 시안 밖(아래) — 엔진 교체 기록 */
body[data-pg="cost"]:not(.easy) .v3sec{margin:0 0 8px}
body[data-pg="cost"]:not(.easy) .v3sec h2{font-size:14px}
body[data-pg="cost"]:not(.easy) .v3sec .cs-ex{display:inline;font-size:10px}
/* cost>> */


/* <<batch */
/* ═══ 22 자동 승인 배치 ═══ */
/* 정물(촛불·책)은 머리+제목 줄 오른쪽 위 — .main 배경으로 깔아 머리/본문 경계에서 끊기지 않게 */
body[data-pg="batch"]:not(.easy) .main{background:linear-gradient(90deg,#0d0b09 0,#0d0b09 62%,rgba(13,11,9,0) 76%) 0 0/100% 172px no-repeat,linear-gradient(0deg,#0d0b09 0,rgba(13,11,9,0) 40px) 0 0/100% 172px no-repeat,linear-gradient(180deg,#0d0b09 0,rgba(13,11,9,.6) 40px,rgba(13,11,9,0) 60px) 0 0/100% 172px no-repeat,url(../img/still-candle-stack.webp) right -40px top 40px/230px auto no-repeat,#0d0b09}
body[data-pg="batch"]:not(.easy) .body{padding-left:15px;padding-right:15px}
body[data-pg="batch"]:not(.easy) .top{align-items:flex-start;padding-top:calc(8px + env(safe-area-inset-top,0px));padding-right:17.5px;padding-left:15px}
body[data-pg="batch"]:not(.easy) .brandh{align-items:flex-start}
body[data-pg="batch"]:not(.easy) .brandh img{width:28px;height:28px;margin:1px -2.9px 0 -1.5px}
body[data-pg="batch"]:not(.easy) .brandh b{font-weight:600;font-size:16.8px;line-height:17px;margin-top:1.8px;letter-spacing:-.07em}
body[data-pg="batch"]:not(.easy) .brandh small{margin-top:4.5px;font-size:8px;line-height:9px;color:#a39c91}
body[data-pg="batch"]:not(.easy) .top .bell{top:-3.5px;width:30px;height:30px;margin-right:10px}
body[data-pg="batch"]:not(.easy) .top .bell svg{width:19.5px;height:19.5px}
body[data-pg="batch"]:not(.easy) .top .ava{width:28.5px;height:28.5px;margin-top:-1px;border:1px solid rgba(255,248,232,.3);background:rgba(255,248,232,.05)}

/* 제목 줄 */
body[data-pg="batch"]:not(.easy) .bt-hd{position:relative;padding:0;margin:0 0 13px 4px}
body[data-pg="batch"]:not(.easy) .bt-t{flex-wrap:nowrap;align-items:flex-start;gap:8px}
body[data-pg="batch"]:not(.easy) .bt-t .v3h1{font-family:'Nanum Myeongjo',var(--serif);font-weight:700;font-size:26.7px;line-height:32px;margin:-1.5px 0 0;color:#f3ecdf;letter-spacing:.01em}
body[data-pg="batch"]:not(.easy) .bt-t>.hp{display:none}
body[data-pg="batch"]:not(.easy) .bt-t .kd{box-sizing:border-box;height:22.5px;margin-top:1px;padding:0 7.8px;font-size:9.5px;border-radius:5px}
body[data-pg="batch"]:not(.easy) .bt-sub{display:block;margin:4px 0 0;font-size:10.1px;line-height:14px;color:#bdb5a9;letter-spacing:-.02em}
body[data-pg="batch"]:not(.easy) .bt-nav{display:flex;gap:6px;margin-top:8px}
body[data-pg="batch"]:not(.easy) .bt-b{box-sizing:border-box;width:95.5px;height:34px;padding:0;gap:0;justify-content:flex-start;border:1px solid rgba(255,248,232,.16);border-radius:6px;background:rgba(22,20,16,.75);font-size:10px;font-weight:600;color:#efe8dc}
body[data-pg="batch"]:not(.easy) .bt-b+.bt-b{width:98.5px}
body[data-pg="batch"]:not(.easy) .bt-b svg:first-child{width:19px;height:19px;margin:0 7px 0 11px;stroke:#e8e2d8;stroke-width:1.5}
body[data-pg="batch"]:not(.easy) .bt-b svg:last-child{width:10px;height:10px;margin-left:7px;color:#e8e2d8}

/* 카드 공통 */
body[data-pg="batch"]:not(.easy) .bt-card{position:relative;box-sizing:border-box;margin:0 0 10px;padding:0 13px 0 14px;border:1px solid rgba(255,248,232,.12);border-radius:7px;background:#161410;overflow:hidden}
body[data-pg="batch"]:not(.easy) .bt-card>h3{position:relative;flex-wrap:nowrap;gap:9.5px;margin:0;font:700 16px/24px 'Nanum Myeongjo',var(--serif);color:#f6f0e6;letter-spacing:-.015em}
body[data-pg="batch"]:not(.easy) .bt-hp{display:block;position:absolute;right:-4px;top:50%;transform:translateY(-50%)}
body[data-pg="batch"]:not(.easy) .bt-hp .hp{display:flex;width:15.5px;height:15.5px;margin:0;font-size:9px;border-radius:2.5px;background:transparent;border-color:rgba(255,248,232,.38);color:#d9d2c6}
body[data-pg="batch"]:not(.easy) .bt-hp .hp::after{content:"";position:absolute;inset:-8px}
body[data-pg="batch"]:not(.easy) .bt-card>h3 .dot{position:relative;top:-1.5px;height:20.7px;padding:0 8px 0 6.5px;border-radius:99px;font:600 9px/1 var(--sans);letter-spacing:-.02em}

/* 돌고 있어요 — 펼친 책 정물 오른쪽 */
body[data-pg="batch"]:not(.easy) .bt-card:not(.bt-last):not(#bForm){height:145px;padding-top:17.5px;background:linear-gradient(90deg,#161410 40%,rgba(22,20,16,.2) 70%,rgba(22,20,16,0)),url(../img/still-open-book.webp) right -30px top -5px/260px auto no-repeat,#161410}
body[data-pg="batch"]:not(.easy) .bt-card>h3 .bt-run{gap:4px;color:#e2b56c;background:rgba(40,31,18,.8);border:1px solid rgba(214,174,106,.55)}
body[data-pg="batch"]:not(.easy) .bt-run::before{box-sizing:border-box;width:10px;height:10px;border-radius:50%;background:none;border:2px dotted #e2b56c}
body[data-pg="batch"]:not(.easy) .bt-job .jm{margin:6.5px 0 8.5px;font-size:12.5px;font-weight:400;line-height:17px;color:#c8c0b4}
body[data-pg="batch"]:not(.easy) .bt-pr{gap:8px}
body[data-pg="batch"]:not(.easy) .bt-pr .bar{height:11.5px;background:#2e2a24}
body[data-pg="batch"]:not(.easy) .bt-pr .bar>i{background:linear-gradient(90deg,#c9a45e,#e3be78)}
body[data-pg="batch"]:not(.easy) .bt-job .jp{font:400 10px/13px var(--sans);color:#e8e2d8}
body[data-pg="batch"]:not(.easy) .bt-job.jobbar{margin:0 0 15px}
body[data-pg="batch"]:not(.easy) .bt-stop{height:30px;width:106px;padding:0;gap:9px;border-radius:7px;font-size:10px;font-weight:600;background:#1c1915;border:1px solid rgba(255,248,232,.16)}
body[data-pg="batch"]:not(.easy) .bt-stop svg{width:14px;height:14px;stroke-width:3.4}

/* 지난 배치 */
body[data-pg="batch"]:not(.easy) .bt-last{padding-top:13.5px;padding-bottom:10.5px}
body[data-pg="batch"]:not(.easy) .bt-last>h3 .dot{gap:6px;color:#e2c38a;background:rgba(40,31,18,.8);border:1px solid rgba(214,174,106,.55)}
body[data-pg="batch"]:not(.easy) .bt-last>h3 .dot::before{width:11px;height:11px;border-radius:50%;background:#d9c08d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.3 6.2l1.8 1.8 3.6-3.8' fill='none' stroke='%23171410' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;box-shadow:none}
body[data-pg="batch"]:not(.easy) .bt-msg{display:none}
body[data-pg="batch"]:not(.easy) .bt-cg{gap:5px;margin:6.5px 0 10px}
body[data-pg="batch"]:not(.easy) .bt-c{position:relative;box-sizing:border-box;height:69px;gap:0;padding:10px 9px 0 10px;border:1px solid rgba(255,248,232,.16);border-radius:5px;background:#1a1814}
body[data-pg="batch"]:not(.easy) .bt-c>summary{gap:0}
body[data-pg="batch"]:not(.easy) .bt-c.err{border-color:rgba(214,96,96,.45);background:#24181a}
body[data-pg="batch"]:not(.easy) .bt-ch b{font:400 13px/18px 'Nanum Myeongjo',var(--serif);color:#f6f0e6}
body[data-pg="batch"]:not(.easy) .bt-ci{display:block;width:14px;height:14px;border-radius:50%;background:#6fae7c}
body[data-pg="batch"]:not(.easy) .bt-ci svg{width:14px;height:14px;stroke:#171410;stroke-width:2.6}
body[data-pg="batch"]:not(.easy) .bt-ci svg circle{display:none}
body[data-pg="batch"]:not(.easy) .bt-c:not(.ok) .bt-ci{display:none}
body[data-pg="batch"]:not(.easy) .bt-cs{display:flex;align-items:center;gap:5px;margin-top:1.5px;font-size:9px;font-weight:400;line-height:13px}
body[data-pg="batch"]:not(.easy) .bt-si{display:block;width:14px;height:14px}
body[data-pg="batch"]:not(.easy) .bt-si svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body[data-pg="batch"]:not(.easy) .bt-c.ok .bt-cs{color:#86bb8f}
body[data-pg="batch"]:not(.easy) .bt-c.err .bt-cs{color:#e07d7d}
body[data-pg="batch"]:not(.easy) .bt-cf{flex-direction:row;justify-content:space-between;align-items:center;margin-top:5px;font-size:9px;line-height:13px;color:#b6aea3}
body[data-pg="batch"]:not(.easy) .bt-rs{color:#d6cfc3}
body[data-pg="batch"]:not(.easy) .bt-rs svg{display:none}
body[data-pg="batch"]:not(.easy) .bt-cv{display:block;position:absolute;right:7px;top:25px;width:12px;height:12px;color:#d6cfc3}
body[data-pg="batch"]:not(.easy) .bt-cv svg{display:block;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body[data-pg="batch"]:not(.easy) .bt-c[open]{height:auto;padding-bottom:8px}
body[data-pg="batch"]:not(.easy) .bt-c[open] .bt-cv svg{transform:rotate(90deg)}
body[data-pg="batch"]:not(.easy) .bt-c .dul{margin:6px 0 0;padding-left:14px;font-size:10px;line-height:15px;color:#c8c0b4}
body[data-pg="batch"]:not(.easy) .bt-more{height:33px;border-radius:6px;font-size:10.5px}
body[data-pg="batch"]:not(.easy) .bt-more svg{width:13px;height:13px}

/* 아래 인용 띠 — 장식 */
body[data-pg="batch"]:not(.easy) .bt-q{display:flex;align-items:center;box-sizing:border-box;height:56.7px;margin:0 0 14px;padding:0 0 0 92px;border:1px solid rgba(255,248,232,.1);border-radius:7px;background:linear-gradient(90deg,rgba(22,20,16,0) 0,rgba(22,20,16,.2) 50px,#161410 82px),url(../img/still-candle-stack.webp) left -60px center/170px auto no-repeat,#161410}
body[data-pg="batch"]:not(.easy) .bt-q p{display:flex;flex-direction:column;width:133px;margin:0 0 0 7px;font:400 9.7px/14.5px 'Nanum Myeongjo',var(--serif);color:#cbc3b6;letter-spacing:-.02em}
body[data-pg="batch"]:not(.easy) .bt-q p span:last-child{align-self:flex-end;white-space:nowrap;letter-spacing:-.06em}
body[data-pg="batch"]:not(.easy) .bt-q p em{font-style:normal;font-size:13px;line-height:0;color:#cfae78}
body[data-pg="batch"]:not(.easy) .bt-q p span:first-child em{margin:0 2px 0 -7px}
body[data-pg="batch"]:not(.easy) .bt-q i{width:1px;height:20.7px;margin:0 0 0 14.7px;background:rgba(255,248,232,.22)}
body[data-pg="batch"]:not(.easy) .bt-q small{flex:1;font-size:7.6px;line-height:11px;color:#a49d92;text-align:center}
/* batch>> */


/* <<blind */
/* ═══ 24 블라인드 테스트 ═══ */
/* 머리 — 로고·종·아바타 없이 금빛 MyDrama + 오른쪽 손글씨 인용 */
body[data-pg="blind"]:not(.easy) .main{background:#110e0b}
body[data-pg="blind"]:not(.easy) .top{height:calc(62px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 15px 0 19px;align-items:flex-start;border-bottom:0;background:transparent}
body[data-pg="blind"]:not(.easy) .brandh{margin-top:14px}
body[data-pg="blind"]:not(.easy) .brandh img{display:none}
body[data-pg="blind"]:not(.easy) .brandh b{font-weight:600;font-size:24.3px;line-height:22px;margin-top:0;letter-spacing:0;color:#d8b77c}
body[data-pg="blind"]:not(.easy) .brandh small{margin-top:4px;font-size:10px;line-height:11px;color:#8f887e}
body[data-pg="blind"]:not(.easy) .top .bell,body[data-pg="blind"]:not(.easy) .top .ava{display:none}
body[data-pg="blind"]:not(.easy) .top::after{content:"좋은 이야기는\A언제나 다시 시작된다.";white-space:pre;position:absolute;right:16.5px;top:17.5px;text-align:right;font:400 9.2px/14px 'Nanum Myeongjo',var(--serif);color:#b6aea3;letter-spacing:-.02em;pointer-events:none}
body[data-pg="blind"]:not(.easy) .body{padding-left:15px;padding-right:15px}

/* 제목 줄 */
body[data-pg="blind"]:not(.easy) .dq-hd{position:relative;display:block;margin:0 0 0 4px;padding:0}
body[data-pg="blind"]:not(.easy) .dq-hd .v3h1{font-family:'Nanum Myeongjo',var(--serif);font-weight:700;font-size:26.3px;line-height:32px;margin:0;padding-top:23px;color:#f3ecdf;letter-spacing:.01em}
body[data-pg="blind"]:not(.easy) .dq-hd .dq-act{position:absolute;right:0;top:24.5px;margin:0}
body[data-pg="blind"]:not(.easy) .dq-hd .dq-act .lnk{box-sizing:border-box;height:32px;padding:0 10px;gap:6px;justify-content:center;border:1px solid rgba(255,248,232,.18);border-radius:6px;background:#171410;font-size:10.5px;font-weight:500;color:#efe8dc}
body[data-pg="blind"]:not(.easy) .dq-hd .dq-act .lnk svg{width:15px;height:15px;stroke-width:1.6}
body[data-pg="blind"]:not(.easy) .dq-hd .v3sub{margin:3px 0 0;font-size:12px;line-height:18px;color:#8f887e}
body[data-pg="blind"]:not(.easy) #bdLeave{width:73px;padding:0}
body[data-pg="blind"]:not(.easy) .dq-hd:has(#bdLeave) .v3sub{font-size:15.8px;line-height:20px}

/* 진행 줄 */
body[data-pg="blind"]:not(.easy) .bl-pg{display:flex;align-items:center;gap:0;margin:18.5px 0 15.5px 4px;height:23px}
body[data-pg="blind"]:not(.easy) .bl-pg b{flex:none;width:47px;font:400 14px/1 'Cormorant Garamond',var(--serif);color:#b6aea3;font-variant-numeric:lining-nums}
body[data-pg="blind"]:not(.easy) .bl-pg b em{font-style:normal;font-size:18.5px;color:#e8e2d8}
body[data-pg="blind"]:not(.easy) .bl-pg .bar{flex:1;height:5px;margin:0 16px 0 0;border-radius:99px;background:#2e2a26}
body[data-pg="blind"]:not(.easy) .bl-pg .bar>i{background:linear-gradient(90deg,#d8b170,#eecc91)}
body[data-pg="blind"]:not(.easy) .bl-pg>.hp{flex:none;width:23px;height:23px;margin:0 2px 0 0;font-size:11px;font-weight:400;border-radius:4px;background:#1a1612;border-color:rgba(255,248,232,.3);color:#e0d9cd}

/* 카드 A·B — 높이 고정, 본문은 카드 안에서 밀어 읽기 */
body[data-pg="blind"]:not(.easy) .bdq{display:flex;flex-direction:column;gap:10.5px;margin:0 0 18px}
body[data-pg="blind"]:not(.easy) .bl-c.bdc{position:relative;box-sizing:border-box;height:193.5px;margin:0;padding:16px 14px 0 18.5px;border:1px solid rgba(255,248,232,.13);border-radius:7px;overflow:hidden;background:#1a1612}
body[data-pg="blind"]:not(.easy) .bl-a.bdc{background:linear-gradient(90deg,#1a1612 58%,rgba(26,22,18,.4) 72%,rgba(26,22,18,0) 82%),linear-gradient(180deg,#1a1612 30%,rgba(26,22,18,0) 52%),linear-gradient(rgba(26,22,18,.22),rgba(26,22,18,.22)),url(../img/still-open-book.webp) -58px 2px/520px auto no-repeat,#1a1612}
body[data-pg="blind"]:not(.easy) .bl-b.bdc{height:194.5px;background:linear-gradient(90deg,#1a1612 50%,rgba(26,22,18,.4) 66%,rgba(26,22,18,0) 80%),linear-gradient(180deg,#1a1612 0,rgba(26,22,18,.3) 20%,rgba(26,22,18,0) 40%),linear-gradient(rgba(26,22,18,.15),rgba(26,22,18,.15)),url(../img/still-fountain-pen.webp) -75px -57px/560px auto no-repeat,#1a1612}
body[data-pg="blind"]:not(.easy) .bl-c .bdl{position:relative;align-items:center;gap:0;height:30px;margin:0 0 20px}
body[data-pg="blind"]:not(.easy) .bl-c .bl-l{display:inline-block;margin-left:-1.5px;font:600 47px/30px 'Cormorant Garamond',var(--serif);color:#e2bd7e;transform:scaleX(.82);transform-origin:0 50%}
body[data-pg="blind"]:not(.easy) .bl-c .bdl::before{content:"";position:absolute;left:41.8px;top:1.9px;width:1px;height:27px;background:rgba(255,248,232,.25)}
body[data-pg="blind"]:not(.easy) .bl-hp{display:block;position:absolute;right:0;top:-2.5px}
body[data-pg="blind"]:not(.easy) .bl-b .bl-hp{top:-2.5px}
body[data-pg="blind"]:not(.easy) .bl-b .bl-l{position:relative;top:4.2px;font-size:45px;transform:none}
body[data-pg="blind"]:not(.easy) .bl-b .bdl::before{top:4.9px}
body[data-pg="blind"]:not(.easy) .bl-hp .hp{width:22px;height:22px;margin:0;font-size:10.5px;font-weight:400;border-radius:4px;background:#1a1612;border-color:rgba(255,248,232,.3);color:#e0d9cd}
body[data-pg="blind"]:not(.easy) .bl-c .bdtx{position:relative;max-height:none;height:118px;overflow-y:auto;margin-right:40px;padding-right:0;font:400 10.5px/17.3px 'Nanum Myeongjo',var(--serif);color:#b8b0a5;letter-spacing:-.01em}

/* 고르기 버튼 */
body[data-pg="blind"]:not(.easy) .bdbt{gap:8px;margin:0 0 20px 1px}
body[data-pg="blind"]:not(.easy) .bdbt .btn.gold{height:53.5px;min-height:0;padding:5px 0 0;border-radius:7px;font:800 18.5px/1 'Nanum Myeongjo',var(--serif);color:#1a1510;letter-spacing:-.03em;background:linear-gradient(180deg,#ecca8c,#d4ab6a)}
body[data-pg="blind"]:not(.easy) .dq-hd:not(:has(#bdLeave)){margin-bottom:16px}
/* blind>> */


/* <<export */
/* ═══ 25 내보내기 ═══ */
/* 머리 — 로고·종·아바타 없이 MyDrama + 가운데 인용, 램프·책 정물이 머리+제목 줄 오른쪽 위 */
body[data-pg="export"]:not(.easy) .main{background:linear-gradient(90deg,#0d0b09 0,#0d0b09 45%,rgba(13,11,9,0) 68%) 0 0/100% 116px no-repeat,linear-gradient(0deg,#0d0b09 0,rgba(13,11,9,0) 30px) 0 0/100% 116px no-repeat,url(../img/still-lamp-books.webp) 100px -35px/320px auto no-repeat,#0d0b09}
body[data-pg="export"]:not(.easy) .top{height:calc(54px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 16px 0 22px;align-items:flex-start;border-bottom:0;background:transparent}
body[data-pg="export"]:not(.easy) .brandh{margin-top:14px}
body[data-pg="export"]:not(.easy) .brandh img{display:none}
body[data-pg="export"]:not(.easy) .brandh b{font-weight:600;font-size:16px;line-height:16px;margin-top:0;letter-spacing:0;color:#d8b77c}
body[data-pg="export"]:not(.easy) .brandh small{margin-top:4px;font-size:7.5px;line-height:9px;color:#a39c91}
body[data-pg="export"]:not(.easy) .top .bell,body[data-pg="export"]:not(.easy) .top .ava{display:none}
body[data-pg="export"]:not(.easy) .top::after{content:"\201C좋아하는 이야기로,\A새로운 이야기를.\201D";white-space:pre;position:absolute;left:186px;top:33px;text-indent:-2.6px;font:400 6.6px/9.6px 'Nanum Myeongjo',var(--serif);color:#cfc7ba;letter-spacing:-.02em;pointer-events:none}
body[data-pg="export"]:not(.easy) .body{padding-left:17px;padding-right:16.5px}

/* 제목 줄 */
body[data-pg="export"]:not(.easy) .ex-hd{display:block;margin:0 0 6px 5px;padding:0}
body[data-pg="export"]:not(.easy) .ex-hd::before{display:none}
body[data-pg="export"]:not(.easy) .ex-hd .acts{display:none}
body[data-pg="export"]:not(.easy) .ex-hd .v3h1{font-family:'Nanum Myeongjo',var(--serif);font-weight:700;font-size:25.1px;line-height:30px;margin:0;padding-top:5px;color:#f3ecdf;letter-spacing:.01em}
body[data-pg="export"]:not(.easy) .ex-hd .v3sub{margin:5px 0 0;font-size:11px;line-height:15px;color:#a39c91}
body[data-pg="export"]:not(.easy) .ex-hd .v3sub b{font-weight:400;color:inherit}

/* 폼 카드 */
body[data-pg="export"]:not(.easy) .exform{box-sizing:border-box;gap:0;margin:0 0 11px;padding:10px 10.5px 9.5px;border:1px solid rgba(255,248,232,.12);border-radius:7px;background:#16130f}
body[data-pg="export"]:not(.easy) .exform .f .lab{display:flex;align-items:center;gap:9.5px;margin:0 0 1.5px;font-size:10px;font-weight:600;line-height:12px;color:#e8e2d8}
body[data-pg="export"]:not(.easy) .exform .hp{width:12px;height:12px;margin:0;font-size:8px;font-weight:400;border-radius:2.5px;background:transparent;border-color:rgba(255,248,232,.4);color:#e0d9cd}
body[data-pg="export"]:not(.easy) .exform .hp::after{content:"";position:absolute;inset:-8px}
body[data-pg="export"]:not(.easy) .ex-seg{box-sizing:border-box;height:25.5px;gap:0;padding:0;border:1px solid rgba(255,248,232,.14);border-radius:5px;background:#1d1a16}
body[data-pg="export"]:not(.easy) .ex-seg .chip{height:auto;border-radius:4px;font-size:9.5px;font-weight:400;color:#c8c0b4}
body[data-pg="export"]:not(.easy) .ex-seg .chip+.chip{border-left:1px solid rgba(255,248,232,.12);border-radius:0}
body[data-pg="export"]:not(.easy) .ex-seg .chip.on{border-radius:4px;color:#1a1510;background:linear-gradient(180deg,#ecca8c,#d4ab6a);font-weight:600}
body[data-pg="export"]:not(.easy) .ex-seg .chip.on+.chip{border-left:0}
body[data-pg="export"]:not(.easy) .exform .exrow{gap:11px;margin-top:10px}
body[data-pg="export"]:not(.easy) .exform .exrow .f .lab{margin-bottom:0}
body[data-pg="export"]:not(.easy) .exform .exrow .f+.f .lab{padding-left:2.5px}
body[data-pg="export"]:not(.easy) .exform .inp{box-sizing:border-box;height:27.5px;padding:0 8px;font-size:9.5px;border-radius:5px;border:1px solid rgba(255,248,232,.18);background:#1a1713}
body[data-pg="export"]:not(.easy) .ex-tgl{min-height:0;height:19px;margin:13px 0 11.5px;gap:8px;font-size:10.5px;font-weight:600;color:#e8e2d8}
body[data-pg="export"]:not(.easy) .ex-tgl .tk{width:33.5px;height:19px}
body[data-pg="export"]:not(.easy) .ex-tgl .tk::after{top:2.5px;left:2.5px;width:14px;height:14px}
body[data-pg="export"]:not(.easy) .ex-tgl input:checked+.tk::after{transform:translateX(14.5px)}
body[data-pg="export"]:not(.easy) .exform .ex-go{height:30px;min-height:0;font:700 11.5px/1 var(--sans);border-radius:5px;color:#1a1510;background:linear-gradient(180deg,#ecca8c,#d4ab6a)}
body[data-pg="export"]:not(.easy) .exform .ex-go:hover:not(:disabled){background:linear-gradient(180deg,#ecca8c,#d4ab6a)}

/* 내보낸 파일 */
body[data-pg="export"]:not(.easy) .ex-hd~.v3sec{margin:0 0 4px;padding:10px 0 0 6px;border-top:1px solid rgba(255,248,232,.1)}
body[data-pg="export"]:not(.easy) .ex-hd~.v3sec h2{font:700 17.5px/22px 'Nanum Myeongjo',var(--serif);color:#f3ecdf}
body[data-pg="export"]:not(.easy) .ex-hd~.v3sec h2 .hp{display:none}
body[data-pg="export"]:not(.easy) .ex-ord{margin-right:10px;font-size:8.5px;color:#c8c0b4}
body[data-pg="export"]:not(.easy) .exfs{gap:4px}
body[data-pg="export"]:not(.easy) .exf{box-sizing:border-box;height:30px;gap:0;padding:0 5.5px;border:1px solid rgba(255,248,232,.1);border-radius:5px;background:#16130f}
body[data-pg="export"]:not(.easy) .exf-i{width:21px;height:21px;border-radius:4px;border-color:rgba(255,248,232,.06);background:#24201a}
body[data-pg="export"]:not(.easy) .exf-i svg{width:11px;height:11px}
body[data-pg="export"]:not(.easy) .exf-m{display:flex;align-items:center;margin-left:9px}
body[data-pg="export"]:not(.easy) .exf-d{width:76.5px;font-size:7.8px;font-weight:400;line-height:10px;color:#b6aea3}
body[data-pg="export"]:not(.easy) .exf-s{flex-wrap:nowrap;gap:0;margin:0;font-size:7.8px;line-height:10px;color:#c8c0b4}
body[data-pg="export"]:not(.easy) .exf-s .kd{height:15px;width:30px;padding:0;justify-content:center;font-size:7px;font-weight:500;border-radius:99px;margin-right:12.5px;border-color:transparent;background:#2a251e;color:#d8b77c}
body[data-pg="export"]:not(.easy) .exf-s b{font-weight:400;color:inherit}
body[data-pg="export"]:not(.easy) .exf-z{margin-left:13px;color:#8f887e}
body[data-pg="export"]:not(.easy) .exf .exf-dl{width:56px;height:20px;padding:0;gap:4px;justify-content:center;font-size:7.5px;font-weight:400;border-radius:4px;border:1px solid rgba(255,248,232,.2);background:transparent}
body[data-pg="export"]:not(.easy) .exf .exf-dl svg{width:10px;height:10px}
body[data-pg="export"]:not(.easy) .exf .exf-dl span{font-weight:400;color:#d6cfc3}

/* 아래 장식 인용 */
body[data-pg="export"]:not(.easy) #exList .empty{margin:0;padding:16px 12px 15px;gap:4px;border-radius:5px}
body[data-pg="export"]:not(.easy) #exList .empty svg{width:20px;height:20px;margin-bottom:2px}
body[data-pg="export"]:not(.easy) #exList .empty b{font-size:11px;line-height:15px}
body[data-pg="export"]:not(.easy) #exList .empty p{margin:0;font-size:9px;line-height:13px}
body[data-pg="export"]:not(.easy) .ex-q{display:flex;align-items:center;margin:13px 0 16px;padding:0}
body[data-pg="export"]:not(.easy) .ex-q p{margin:0;font:italic 400 8.6px/13px 'Nanum Myeongjo',var(--serif);color:#a39c91}
body[data-pg="export"]:not(.easy) .ex-q p span{padding-left:5px}
body[data-pg="export"]:not(.easy) .ex-q i{flex:none;width:21px;height:1px;margin:0 6px 0 auto;background:rgba(255,248,232,.25)}
body[data-pg="export"]:not(.easy) .ex-q small{font:400 5.5px/1 'Cormorant Garamond',var(--serif);letter-spacing:.175em;color:#8f887e}
/* export>> */


/* <<new */
/* ═══ 26 새 소설 ═══ */
/* 머리 — 크림색 큰 MyDrama + 두 줄 부제 + 오른쪽 인용, 램프·책 정물이 머리 오른쪽 위 */
body[data-pg="new"]:not(.easy) .main{background:linear-gradient(90deg,#0d0b09 0,#0d0b09 30%,rgba(13,11,9,0) 52%) 0 0/100% 100px no-repeat,linear-gradient(0deg,#0d0b09 0,rgba(13,11,9,0) 26px) 0 0/100% 100px no-repeat,url(../img/still-lamp-books.webp) 105px -30px/270px auto no-repeat,#0d0b09}
body[data-pg="new"]:not(.easy) .top{height:calc(90px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 16px 0 35px;align-items:flex-start;border-bottom:0;background:transparent}
body[data-pg="new"]:not(.easy) .brandh{margin-top:14px}
body[data-pg="new"]:not(.easy) .brandh img{display:none}
body[data-pg="new"]:not(.easy) .brandh b{font-weight:500;font-size:27.5px;line-height:28px;margin-top:0;letter-spacing:0;color:#efe6d6}
body[data-pg="new"]:not(.easy) .brandh small{max-width:110px;margin-top:3px;white-space:normal;font:400 8.3px/12px 'Nanum Myeongjo',var(--serif);color:#d6cfc3;letter-spacing:-.02em}
body[data-pg="new"]:not(.easy) .top .bell,body[data-pg="new"]:not(.easy) .top .ava{display:none}
body[data-pg="new"]:not(.easy) .top::after{content:"좋은 이야기는\A언제나, 다시 쓰일 수 있으니까.";white-space:pre;position:absolute;left:243px;top:12px;font:400 6.1px/9.4px 'Nanum Myeongjo',var(--serif);color:#d8d0c3;letter-spacing:-.02em;pointer-events:none}
body[data-pg="new"]:not(.easy) .top::before{content:"";position:absolute;left:243px;top:36.5px;width:9px;height:1px;background:#bfb7aa}
body[data-pg="new"]:not(.easy) .body{padding:5px 20px 0}

/* 외전 | 새 소설 두 칸 */
body[data-pg="new"]:not(.easy) .nw-seg{box-sizing:border-box;height:31px;gap:0;padding:2px;margin:0 0 6px;border:1px solid rgba(255,248,232,.14);border-radius:6px;background:rgba(22,20,16,.85)}
body[data-pg="new"]:not(.easy) .nw-seg a{height:25px;border-radius:5px;font-size:10.5px;font-weight:400;color:#d6cfc3}
body[data-pg="new"]:not(.easy) .nw-seg a.on{font-weight:600;color:#1a1510;background:linear-gradient(180deg,#ecca8c,#d4ab6a)}

/* 큰 카드 */
body[data-pg="new"]:not(.easy) .nw-card{gap:0;padding:13px 10.5px 10.5px 10.3px;border:1px solid rgba(255,248,232,.12);border-radius:7px;background:#16130f}
body[data-pg="new"]:not(.easy) .nw-l{height:14px;gap:8.8px;margin:0 0 5px 3px;font-size:10.8px;font-weight:600;line-height:12px;color:#e8e2d8}
body[data-pg="new"]:not(.easy) .nw .hp{width:13.8px;height:13.8px;margin:0;font-size:8.5px;font-weight:400;border-radius:2.5px;background:rgba(255,248,232,.07);border-color:rgba(255,248,232,.2);color:#d9d2c6}
body[data-pg="new"]:not(.easy) .nw .hp::after{content:"";position:absolute;inset:-8px}
body[data-pg="new"]:not(.easy) .nw-card>.nw-f:first-child .nw-l::after{content:"";margin-left:auto;margin-right:2.3px;width:5px;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 8'%3E%3Cpath d='M.8.8 4 4 .8 7.2' fill='none' stroke='%23d6cfc3' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
body[data-pg="new"]:not(.easy) .nw-card>.nw-f+.nw-f{margin-top:12.9px}
body[data-pg="new"]:not(.easy) .nw-au{box-sizing:border-box;height:51.3px;gap:9.7px;padding:0 0 0 6.3px;border:1px solid rgba(255,248,232,.1);border-radius:5px;background:rgba(255,248,232,.025)}
body[data-pg="new"]:not(.easy) .nw-av{width:41px;height:41px;font:700 16px 'Nanum Myeongjo',var(--serif)}
body[data-pg="new"]:not(.easy) .nw-an{align-self:stretch;justify-content:flex-start;gap:4px;padding-top:10.2px}
body[data-pg="new"]:not(.easy) #nBadge{display:flex}
body[data-pg="new"]:not(.easy) .nw-an select.inp{height:14px;padding:0;background:none;font:600 11px/14px var(--sans);color:#efe8dc}
body[data-pg="new"]:not(.easy) .nw-an .kd{box-sizing:border-box;height:15px;padding:0 6.5px;font-size:8px;border-radius:99px}
body[data-pg="new"]:not(.easy) .nw-ta .inp{box-sizing:border-box;height:68.3px;min-height:0;padding:8px 11px 0;resize:none;font-size:10px;line-height:15px;border-radius:5px;background:rgba(255,248,232,.025);border-color:rgba(255,248,232,.12)}
body[data-pg="new"]:not(.easy) .nw-ta .inp::placeholder{color:#8f887e}
body[data-pg="new"]:not(.easy) .nw-cnt{right:8px;bottom:7px;font-size:8px;line-height:10px;color:#8f887e}
body[data-pg="new"]:not(.easy) .nw-card>.nw-f:nth-of-type(3){margin-top:15.3px}
body[data-pg="new"]:not(.easy) .nw-card>.nw-f:nth-of-type(3) .nw-l{margin-bottom:6.3px}
body[data-pg="new"]:not(.easy) .nw-ep{gap:4.2px;margin:0 1px 0 3px}
body[data-pg="new"]:not(.easy) .nw-ep .chip{height:25px;font-size:9px;font-weight:400;border-radius:11px;color:#d6cfc3;border:1px solid rgba(255,248,232,.14);background:rgba(255,248,232,.03)}
body[data-pg="new"]:not(.easy) .nw-ep .chip.on{font-weight:600;color:#1a1510;background:linear-gradient(180deg,#ecca8c,#d4ab6a)}

/* 자세히 정하기 */
body[data-pg="new"]:not(.easy) .nw-more{margin:10px 2.3px 0 2px;padding-top:0;border-top:1px solid rgba(255,248,232,.1)}
body[data-pg="new"]:not(.easy) .nw-more>summary{min-height:0;height:14px;gap:8.8px;margin-top:12.5px;padding-left:1px;font-size:10.8px;font-weight:600;color:#e8e2d8}
body[data-pg="new"]:not(.easy) .nw-more>summary .v3chev{width:15px;height:15px;margin-right:-2.4px;stroke:#d6cfc3;stroke-width:1.7}
body[data-pg="new"]:not(.easy) .nw-more[open]>summary .v3chev{transform:none}
body[data-pg="new"]:not(.easy) .nw-box{gap:0;margin:5.7px -2.3px 0 -2px;padding:7.3px 8.5px 7.6px 10.9px;border:1px solid rgba(255,248,232,.1);border-radius:6px;background:rgba(0,0,0,.18)}
body[data-pg="new"]:not(.easy) .nw-box .hp{display:none}
body[data-pg="new"]:not(.easy) .nw-box .nw-l,body[data-pg="new"]:not(.easy) .nw-gr .nw-l{flex:none;width:27.8px;height:auto;min-height:0;margin:0;font-size:9px;font-weight:400;line-height:12px;color:#c8c0b4}
body[data-pg="new"]:not(.easy) .nw-gr{align-items:center;gap:0;padding-bottom:8px;border-bottom:1px solid rgba(255,248,232,.1)}
body[data-pg="new"]:not(.easy) .nw-gc{flex-wrap:nowrap;gap:4px;overflow-x:auto;scrollbar-width:none}
body[data-pg="new"]:not(.easy) .nw-gc::-webkit-scrollbar{display:none}
body[data-pg="new"]:not(.easy) .nw .nw-gc .chip{flex:none;height:21.7px;min-height:0;padding:0 18px;font-size:9px;font-weight:400;border-radius:99px;color:#d6cfc3;border:1px solid rgba(255,248,232,.14);background:rgba(255,248,232,.03)}
body[data-pg="new"]:not(.easy) .nw .nw-gc .chip.on{font-weight:600;color:#1a1510;background:linear-gradient(180deg,#ecca8c,#d4ab6a)}
body[data-pg="new"]:not(.easy) .nw-pt{grid-template-columns:132.5px minmax(0,1fr);gap:17.3px;margin-top:8.7px}
body[data-pg="new"]:not(.easy) .nw-box .nw-f{display:flex;align-items:center}
body[data-pg="new"]:not(.easy) .nw-pt .nw-f+.nw-f .nw-l{width:33.3px}
body[data-pg="new"]:not(.easy) .nw-box .inp{box-sizing:border-box;height:23px;padding:0 18px 0 8.3px;font-size:8.5px;border-radius:4px;color:#d6cfc3;border-color:rgba(255,248,232,.16);background-color:rgba(255,248,232,.02)}
body[data-pg="new"]:not(.easy) .nw-box select.inp{background:rgba(255,248,232,.02) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath d='M.8.8 4 4 7.2.8' fill='none' stroke='%23d6cfc3' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 6.7px center/7.4px 4.4px no-repeat}
body[data-pg="new"]:not(.easy) .nw-box .nw-ttl{order:3;margin-top:8px}
body[data-pg="new"]:not(.easy) .nw-box .inp::placeholder{color:#8f887e}

/* 아웃라인 만들기 */
body[data-pg="new"]:not(.easy) .nw .nw-go{height:34px;min-height:0;margin-top:7px;gap:7.2px;font:700 11px/1 var(--sans);border-radius:7px;color:#1a1510;background:linear-gradient(180deg,#ecca8c,#d4ab6a)}
body[data-pg="new"]:not(.easy) .nw .nw-go:hover:not(:disabled){background:linear-gradient(180deg,#ecca8c,#d4ab6a)}
body[data-pg="new"]:not(.easy) .nw-go svg{width:15px;height:15px;stroke-width:2.1}
body[data-pg="new"]:not(.easy) .nw .err-line{margin-top:7px;font-size:10px}
/* new>> */

}