/* px-mvp — 시안 픽셀 재이식 묶음 전용(다른 묶음 파일 건드리지 않음)
   01 홈 · 02 서재 · 03 작품 해부 · 04 만들기 · 05 집필 · 06 메뉴 서랍. 주석의 x·y 는 시안(360 폭) 좌표.
   장식(손글씨 인용 등)은 마크업에 hidden 으로 넣고 여기서만 드러낸다 → PC·쉬운보기에는 안 보인다. */

/* 이 묶음이 hidden 으로 넣은 장식·요약은 전역 [hidden] 규칙 없이도 PC·쉬운보기에서 숨는다(pages.css 의 display 지정이 hidden 을 이기던 것 차단).
   :where 로 우선순위를 (0,1,0)까지 낮췄다 → 아래 폰 1안 드러내기 규칙(!important · 더 구체적)이 이긴다. 다른 묶음 요소는 목록에 없다 */
:where(.hm2-q,.lb-sub,.lb-flt,.lb-none,.lb-more,.lb-pop,.lb-sty,.au-bk1 .cc,.au-bk1 .ds,.lb-ahd .pre,.ds-pt,.ds-tg,.ds-more,.ds-sky,.ds-rv,.ds-hq,
  .sp-bk,.sp-ct,.sp-hq,.sp-ink,.sp-m,.sp-q,.sp-seg,.sp-steps,.err-line,.ch-pt,.ch-sel,.ch-more,.ch-kpi,.ch-t,.ch-orn,.ch-rw,#sbHd)[hidden]{display:none!important}

/* 폰 1안 전용 아이콘(home 통계·꺾쇠·상태·배지) — 크기 규칙이 폰 미디어 안에만 있어 PC·쉬운보기에선 칸을 꽉 채운다.
   변경 전처럼 PC·쉬운보기에선 그리지 않는다.
   home 마크업의 .px(폰 1안 전용: 소개 한 줄·«전체 보기»·해부 중 배지·작품 1개일 때 목록)도 같이 숨기고, .pc(변경 전 글)는 폰 1안에서만 숨긴다 */
@media(min-width:769px){
  body[data-pg="home"] .hm2 svg.si,body[data-pg="home"] .hm2 .sec svg.ch,body[data-pg="home"] .hm2 .st>svg.i,body[data-pg="home"] .hm2-bk .bdg>svg.i,body[data-pg="home"] .hm2 .px{display:none}
  body[data-pg="home"] .hm2-stats>div{display:flex;flex-direction:column}
  body[data-pg="home"] .hm2-stats>div>b{order:-1}
}
body.easy[data-pg="home"] .hm2 svg.si,body.easy[data-pg="home"] .hm2 .sec svg.ch,body.easy[data-pg="home"] .hm2 .st>svg.i,body.easy[data-pg="home"] .hm2-bk .bdg>svg.i,body.easy[data-pg="home"] .hm2 .px{display:none}
@media(max-width:768px){ body[data-pg="home"]:not(.easy) .hm2 .pc,body[data-pg="home"]:not(.easy) .hm2-gear .gpc{display:none} }
@media(min-width:769px){ body[data-pg="home"] .hm2-gear .cog{display:none} }
body.easy[data-pg="home"] .hm2-gear .cog{display:none}
@media(max-width:768px){

  /* ══ 01 홈 ══ 머리 y0~50 · 카드 x15~345 y55~187 · 숫자 칸 y193~236 · 내 작품 y250~ · 서재에서 y431~ */
  body[data-pg="home"]:not(.easy) .top{height:calc(50px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 14px 0 20px;gap:0;border-bottom:0;align-items:flex-start}
  body[data-pg="home"]:not(.easy) #topTitle{margin-top:11px;font-family:'Nanum Myeongjo',var(--serif);font-weight:700;font-size:15.5px;line-height:20px;letter-spacing:.01em;color:var(--px-ink)}
  /* 앱 이름은 에셋 워드마크(발주 #12 wordmark-ko — 크림 글자 + 금 깃털). 재민 10-15 «헤더 앱이름에 에셋 로고가 없네».
     글자는 화면 읽기용으로 남기고 투명 처리. 시안 01 잉크 x20.2~94.1 · y13.1~28.5 에 크림 글자부(688×161 중)를 폭 기준으로 맞춤 */
  body[data-pg="home"]:not(.easy) #topTitle{position:relative;overflow:visible;-webkit-text-fill-color:transparent}
  body[data-pg="home"]:not(.easy) #topTitle::before{content:"";position:absolute;left:.2px;top:0;width:77.3px;height:18.5px;background:url(../img/wordmark-ko.webp) 0 0/100% 100% no-repeat}
  body[data-pg="home"]:not(.easy) .brandh{display:block;position:absolute;left:20px;top:calc(29px + env(safe-area-inset-top,0px));pointer-events:none;text-decoration:none}
  body[data-pg="home"]:not(.easy) .brandh img,body[data-pg="home"]:not(.easy) .brandh b{display:none}
  body[data-pg="home"]:not(.easy) .brandh small{display:block;font-size:9px;line-height:12px;color:#7a7365;letter-spacing:-.01em;white-space:nowrap}
  body[data-pg="home"]:not(.easy) .top .acts{position:relative;align-self:stretch;align-items:flex-start;max-width:none;overflow:visible;gap:0}
  body[data-pg="home"]:not(.easy) .hm2-q[hidden]{display:block!important;position:absolute;right:15px;top:25px;width:80px;font-family:'Nanum Myeongjo',var(--serif);font-size:7px;line-height:11px;text-align:center;color:var(--px-sub);white-space:nowrap}
  body[data-pg="home"]:not(.easy) .hm2-q::after{content:"";position:absolute;right:-10px;bottom:4px;width:13px;height:1px;background:var(--px-sub);opacity:.7}
  body[data-pg="home"]:not(.easy) .top .acts .hm2-gear{position:relative;width:22px;height:22px;margin-top:9px;padding:0;border:0;border-radius:0;background:none;color:var(--px-sub)}
  body[data-pg="home"]:not(.easy) .hm2-gear .cog{width:22px;height:22px;stroke-width:1.1}
  body[data-pg="home"]:not(.easy) .hm2-gear::after{content:"";position:absolute;inset:-9px -8px}

  body[data-pg="home"]:not(.easy) .hm2{padding-top:5px}
  /* 이어서 쓰기 카드 — 표지 x25 y83 w70 · 제목 x112 y100 15px · 소개 y119 · 알약 y136 h15 · 막대 x112~242 y161 · 버튼 x258~337 y152 h25 */
  body[data-pg="home"]:not(.easy) .hm2-hero{display:block;height:133px;margin:0 -1px;padding:0;border-radius:7px;border:1px solid rgba(255,248,232,.09);
    background:linear-gradient(90deg,#16130f 34%,rgba(22,19,15,.55) 58%,rgba(22,19,15,.12) 85%),linear-gradient(0deg,#16130f 2%,transparent 45%),url(../img/still-inkwell-quill.webp) right -30px top -16px/200px auto no-repeat,#16130f}
  body[data-pg="home"]:not(.easy) .hm2-hero::before{display:none}
  body[data-pg="home"]:not(.easy) .hm2-hero>.cv.lg{position:absolute;left:8px;top:27px;width:71px}
  body[data-pg="home"]:not(.easy) .hm2-hero .tx{position:absolute;left:97px;top:42px;right:8px;display:block}
  body[data-pg="home"]:not(.easy) .hm2-hero .eb{position:absolute;left:-90px;top:-34px;font-family:'Nanum Myeongjo',var(--serif);font-weight:700;font-size:11px;line-height:14px;letter-spacing:0;color:var(--px-ink)}
  body[data-pg="home"]:not(.easy) .hm2-hero .tx>b{display:block;font-family:'Nanum Myeongjo',var(--serif);font-weight:800;font-size:15px;line-height:18px;letter-spacing:0;color:var(--px-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset}
  body[data-pg="home"]:not(.easy) .hm2-hero p.lg{margin:1px 0 0;font-size:10.5px;line-height:14px;color:var(--px-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-pg="home"]:not(.easy) .hm2-hero .tx>.st{margin-top:5px}
  body[data-pg="home"]:not(.easy) .hm2-hero .pg{position:absolute;left:0;top:64px;width:min(130px,calc(100% - 95px));display:block;margin:0}
  body[data-pg="home"]:not(.easy) .hm2-hero .pg .bar{height:5px;border-radius:3px;background:rgba(255,248,232,.1)}
  body[data-pg="home"]:not(.easy) .hm2-hero .pg .bar>i{background:linear-gradient(90deg,#e9c47e,#d9ab5e)}
  body[data-pg="home"]:not(.easy) .hm2-hero .pg span{position:absolute;right:0;top:7px;font-size:9.5px;line-height:12px;font-weight:400;color:var(--px-sub)}
  body[data-pg="home"]:not(.easy) .hm2-hero>.btn.gold{position:absolute;right:7px;top:96px;width:79px;height:25px;padding:0;border-radius:5px;border:0;font-size:11.5px;font-weight:700;letter-spacing:-.01em;
    background:linear-gradient(180deg,#ecca86,#d3a65e);color:#1f1608;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
  body[data-pg="home"]:not(.easy) .hm2-hero>.btn.gold::after{content:"→";margin-left:4px;font-weight:600}
  body[data-pg="home"]:not(.easy) .hm2-hero>.btn.gold{gap:0;font-weight:600}
  body[data-pg="home"]:not(.easy) .hm2-hero>.btn.gold::before{content:"";position:absolute;inset:-8px -4px}

  /* 상태 알약(카드·목록 공통) — h15~17 · r3 · 아이콘 10px */
  body[data-pg="home"]:not(.easy) .hm2 .st{gap:4px;height:15px;padding:0 6px 0 5px;border-radius:3px;font-size:10px;font-weight:500;line-height:1;color:#e3be78;background:rgba(232,195,122,.06);border:1px solid rgba(232,195,122,.4)}
  body[data-pg="home"]:not(.easy) .hm2 .st .i{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  body[data-pg="home"]:not(.easy) .hm2 .st.ok{color:#d9d2c3;background:rgba(255,248,232,.04);border-color:rgba(255,248,232,.28)}
  body[data-pg="home"]:not(.easy) .hm2 .st:not(.ok):not(.warm):not(.dim){color:#8fd3a8;background:rgba(80,180,120,.08);border-color:rgba(120,200,150,.45)}

  /* 숫자 칸 — x15~121 · 127~233 · 239~345 · y193~236 · 아이콘 x26 14px · 라벨 x55 y201 · 값 y216 */
  body[data-pg="home"]:not(.easy) .hm2-stats{gap:6px;margin:4px -1px 0}
  body[data-pg="home"]:not(.easy) .hm2-stats>div{position:relative;height:43px;padding:7px 0 0 39px;border-radius:5px;background:var(--px-card);border:1px solid rgba(255,248,232,.08)}
  body[data-pg="home"]:not(.easy) .hm2-stats .si{position:absolute;left:6px;top:9px;width:22px;height:22px;fill:none;stroke:var(--px-sub);stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
  body[data-pg="home"]:not(.easy) .hm2-stats span{margin:0;height:12px;font-size:8.5px;line-height:12px;font-weight:400;color:var(--px-sub)}
  body[data-pg="home"]:not(.easy) .hm2-stats .hp{width:12px;height:12px;margin-left:5px;font-size:8px;border-radius:2px;vertical-align:0;background:rgba(255,248,232,.07);border-color:transparent;color:var(--px-sub)}
  body[data-pg="home"]:not(.easy) .hm2-stats b{margin-top:1px;font-size:14px;line-height:16px;font-weight:700;color:var(--px-ink)}
  body[data-pg="home"]:not(.easy) .hm2-stats b i{font-size:11px;font-weight:500;color:var(--px-dim)}

  /* 구역 머리 — «내 작품» x15 y250 13px · «전체 보기 >» 10px 오른쪽 x345 */
  body[data-pg="home"]:not(.easy) .hm2 .sec{align-items:center;height:16px;margin:12px 0 3px;font-family:'Nanum Myeongjo',var(--serif);font-weight:800;font-size:12.5px;line-height:16px;color:var(--px-ink)}
  body[data-pg="home"]:not(.easy) .hm2 .sec>span{margin-left:-1px}
  body[data-pg="home"]:not(.easy) .hm2 .sec a{position:relative;display:inline-flex;align-items:center;gap:3px;font-family:'Pretendard Variable','Pretendard',var(--sans);font-size:9px;font-weight:400;color:var(--px-dim);margin-right:-3px}
  body[data-pg="home"]:not(.easy) .hm2 .sec a .ch{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  body[data-pg="home"]:not(.easy) .hm2 .sec a::after{content:"";position:absolute;inset:-12px -4px}

  /* 내 작품 줄 — 줄 h47 간격 4 · 썸네일 y271~311 · 제목 x78 13px · 소개 10px · 알약 x229 h17 · 꺾쇠 x328 */
  body[data-pg="home"]:not(.easy) .hm2-list{gap:4px;margin:0 -1px;border:0;border-radius:0;background:none;overflow:visible}
  body[data-pg="home"]:not(.easy) .hm2-row{position:relative;gap:0;min-height:0;height:47px;padding:0 0 0 7px;border-radius:5px;border:1px solid rgba(255,248,232,.08);background:var(--px-card)}
  body[data-pg="home"]:not(.easy) .hm2-row+.hm2-row{border-top:1px solid rgba(255,248,232,.08)}
  body[data-pg="home"]:not(.easy) .hm2-row>.cv.sm{width:29px;border-radius:2px 3px 3px 2px}
  body[data-pg="home"]:not(.easy) .hm2-row .t{flex:1;min-width:0;gap:3px;margin-left:25px;padding-right:8px}
  body[data-pg="home"]:not(.easy) .hm2-row .t b{font-family:'Nanum Myeongjo',var(--serif);font-weight:700;font-size:13px;line-height:15px;color:var(--px-ink)}
  body[data-pg="home"]:not(.easy) .hm2-row .t i{font-size:10px;line-height:12px;color:var(--px-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-pg="home"]:not(.easy) .hm2-row .st{position:absolute;left:213px;top:13px;height:17px}
  body[data-pg="home"]:not(.easy) .hm2-row .t{max-width:136px}
  body[data-pg="home"]:not(.easy) .hm2-row .chev{position:absolute;right:9px;top:17px;width:11px;height:11px;stroke:var(--px-sub);stroke-width:1.8}

  /* 서재에서 — 표지 4칸 x15/100/185/270 w75 간격 10 · y447 · «해부 완료» 알약 x25 y532 h16 */
  body[data-pg="home"]:not(.easy) .hm2 .hm2-sv .sec{margin-top:14px}
  body[data-pg="home"]:not(.easy) .hm2-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 -1px;padding:0;overflow:visible}
  body[data-pg="home"]:not(.easy) .hm2-bk{width:auto;gap:0}
  body[data-pg="home"]:not(.easy) .hm2-bk:nth-child(n+5){display:none}
  body[data-pg="home"]:not(.easy) .hm2-bk>b,body[data-pg="home"]:not(.easy) .hm2-bk>i{display:none}
  body[data-pg="home"]:not(.easy) .hm2-bk .cv.md{border-radius:3px 5px 5px 3px}
  body[data-pg="home"]:not(.easy) .hm2-bk .cvw .bdg{z-index:4;left:50%;bottom:7px;transform:translateX(-50%);gap:3px;height:16px;padding:0 7px 0 4px;border-radius:8px;font-family:'Pretendard Variable','Pretendard',var(--sans);font-size:8.5px;font-weight:500;line-height:1;
    color:#efe6d4;background:rgba(20,17,13,.72);border:1px solid rgba(255,248,232,.22);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
  body[data-pg="home"]:not(.easy) .hm2-bk .cvw .bdg.dim{padding:0 7px}
  body[data-pg="home"]:not(.easy) .hm2-bk .cvw .bdg .i{width:10px;height:10px;fill:#efe6d4;stroke:#1a140c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  body[data-pg="home"]:not(.easy) .hm2-bk .cvw .bdg .i circle{stroke:none}
  body[data-pg="home"]:not(.easy) .hm2-quick{display:none}
}

/* ══ 02 서재 — 시안 «02-AE 모바일 02 서재» (360 좌표) ══
   머리 막대 없음 · 정물(lamp-books) y0~215 · «+ 올리기» x267~345 y31~58 · «서재» 글자 x17~88 y63~100 · 부제 2줄 y112~145
   칩 y175~203 · «작가 · 이름» y243~260 · 카드 x12~348 h121 간격 6 · 표지 x23 y+11 w71 · 제목 x108 · 알약 h20 r10 */
@media(max-width:768px){
  body[data-pg="library"]:not(.easy) .top{display:none}
  body[data-pg="library"]:not(.easy) .au-fab{display:none}
  body[data-pg="library"]:not(.easy) .lb-hd{position:relative;display:block;height:215px;margin:0 -16px -40px;padding:0;
    background:linear-gradient(90deg,#0e0c0a 28%,rgba(14,12,10,.62) 50%,rgba(14,12,10,.28) 78%),
      linear-gradient(0deg,#0e0c0a 2%,rgba(14,12,10,0) 38%),
      linear-gradient(180deg,#0e0c0a 62px,rgba(14,12,10,0) 112px),
      url(../img/still-lamp-books.webp) left -27px top 62px/456px auto no-repeat}
  body[data-pg="library"]:not(.easy) .lb-hd h1{display:block;position:absolute;left:16px;top:54px;margin:0;font:800 40px/52px 'Nanum Myeongjo',serif;letter-spacing:-.01em;color:#f6efe2}
  body[data-pg="library"]:not(.easy) .lb-sub[hidden]{display:block!important;position:absolute;left:17px;top:109px;margin:0;font:400 12.8px/19px 'Nanum Myeongjo',serif;color:#a69e8f;letter-spacing:-.01em}
  body[data-pg="library"]:not(.easy) .lb-hd .chips{position:absolute;right:15px;top:31px}
  body[data-pg="library"]:not(.easy) .lb-hd .lb-up{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0;width:78px;height:27px;min-height:0;padding:0;
    border-radius:14px;border:1px solid #d9b46c;background:rgba(14,12,10,.35);color:#e8c37a;font:600 11.5px/1 'Pretendard Variable','Pretendard',sans-serif}
  body[data-pg="library"]:not(.easy) .lb-hd .lb-up span{display:none}
  body[data-pg="library"]:not(.easy) .lb-hd .lb-up::before{content:'+';margin-right:5px;font:400 15px/1 'Pretendard Variable','Pretendard',sans-serif;margin-top:-1px}
  body[data-pg="library"]:not(.easy) .lb-hd .lb-up::after{content:'';position:absolute;inset:-7px -2px}
  body[data-pg="library"]:not(.easy) .lb-tip{position:relative;z-index:1;margin:44px 0 0;font-size:12px;padding:10px 12px}
  body[data-pg="library"]:not(.easy) .lb-flt[hidden]{display:flex!important;position:relative;z-index:1;gap:8px;margin:0;height:28px}
  body[data-pg="library"]:not(.easy) .lb-flt button{position:relative;height:28px;padding:0 13px;border-radius:14px;border:1px solid rgba(255,248,232,.1);background:rgba(28,25,21,.82);padding:0 15px;
    color:#c9c0b0;font:500 12px/1 'Pretendard Variable','Pretendard',sans-serif;cursor:pointer}
  body[data-pg="library"]:not(.easy) .lb-flt button.on{background:#e8c37a;border-color:#e8c37a;color:#1d150a;font-weight:700;padding:0 15.5px}
  body[data-pg="library"]:not(.easy) .lb-flt button::after{content:'';position:absolute;inset:-6px -3px}
  body[data-pg="library"]:not(.easy) .lb-au.flt-off,body[data-pg="library"]:not(.easy) .au-grp.flt-off{display:none}

  /* 작가 머리 — «작가 · 비가» 세리프 17 · «문체 보기 >» 12 회색 */
  body[data-pg="library"]:not(.easy) .lb-ahd{display:flex;align-items:center;height:22px;min-height:0;margin:38px 0 9px;padding:0;border:0;background:none;box-shadow:none;border-radius:0;gap:0}
  body[data-pg="library"]:not(.easy) .lb-ahd .au-av,body[data-pg="library"]:not(.easy) .lb-ahd .s,body[data-pg="library"]:not(.easy) .lb-ahd em{display:none}
  body[data-pg="library"]:not(.easy) .lb-ahd>b{margin-left:1px;font:800 17px/22px 'Nanum Myeongjo',serif;color:#f1e9da;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-pg="library"]:not(.easy) .lb-ahd>b .pre[hidden]{display:inline!important;font-style:normal}
  body[data-pg="library"]:not(.easy) .lb-sty[hidden]{display:inline-flex!important;align-items:center;position:relative;margin-left:auto;margin-right:-3px;gap:3px;font:400 12px/1 'Pretendard Variable','Pretendard',sans-serif;color:#8f8676;text-decoration:none;white-space:nowrap}
  body[data-pg="library"]:not(.easy) .lb-sty svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  body[data-pg="library"]:not(.easy) .lb-sty::after{content:'';position:absolute;inset:-12px -6px}

  /* 책 카드 x12~348 h121 · 표지 x23 w71(97:135) · 제목 x108 */
  body[data-pg="library"]:not(.easy) .au-grp{margin:0 -4px 6px}
  body[data-pg="library"]:not(.easy) .au-bk1{position:relative;display:block;flex-wrap:nowrap;height:121px;padding:0;border-radius:8px;border:1px solid rgba(255,248,232,.07);
    background:linear-gradient(180deg,#191612,#141210);cursor:pointer}
  body[data-pg="library"]:not(.easy) .au-bk1::after{display:none}
  body[data-pg="library"]:not(.easy) .au-bk1>.cv{position:absolute;left:10px;top:10px;width:71px;margin:0;border-radius:4px}
  body[data-pg="library"]:not(.easy) .au-bk1 .t{position:absolute;left:95px;top:19px;right:40px}
  body[data-pg="library"]:not(.easy) .au-bk1 .t b{display:block;position:relative;top:2px;font:700 16px/20px 'Nanum Myeongjo',serif;color:#f6efe2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset}
  body[data-pg="library"]:not(.easy) .au-bk1 .t>span:first-of-type{display:none}
  body[data-pg="library"]:not(.easy) .au-bk1 .t .cc[hidden]{display:block!important;margin-top:8px;font:400 11px/16px 'Pretendard Variable','Pretendard',sans-serif;color:#8f8676}
  body[data-pg="library"]:not(.easy) .au-bk1 .t .ds[hidden]{display:inline-flex!important;align-items:center;margin-top:12px;height:20px;padding:0 11px;border-radius:10px;border:1px solid rgba(255,248,232,.22);
    font:500 10px/1 'Pretendard Variable','Pretendard',sans-serif;color:#a69e8f}
  body[data-pg="library"]:not(.easy) .au-bk1 .t .ds.done{border-color:#d9b46c;color:#e8c37a}
  body[data-pg="library"]:not(.easy) .au-bk1 .t .ds.run{display:block;height:auto;margin-top:12px;padding:0;border:0;border-radius:0}
  body[data-pg="library"]:not(.easy) .au-bk1 .t .ds.run em{display:block;font:400 11.5px/14px 'Pretendard Variable','Pretendard',sans-serif;font-style:normal;color:#e8c37a}
  body[data-pg="library"]:not(.easy) .au-bk1 .t .ds.run .bar{display:block;width:104px;height:4px;margin-top:3px;border-radius:2px;background:rgba(255,248,232,.1);overflow:hidden}
  body[data-pg="library"]:not(.easy) .au-bk1 .t .ds.run .bar i{display:block;height:100%;border-radius:2px;background:#e8c37a}
  .au-bk1 .t .lo-bdg{display:inline-flex;align-items:center;align-self:flex-start;width:max-content;margin-top:8px;height:20px;padding:0 8px;border-radius:5px;border:1px solid #c0705a;color:#e89a84;font:600 11px/1 'Pretendard Variable','Pretendard',sans-serif;white-space:nowrap}
  body[data-pg="library"]:not(.easy) .au-bk1 .btn{display:none}
  body[data-pg="library"]:not(.easy) .lb-more[hidden]{display:block!important;position:absolute;right:13px;top:52px;width:8px;height:18px;padding:0;border:0;background:none;color:#cfc7b8;cursor:pointer}
  body[data-pg="library"]:not(.easy) .lb-more svg{display:block;width:4px;height:16px;margin:1px auto;fill:currentColor}
  body[data-pg="library"]:not(.easy) .lb-more::after{content:'';position:absolute;inset:-12px -16px}
  body[data-pg="library"]:not(.easy) .au-bk1.mn{z-index:5}
  body[data-pg="library"]:not(.easy) .au-bk1.mn .lb-pop[hidden]{display:block!important;position:absolute;right:6px;top:78px;width:117px;padding:0;border-radius:8px;border:1px solid rgba(255,248,232,.1);
    background:#1c1915;box-shadow:0 10px 24px rgba(0,0,0,.55);overflow:hidden;cursor:default}
  body[data-pg="library"]:not(.easy) .lb-pop a,body[data-pg="library"]:not(.easy) .lb-pop button{display:flex;align-items:center;width:100%;height:36px;padding:0 14px;border:0;border-top:1px solid rgba(255,248,232,.06);
    background:none;color:#ddd5c6;font:400 12.5px/1 'Pretendard Variable','Pretendard',sans-serif;text-decoration:none;text-align:left;cursor:pointer}
  body[data-pg="library"]:not(.easy) .lb-pop>:first-child{border-top:0}
  body[data-pg="library"]:not(.easy) .lb-pop a,body[data-pg="library"]:not(.easy) .lb-pop button{padding:0 10px 0 19px}
  body[data-pg="library"]:not(.easy) .lb-pop .pi{flex:none;width:15px;height:15px;margin-right:7px;fill:none;stroke:#b9b0a0;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
  body[data-pg="library"]:not(.easy) .lb-none.on[hidden]{display:block!important;margin:40px 0;text-align:center;font-size:12.5px;color:#8f8676}
  body[data-pg="library"]:not(.easy) .lb-pop a:active,body[data-pg="library"]:not(.easy) .lb-pop button:active{background:rgba(232,195,122,.1)}

  /* 파생작 줄 — 카드 아래 얕게(시안엔 없음: 실데이터 기능 유지) */
  body[data-pg="library"]:not(.easy) .lb-au .au-kids{margin:6px 0 0 22px;padding-left:12px}
  body[data-pg="library"]:not(.easy) .lb-au .au-kid{flex-wrap:nowrap;min-height:44px;margin-top:6px;padding:7px 10px;border-radius:8px;gap:8px}
  body[data-pg="library"]:not(.easy) .lb-au .au-kid::before{left:-13px;width:12px}
  body[data-pg="library"]:not(.easy) .lb-au .au-kid::after{left:-13px}
  body[data-pg="library"]:not(.easy) .lb-au .au-kid .t{flex:1 1 0}
  body[data-pg="library"]:not(.easy) .lb-au .au-kid .l1 b{font:700 13px/16px 'Nanum Myeongjo',serif;color:#efe7d8;-webkit-line-clamp:1}
  body[data-pg="library"]:not(.easy) .lb-au .au-kid .s{margin-top:2px;font-size:10.5px;color:#8f8676}
  body[data-pg="library"]:not(.easy) .lb-au .au-kid .bdg{height:16px;padding:0 5px;border-radius:3px;font:500 9.5px/16px 'Pretendard Variable','Pretendard',sans-serif}
  body[data-pg="library"]:not(.easy) .lb-au .au-kid .btn{flex:none;height:26px;padding:0 10px;font-size:11.5px;border-radius:5px}
  body[data-pg="library"]:not(.easy) .lb-au .au-kid.more{min-height:36px;font-size:12px}
  body[data-pg="library"]:not(.easy) .lb-toc{margin:6px 0 0 12px}
  body[data-pg="library"]:not(.easy) .lb-toc[hidden]{display:none!important}
  body[data-pg="library"]:not(.easy) .lb-toc{border-left:1px solid rgba(226,190,118,.32);max-height:360px;overflow-y:auto;overscroll-behavior:contain}
  body[data-pg="library"]:not(.easy) .lb-toc a{min-height:40px;padding:9px 12px;font-size:12.5px;border-bottom-color:rgba(255,248,232,.09)}
  body[data-pg="library"]:not(.easy) .lb-toc a i{min-width:44px;font-size:11px;font-weight:500;color:var(--px-dim);font-variant-numeric:tabular-nums}
  body[data-pg="library"]:not(.easy) .lb-toc a b{font-weight:500;color:var(--px-ink)}
  body[data-pg="library"]:not(.easy) .lb-toc a.all{font-size:12px}
}

/* ══ 04 만들기 — 시안 «04-AE 모바일 04 만들기» (360 좌표) ══
   브랜드 머리 · 종(테 원 25) x222 · 아바타 x257 w28 · 인용 x294~342 · «만들기» x17 y63~90 · 분할 x17~343 y106~135
   단계 원 18 · 중심 x38/133/227/321 y157 · 카드 «원작» x12~348 y192~315 · 카드 «설정»(인물 카드는 앱에 없어 위로 붙음)
   하단 막대 h45 · 버튼 w165 h29 r6. 인물 고르기·장르 칩·예상 비용은 앱에 없다(c). */
@media(max-width:768px){
  body[data-pg="spinoff"]:not(.easy) .top .acts{order:3;align-self:flex-start;margin:9px 0 0 9px;max-width:none;overflow:visible;gap:0}
  body[data-pg="spinoff"]:not(.easy) .sp-hq[hidden]{display:block!important;position:relative;width:51px;font:400 8.5px/11.5px 'Pretendard Variable','Pretendard',sans-serif;color:var(--px-sub);white-space:nowrap;letter-spacing:-.02em}
  body[data-pg="spinoff"]:not(.easy) .sp-hq::after{content:"";position:absolute;left:0;top:27.5px;width:16px;height:1px;background:var(--px-dim);opacity:.8}
  body[data-pg="spinoff"]:not(.easy) .top .bell{top:-5px;width:25px;height:25px;margin-right:10px;border:1px solid rgba(255,248,232,.2);border-radius:50%}
  body[data-pg="spinoff"]:not(.easy) .top .bell svg{width:13px;height:13px}
  body[data-pg="spinoff"]:not(.easy) .top .bell::after{content:"";position:absolute;inset:-8px}
  body[data-pg="spinoff"]:not(.easy) .top .ava{top:-4px;width:28px;height:28px}
  body[data-pg="spinoff"]:not(.easy) .brandh{gap:3px}
  body[data-pg="spinoff"]:not(.easy) .brandh img{width:24px;height:28px;margin:-10px -2px 0 -4px}
  body[data-pg="spinoff"]:not(.easy) .brandh b{font-size:16.5px;line-height:15px;margin-top:-14px;font-weight:500}
  body[data-pg="spinoff"]:not(.easy) .brandh small{margin-top:4px;font-size:8.3px;line-height:9px}

  body[data-pg="spinoff"]:not(.easy) .sp-hd{display:block;position:relative;height:39px;margin:0;padding:0;border:0}
  body[data-pg="spinoff"]:not(.easy) .sp-hd .chips,body[data-pg="spinoff"]:not(.easy) .sp-hd h1 .hp,body[data-pg="spinoff"]:not(.easy) .sp-x{display:none}
  body[data-pg="spinoff"]:not(.easy) .sp-m[hidden]{display:inline!important}
  body[data-pg="spinoff"]:not(.easy) .sp-hd h1{display:block;position:absolute;left:1px;top:0;margin:0;font:400 32px/32px 'Nanum Myeongjo',serif;letter-spacing:-.02em;color:#efe4cf;white-space:nowrap}
  body[data-pg="spinoff"]:not(.easy) .sp-q[hidden]{display:block!important;position:absolute;right:2px;top:8px;margin:0;font:400 7.5px/10.5px 'Pretendard Variable','Pretendard',sans-serif;color:var(--px-sub);text-align:right;white-space:nowrap;letter-spacing:-.02em}
  body[data-pg="spinoff"]:not(.easy) .sp-q::after{content:"";position:absolute;right:-1px;top:27px;width:16px;height:1px;background:var(--px-dim);opacity:.8}

  body[data-pg="spinoff"]:not(.easy) .sp-seg[hidden]{display:flex!important;align-items:center;height:29px;margin:5px 1px 0;padding:0 1px;border:1px solid rgba(255,248,232,.12);border-radius:15px;background:rgba(255,248,232,.03)}
  body[data-pg="spinoff"]:not(.easy) .sp-seg>*{flex:1 1 0;display:flex;align-items:center;justify-content:center;height:25px;border-radius:13px;font:500 10.5px/1 'Pretendard Variable','Pretendard',sans-serif;color:var(--px-ink);text-decoration:none}
  body[data-pg="spinoff"]:not(.easy) .sp-seg>.on{flex:0 0 161px;background:linear-gradient(180deg,#ecc77d,#d9ac5c);color:#1d150a;font-weight:700;box-shadow:0 1px 0 rgba(255,240,200,.35) inset}
  body[data-pg="spinoff"]:not(.easy) .sp-seg a{position:relative}
  body[data-pg="spinoff"]:not(.easy) .sp-seg a::after{content:"";position:absolute;inset:-8px 0}

  body[data-pg="spinoff"]:not(.easy) .sp-steps[hidden]{display:flex!important;justify-content:space-between;margin:13px 1px 0;padding:0;list-style:none}
  body[data-pg="spinoff"]:not(.easy) .sp-steps li{position:relative;display:flex;flex-direction:column;align-items:center;width:42px}
  body[data-pg="spinoff"]:not(.easy) .sp-steps b{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,248,232,.32);
    font:400 9.5px/1 'Pretendard Variable','Pretendard',sans-serif;color:var(--px-ink);background:#0f0d0b}
  body[data-pg="spinoff"]:not(.easy) .sp-steps span{margin-top:3px;font:400 9px/14px 'Pretendard Variable','Pretendard',sans-serif;color:var(--px-sub);white-space:nowrap}
  body[data-pg="spinoff"]:not(.easy) .sp-steps li+li::before{content:"";position:absolute;top:8.5px;right:calc(50% + 16px);width:62px;height:1px;background:rgba(255,248,232,.16)}
  body[data-pg="spinoff"]:not(.easy) .sp-steps li.ok+li::before{background:rgba(255,248,232,.5)}
  body[data-pg="spinoff"]:not(.easy) .sp-steps li.on b{border-color:#e3b866;background:#e3b866;color:#1d150a;font-weight:700}
  body[data-pg="spinoff"]:not(.easy) .sp-steps li.on span{color:#e8c37a}

  /* 폼 — 카드 두 장(원작·설정) */
  body[data-pg="spinoff"]:not(.easy) .sp-form{margin:9px -4px 0;padding:0 0 70px;border:0;border-radius:0;background:none;box-shadow:none}
  body[data-pg="spinoff"]:not(.easy) .sp-form>.fg{display:block}
  body[data-pg="spinoff"]:not(.easy) .sp-c{display:block;position:relative;border-radius:8px;border:1px solid rgba(255,248,232,.08);background:linear-gradient(180deg,#191612,#141210)}
  body[data-pg="spinoff"]:not(.easy) .sp-c>.f{margin:0}
  body[data-pg="spinoff"]:not(.easy) .sp-c1{height:123px}
  body[data-pg="spinoff"]:not(.easy) .sp-c1>.f{position:static}
  body[data-pg="spinoff"]:not(.easy) .sp-c1 .lab{position:static;display:block;margin:0}
  body[data-pg="spinoff"]:not(.easy) .sp-c1 .lab label,body[data-pg="spinoff"]:not(.easy) .sp-ct[hidden]{position:absolute;left:12px;top:7px;margin:0;font:800 13.5px/20px 'Nanum Myeongjo',serif;color:var(--px-ink)}
  body[data-pg="spinoff"]:not(.easy) .sp-c .lab .hp,body[data-pg="spinoff"]:not(.easy) .sp-ct .hp{position:absolute;right:9px;top:9px;width:16px;height:15px;margin:0;background:transparent;border-color:rgba(255,248,232,.28);color:var(--px-sub)}
  body[data-pg="spinoff"]:not(.easy) .sp-ct[hidden]{right:9px}
  body[data-pg="spinoff"]:not(.easy) .sp-ct .hp{top:0;right:0}
  body[data-pg="spinoff"]:not(.easy) .sp-c1 #sBook{position:absolute;left:9px;top:32px;right:9px;width:auto;height:83px;margin:0;opacity:0;z-index:1;cursor:pointer}
  body[data-pg="spinoff"]:not(.easy) .sp-bk[hidden]{display:block!important;position:absolute;left:9px;top:32px;right:9px;height:83px;border-radius:6px;border:1px solid rgba(255,248,232,.09);background:#110f0d}
  body[data-pg="spinoff"]:not(.easy) .sp-bk>.cv{position:absolute;left:5px;top:5px;width:52px;margin:0;border-radius:3px}
  body[data-pg="spinoff"]:not(.easy) .sp-bk .cv-e{position:absolute;left:5px;top:5px;width:52px;height:72px;border-radius:3px;border:1px dashed rgba(255,248,232,.18)}
  body[data-pg="spinoff"]:not(.easy) .sp-bk .t{position:absolute;left:71px;top:19px;right:30px}
  body[data-pg="spinoff"]:not(.easy) .sp-bk .t b{display:block;font:700 14px/20px 'Nanum Myeongjo',serif;color:var(--px-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-pg="spinoff"]:not(.easy) .sp-bk .t b.ph{color:var(--px-dim);font-weight:400;font-size:14px}
  body[data-pg="spinoff"]:not(.easy) .sp-bk .t em{display:inline-flex;align-items:center;max-width:100%;height:17px;margin-top:5px;padding:0 8px;border-radius:9px;border:1px solid rgba(255,248,232,.2);
    font:400 10px/1 'Pretendard Variable','Pretendard',sans-serif;font-style:normal;color:var(--px-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-pg="spinoff"]:not(.easy) .sp-bk .q{position:absolute;right:7px;top:56px;font:400 7.5px/10px 'Pretendard Variable','Pretendard',sans-serif;font-style:normal;color:var(--px-dim);text-align:right;white-space:nowrap}
  body[data-pg="spinoff"]:not(.easy) .sp-bk .chv{position:absolute;right:2px;top:27px;width:22px;height:22px;fill:none;stroke:#cfc7b8;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
  /* 해부 상태 — 책 줄 안 아래 빈칸(시안엔 해부가 끝난 상태만 그려져 있다) */
  body[data-pg="spinoff"]:not(.easy) .sp-c1 #sDs{position:absolute;left:83px;top:96px;right:64px;z-index:2;display:flex;flex-wrap:nowrap;align-items:center;gap:5px;height:14px;min-height:0;margin:0;overflow:visible;
    font:400 10px/14px 'Pretendard Variable','Pretendard',sans-serif;color:var(--px-dim)}
  body[data-pg="spinoff"]:not(.easy) .sp-c1 #sDs:empty{display:none}
  body[data-pg="spinoff"]:not(.easy) .sp-c1 #sDs .bdg{flex:none;height:14px;padding:0 5px;border-radius:3px;font:500 9.5px/14px 'Pretendard Variable','Pretendard',sans-serif}
  body[data-pg="spinoff"]:not(.easy) .sp-c1 #sDs .bar{flex:0 0 46px;width:46px;min-width:0;height:3px;margin:0}
  body[data-pg="spinoff"]:not(.easy) .sp-c1 #sDs .dpc{flex:none;font-size:10px;color:#e8c37a}
  body[data-pg="spinoff"]:not(.easy) .sp-c1 #sDs .muted{min-width:0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-pg="spinoff"]:not(.easy) .sp-c1 #sDs .btn{position:relative;flex:none;height:16px;min-height:0;padding:0 7px;border-radius:3px;font:600 9.5px/16px 'Pretendard Variable','Pretendard',sans-serif}
  body[data-pg="spinoff"]:not(.easy) .sp-c1 #sDs .btn::after{content:"";position:absolute;inset:-14px -4px}
  body[data-pg="spinoff"]:not(.easy) .sp-c1 #sDs .hp{width:14px;height:13px;margin:0;font-size:9px}

  /* 설정 카드 — 상자 3개(분량·기준 회차·제목) → 시점 상태 → 소재 */
  body[data-pg="spinoff"]:not(.easy) .sp-c2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px;margin-top:7px;padding:32px 9px 35px}
  body[data-pg="spinoff"]:not(.easy) .sp-c2>.f{grid-column:auto!important;position:relative;z-index:1}
  body[data-pg="spinoff"]:not(.easy) .sp-c2>.f:has(#sEp){order:1}
  body[data-pg="spinoff"]:not(.easy) .sp-c2>.f:has(#sFrom){order:2}
  body[data-pg="spinoff"]:not(.easy) .sp-c2>.f:has(#sTitle){order:3}
  body[data-pg="spinoff"]:not(.easy) .sp-c2>.sp-pt{order:4;grid-column:1/-1!important;margin-top:8px}
  body[data-pg="spinoff"]:not(.easy) .sp-c2>.sp-pt:has(#sPt:empty){display:none}
  body[data-pg="spinoff"]:not(.easy) .sp-c2>.f:has(#sPremise){order:5;grid-column:1/-1!important;margin-top:11px}
  body[data-pg="spinoff"]:not(.easy) .sp-c2>.f:has(#sEp),body[data-pg="spinoff"]:not(.easy) .sp-c2>.f:has(#sFrom),body[data-pg="spinoff"]:not(.easy) .sp-c2>.f:has(#sTitle){height:37px;border-radius:5px;border:1px solid rgba(255,248,232,.13);background:rgba(10,9,7,.35)}
  body[data-pg="spinoff"]:not(.easy) .sp-c2>.f:has(#sEp) .lab,body[data-pg="spinoff"]:not(.easy) .sp-c2>.f:has(#sFrom) .lab,body[data-pg="spinoff"]:not(.easy) .sp-c2>.f:has(#sTitle) .lab{position:absolute;left:8px;top:3px;display:block;height:10px;min-height:0;margin:0;padding:0;pointer-events:none;z-index:1}
  body[data-pg="spinoff"]:not(.easy) .sp-c2>.f:has(#sEp) label,body[data-pg="spinoff"]:not(.easy) .sp-c2>.f:has(#sFrom) label,body[data-pg="spinoff"]:not(.easy) .sp-c2>.f:has(#sTitle) label{display:block;margin:0;padding:0;font:400 8.5px/10px 'Pretendard Variable','Pretendard',sans-serif;color:var(--px-sub)}
  body[data-pg="spinoff"]:not(.easy) .sp-c2>.f:has(#sEp) .hp,body[data-pg="spinoff"]:not(.easy) .sp-c2>.f:has(#sFrom) .hp,body[data-pg="spinoff"]:not(.easy) .sp-c2>.f:has(#sTitle) .hp{display:none}
  body[data-pg="spinoff"]:not(.easy) .sp-c2 #sEp,body[data-pg="spinoff"]:not(.easy) .sp-c2 #sFrom,body[data-pg="spinoff"]:not(.easy) .sp-c2 #sTitle{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:13px 8px 0;border:0;border-radius:5px;background:none;
    font:400 11px/14px 'Pretendard Variable','Pretendard',sans-serif;color:var(--px-ink);box-shadow:none;-moz-appearance:textfield}
  body[data-pg="spinoff"]:not(.easy) .sp-c2 input::-webkit-outer-spin-button,body[data-pg="spinoff"]:not(.easy) .sp-c2 input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
  body[data-pg="spinoff"]:not(.easy) .sp-c2 input::placeholder,body[data-pg="spinoff"]:not(.easy) .sp-c2 textarea::placeholder{color:var(--px-dim);opacity:1}
  body[data-pg="spinoff"]:not(.easy) .sp-c2>.f:has(#sPremise) .lab{display:flex;align-items:center;justify-content:space-between;height:14px;min-height:0;margin:0}
  body[data-pg="spinoff"]:not(.easy) .sp-c2>.f:has(#sPremise) label{font:400 11.5px/14px 'Pretendard Variable','Pretendard',sans-serif;color:#ddd4c4}
  body[data-pg="spinoff"]:not(.easy) .sp-c2>.f:has(#sPremise) .hp{position:relative;top:3px;right:auto;width:15px;height:11px;margin:0 1px 0 0;font-size:8.5px}
  body[data-pg="spinoff"]:not(.easy) .sp-c2 #sPremise{display:block;width:100%;height:47px;min-height:0;margin:3px 0 0;padding:8px 11px;border-radius:5px;border:1px solid rgba(255,248,232,.13);background:rgba(10,9,7,.35);
    font:400 11px/16px 'Pretendard Variable','Pretendard',sans-serif;color:var(--px-ink);resize:none}
  body[data-pg="spinoff"]:not(.easy) .sp-ct[hidden]{display:block!important;grid-column:1/-1}
  body[data-pg="spinoff"]:not(.easy) .sp-ink[hidden]{display:block!important;position:absolute;right:-12px;bottom:-10px;width:155px;height:48px;pointer-events:none;z-index:0;
    padding:16px 0 0 64px;font:400 7.8px/10px 'Pretendard Variable','Pretendard',sans-serif;color:var(--px-sub);white-space:nowrap;text-indent:-8px;
    background:linear-gradient(90deg,rgba(20,18,16,0) 30%,rgba(20,18,16,.55) 60%),url(../img/still-inkwell-quill.webp) left -114px top -14px/200px auto no-repeat;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 38%),linear-gradient(180deg,transparent,#000 32%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 38%),linear-gradient(180deg,transparent,#000 32%);mask-composite:intersect}

  /* 하단 고정 막대 — 탭바 바로 위(시안 막대 h45 · 버튼 x178~343 h29) */
  body[data-pg="spinoff"]:not(.easy) .sp-bar{position:fixed;left:0;right:0;bottom:calc(var(--tabh) + env(safe-area-inset-bottom,0px));z-index:20;display:flex;justify-content:flex-end;align-items:center;height:45px;padding:0 17px;
    border-top:1px solid var(--px-line);background:#100e0c}
  body[data-pg="spinoff"]:not(.easy) .sp-bar #sSave{width:165px!important;height:29px;min-height:0;margin:0!important;padding:0;border-radius:6px;gap:0;letter-spacing:-.06em;font:700 11.5px/1 'Pretendard Variable','Pretendard',sans-serif}
  body[data-pg="spinoff"]:not(.easy) .sp-bar #sSave::after{content:"→";margin-left:6px;font-weight:400;font-size:13px}
  body[data-pg="spinoff"]:not(.easy) .sp-form #sErr:not(:empty),body[data-pg="spinoff"]:not(.easy) .sp-form #sErrLine{margin-top:8px}
}

/* ══ 05 집필 — 시안 «05-AE 모바일 05 집필» (360 좌표 · 시안 높이 608 이라 아래 막대는 탭바 기준) ══
   머리 h40 · ← x19 · 작품 제목 x108 명조 15 · 장 알약 x230~312 y11~34 · ⋮ x335
   지표 칩 y46~70 (61·71·65·69·54 · 간격 4.5) · 원고 카드 x12~348 y80 · 장 제목 x28 y104 명조 16.5
   정물 x232~277 y97~136 · 세로 글 x296 · 본문 명조 12/18.7 x28 · 문단 간격 18
   하단 3버튼 h33 (110·98·117 · 간격 5) · 탭바 위 9 */
@media(max-width:768px){
  body[data-pg="chapter"]:not(.easy) .top{height:calc(40px + env(safe-area-inset-top,0px));border-bottom:0;padding-top:calc(6px + env(safe-area-inset-top,0px))}
  body[data-pg="chapter"]:not(.easy) #topTitle{display:none}
  body[data-pg="chapter"]:not(.easy) .top .back{margin-left:-9px;margin-top:-3px}
  /* 시안 01 — 뒤로는 «‹» 가 아니라 긴 화살표 «←»(13×11, x19~32 · y18~28, 옅은 회백) */
  body[data-pg="chapter"]:not(.easy) .top .back svg{display:none}
  body[data-pg="chapter"]:not(.easy) .top .back::before{content:"";width:21px;height:21px;transform:translate(3.5px,.5px);background:#d9d3c8;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%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' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat}
  body[data-pg="chapter"]:not(.easy) .top .acts{max-width:none;overflow:visible;gap:0;margin-top:-2px}
  body[data-pg="chapter"]:not(.easy) .ch-pt[hidden]{display:block!important;position:absolute;left:108px;top:calc(13.5px + env(safe-area-inset-top,0px));width:116px;margin:0;
    font:400 15px/20px 'Nanum Myeongjo',serif;color:#efe6d6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
  body[data-pg="chapter"]:not(.easy) .ch-sel[hidden]{display:inline-flex!important;align-items:center;position:relative;width:82px;height:23px;margin:0 10px 0 0;padding:0 0 0 11px;border-radius:12px;
    border:1px solid rgba(255,248,232,.16);background:rgba(255,248,232,.03);color:#e6ddcd;font:400 11px/1 'Nanum Myeongjo',serif;white-space:nowrap;cursor:pointer}
  body[data-pg="chapter"]:not(.easy) .ch-sel .dn{width:12px;height:12px;margin-left:auto;margin-right:8px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  body[data-pg="chapter"]:not(.easy) .ch-sel select{position:absolute;inset:-6px 0;width:100%;height:auto;margin:0;padding:0;opacity:0;cursor:pointer;font-size:16px}
  body[data-pg="chapter"]:not(.easy) .ch-more[hidden]{display:inline-flex!important;align-items:center;justify-content:center;position:relative;width:26px;height:30px;margin:0;padding:0;border:0;background:none;color:#cfc6b6;cursor:pointer}
  body[data-pg="chapter"]:not(.easy) .ch-more svg{width:20px;height:20px;fill:currentColor}
  body[data-pg="chapter"]:not(.easy) .ch-more::after{content:'';position:absolute;inset:-7px -6px}

  /* 화면 머리줄 — 장 제목·게이지·«패널»·칩은 머리(⋮)와 카드 제목으로 옮겼다 */
  body[data-pg="chapter"]:not(.easy) .pagehd{display:none}
  body[data-pg="chapter"]:not(.easy) .chl{display:none}
  body[data-pg="chapter"]:not(.easy) .chp{top:calc(40px + env(safe-area-inset-top,0px))}

  /* 지표 칩 */
  body[data-pg="chapter"]:not(.easy) .ch-kpi[hidden]{display:grid!important;grid-template-columns:61fr 71fr 65fr 69fr 54fr;gap:4.5px;height:24px;margin:6px -4px 0}
  body[data-pg="chapter"]:not(.easy) .ch-kpi .k{position:relative;display:flex;align-items:center;justify-content:center;gap:3px;min-width:0;height:24px;padding:0 3px;border-radius:5px;
    border:1px solid rgba(255,248,232,.1);background:rgba(255,248,232,.025);color:var(--px-sub);text-decoration:none;white-space:nowrap;overflow:hidden}
  body[data-pg="chapter"]:not(.easy) .ch-kpi .k::after{content:'';position:absolute;inset:-10px -2px}
  body[data-pg="chapter"]:not(.easy) .ch-kpi .ki{flex:none;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  body[data-pg="chapter"]:not(.easy) .ch-kpi .k span{font:400 9.5px/1 'Pretendard Variable','Pretendard',sans-serif}
  body[data-pg="chapter"]:not(.easy) .ch-kpi .k b{font:400 13px/1 'Nanum Myeongjo',serif;color:var(--px-ink);margin-left:2px}
  body[data-pg="chapter"]:not(.easy) .ch-kpi .k b.w,body[data-pg="chapter"]:not(.easy) .ch-kpi .k b .w{font:500 10px/1 'Pretendard Variable','Pretendard',sans-serif;font-style:normal}
  body[data-pg="chapter"]:not(.easy) .ch-kpi .k.pass b{color:#9ccf8f}
  body[data-pg="chapter"]:not(.easy) .ch-kpi .k.fail b{color:#e2a35a}
  body[data-pg="chapter"]:not(.easy) .ch-kpi .k.st{border-color:rgba(232,195,122,.55);background:rgba(232,195,122,.08);color:#e8c37a}
  body[data-pg="chapter"]:not(.easy) .ch-kpi .k.st b{color:#efd08c}
  body[data-pg="chapter"]:not(.easy) .ch-kpi .k.st span{color:#e8c37a}
  body[data-pg="chapter"]:not(.easy) .ch-kpi .ring{flex:none;width:12px;height:12px;border-radius:50%;background:conic-gradient(#e8c37a var(--d),rgba(255,248,232,.18) 0);
    -webkit-mask:radial-gradient(circle,transparent 4px,#000 4.5px);mask:radial-gradient(circle,transparent 4px,#000 4.5px)}
  body[data-pg="chapter"]:not(.easy) .ch-kpi .k.wn{color:var(--px-sub)}
  body[data-pg="chapter"]:not(.easy) .ch-kpi .k.wn.on{border-color:rgba(226,163,90,.5);background:rgba(226,163,90,.06);color:#e2a35a}
  body[data-pg="chapter"]:not(.easy) .ch-kpi .k.wn.on b{color:#e2a35a}

  /* 원고 카드 */
  body[data-pg="chapter"]:not(.easy) .chg{display:block;margin:10px -4px 0}
  body[data-pg="chapter"]:not(.easy) .chc{position:relative;min-height:0;padding:0 0 4px;border-radius:8px;border:1px solid rgba(255,248,232,.08);
    background:linear-gradient(180deg,#191612,#141210 320px)}
  body[data-pg="chapter"]:not(.easy) .ch-t[hidden]{display:block!important;margin:0;padding:21px 130px 0 16px;font:800 16.5px/20px 'Nanum Myeongjo',serif;color:#f3ebdc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-pg="chapter"]:not(.easy) .ch-orn[hidden]{display:block!important;position:absolute;left:219px;top:16px;width:120px;height:40px;pointer-events:none}
  body[data-pg="chapter"]:not(.easy) .ch-orn .ch-still{position:absolute;left:0;top:0;width:46px;height:40px;fill:none;stroke:#b8954f;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
  body[data-pg="chapter"]:not(.easy) .ch-orn i{position:absolute;left:53px;top:2px;padding-left:10px;border-left:1px solid rgba(255,248,232,.14);font:400 7.5px/11px 'Pretendard Variable','Pretendard',sans-serif;font-style:normal;color:#8f8676;white-space:nowrap}
  body[data-pg="chapter"]:not(.easy) .chc .edh{display:none}
  body[data-pg="chapter"]:not(.easy) .chc .ed{min-height:0;padding:31px 16px 18px 15px;font:400 12px/19.3px 'Nanum Myeongjo',serif;color:#e9e1d3;letter-spacing:-.025em}
  body[data-pg="chapter"]:not(.easy) .chc .ed p{margin:0 -6px 16.5px;padding:0 6px}
  body[data-pg="chapter"]:not(.easy) .chc .ed p:last-child{margin-bottom:0}
  body[data-pg="chapter"]:not(.easy) #view{padding-bottom:62px}

  /* 하단 3버튼 — 탭바 바로 위 고정 */
  body[data-pg="chapter"]:not(.easy) .chacts{position:fixed;left:0;right:0;bottom:calc(var(--tabh) + env(safe-area-inset-bottom,0px));z-index:20;display:grid;grid-template-columns:110fr 98fr 117fr;gap:5px;
    margin:0;padding:9px 12px;background:linear-gradient(180deg,rgba(14,12,10,.86),#0e0c0a 30%)}
  body[data-pg="chapter"]:not(.easy) .chacts:empty{display:none}
  body[data-pg="chapter"]:not(.easy) .chacts>*{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:33px;min-height:0;margin:0;padding:0;border-radius:6px;
    font:500 12px/1 'Pretendard Variable','Pretendard',sans-serif}
  body[data-pg="chapter"]:not(.easy) .chacts .btn:not(.gold),body[data-pg="chapter"]:not(.easy) .chacts .ch-rw{border:1px solid rgba(255,248,232,.13);background:rgba(255,248,232,.03);color:#d8cfbf}
  body[data-pg="chapter"]:not(.easy) .chacts .btn.gold{border:0;background:linear-gradient(180deg,#ecc77d,#e0b665);color:#1d150a;font-weight:700}
  body[data-pg="chapter"]:not(.easy) .chacts .ch-rw[hidden]{display:inline-flex!important;cursor:pointer}
  body[data-pg="chapter"]:not(.easy) .chacts .ch-rw:disabled{opacity:.45;cursor:not-allowed}
  body[data-pg="chapter"]:not(.easy) .chacts>.btn::before,body[data-pg="chapter"]:not(.easy) .chacts>.ch-rw::before{content:'';flex:none;width:15px;height:15px;background:currentColor;
    -webkit-mask:var(--mi) center/contain no-repeat;mask:var(--mi) center/contain no-repeat}
  body[data-pg="chapter"]:not(.easy) #chRw{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 00-14.3-4.9L4 8M4 4v4h4M4 13a8 8 0 0014.3 4.9L20 16M20 20v-4h-4'/%3E%3C/svg%3E")}
  body[data-pg="chapter"]:not(.easy) #chVerify{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5'/%3E%3C/svg%3E")}
  body[data-pg="chapter"]:not(.easy) #chApprove{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5 10-11'/%3E%3C/svg%3E")}
  body[data-pg="chapter"]:not(.easy) .chacts>a.btn::before{display:none}
  /* 승인 장 — 잠긴 «다시 쓰기»와 설명 알약을 빼 3칸(검사·승인본 고치기·다음 장)을 지킨다(설명은 바꾸기 확인창이 한다).
     고치는 중엔 취소·바꾸기 두 칸만 — 2026-10-16 */
  body[data-pg="chapter"]:not(.easy) .chacts:has(#chRevise) #chRw,body[data-pg="chapter"]:not(.easy) .chacts:has(#chRevise) .hp,
  body[data-pg="chapter"]:not(.easy) .chacts:has(#chRevSave) #chRw,body[data-pg="chapter"]:not(.easy) .chacts:has(#chRevSave) #chVerify{display:none!important}
  body[data-pg="chapter"]:not(.easy) .chacts:has(#chRevSave){grid-template-columns:1fr 1.4fr}
  body[data-pg="chapter"]:not(.easy) #chRevise{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16v4zM13.5 6.5l4 4'/%3E%3C/svg%3E")}
  body[data-pg="chapter"]:not(.easy) #chRevCancel{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
  body[data-pg="chapter"]:not(.easy) #chRevSave{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5 10-11'/%3E%3C/svg%3E")}
  body[data-pg="chapter"]:not(.easy) .chacts>.bdg{justify-content:center}
}

/* ══ 06 메뉴 서랍 — 시안 008 «01-AE 모바일 06 메뉴 서랍» (360 좌표) ══
   서랍은 어느 화면에서나 열리므로 data-pg 대신 #sb·#sbHd 로만 묶는다(다른 화면 본문엔 닿지 않는다)
   시트 위 190 · 손잡이 y199 w35 · MY DRAMA 명조 y221 · 묶음 이름 x23 · 상자 x14~346 r9 · 행 31 · 아이콘 x29 14.5 · 글 x65 10.5
   머리(#sbHd): 정물 still-bookshelf · 문구 명조 19/26 x19 · 최근 작업 카드 x13~347 y117 (시트 밑으로 들어간다) */
@media(max-width:768px){
  /* 재민 10-15 «바텀시트 메뉴에 글자들 너무작아 스크롤하더라도 … 글자와 에셋을 키워야» — 시안 06 치수(글 10.5·아이콘 14.5·행 31)를 버리고
     본문 하한(16)으로 키운다. 시트 꼭대기는 시안 자리(y190)에 묶어 머리의 최근 작업 카드를 살리고, 넘치는 행은 시트 안에서 스크롤 */
  body:not(.easy) #sb{max-height:calc(var(--dvh100) - 190px - var(--tabh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;
    padding:0 12px 14px;gap:0;border-radius:15px 15px 0 0;border-top:1px solid rgba(255,248,232,.13);background:linear-gradient(180deg,#1e1b17,#171410 60%)}
  body:not(.easy) #sb::before{flex:none;width:38px;height:4px;margin:9px auto 0;border-radius:2px;background:rgba(255,248,232,.3)}
  body:not(.easy) #sb .brand{flex:none;margin:12px 0 0;padding:0;height:18px;font:400 13px/18px 'Nanum Myeongjo',serif;letter-spacing:.42em;text-indent:.42em;color:#e8dcc2;text-align:center}
  body:not(.easy) #sb .grp{flex:none;padding:20px 6px 7px;font:500 13.5px/18px 'Pretendard Variable','Pretendard',sans-serif;color:#b3aa9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body:not(.easy) #sb .brand+.grp{padding-top:12px}
  body:not(.easy) #sb .grp em:not(:empty)::before{content:'\00a0 · \00a0'}
  body:not(.easy) #sb .sbbox{flex:none;border:1px solid rgba(255,248,232,.1);border-radius:12px;background:rgba(255,248,232,.025);overflow:visible}
  body:not(.easy) #sb .sbbox a{height:50px;min-height:0;padding:0 12px 0 15px;gap:0;border-radius:0;border-top:1px solid rgba(255,248,232,.07);font:500 16.5px/1 'Pretendard Variable','Pretendard',sans-serif;color:#ece3d3}
  body:not(.easy) #sb .sbbox a:first-child{border-top:0;border-radius:11px 11px 0 0}
  body:not(.easy) #sb .sbbox a:last-child{border-radius:0 0 11px 11px}
  body:not(.easy) #sb .sbbox a:only-child{border-radius:11px}
  body:not(.easy) #sb .sbbox a svg:not(.chv){width:24px;height:24px;margin:0 16px 0 0;color:#e4d9c4;stroke-width:1.5;opacity:1}
  body:not(.easy) #sb .sbbox a.on{color:#f3eadb;background:rgba(232,195,122,.06);font-weight:600}
  body:not(.easy) #sb .sbbox a.on svg:not(.chv){color:#ecc77d}
  body:not(.easy) #sb .sbbox a.on::before{left:-1.5px;top:8px;bottom:8px;width:3.5px;border-radius:2px;background:#e8c37a}
  body:not(.easy) #sb .sbbox a:active{background:rgba(255,248,232,.06)}
  body:not(.easy) #sb a .chv{flex:none;width:18px;height:18px;margin-right:-2px;stroke:#cdc4b4;stroke-width:1.7}
  body:not(.easy) #sb a i,body:not(.easy) #sb .sbadv>summary .sbn{min-width:26px;height:22px;padding:0 7px;margin-right:10px;border-radius:99px;border:1px solid rgba(255,248,232,.18);
    background:rgba(255,248,232,.05);color:#ece3d3;font:500 13px/1 'Pretendard Variable','Pretendard',sans-serif;display:inline-flex;align-items:center;justify-content:center}
  body:not(.easy) #sb a i:empty{display:none}
  body:not(.easy) #sb .sbadv{flex:none;margin-top:14px}
  body:not(.easy) #sb .sbadv>summary{height:50px;min-height:0;padding:0 14px 0 15px;gap:0;border:1px solid rgba(255,248,232,.1);border-radius:12px;background:rgba(255,248,232,.025);
    font:500 16.5px/1 'Pretendard Variable','Pretendard',sans-serif;color:#ece3d3}
  body:not(.easy) #sb .sbadv>summary .wr{width:24px;height:24px;margin:0 16px 0 0;stroke:#e4d9c4;stroke-width:1.5}
  body:not(.easy) #sb .sbadv>summary .sbn{margin:0 auto 0 8px;min-width:30px}
  body:not(.easy) #sb .sbadv>summary .chv{width:18px;height:18px;stroke:#cdc4b4}
  body:not(.easy) #sb .sbadv[open]>summary{margin-bottom:10px}

  /* 서랍 머리 — 열릴 때만, 시트 뒤(z 75)에 깔려 카드 아랫단이 시트 밑으로 들어간다 */
  body:not(.easy) #sbHd[hidden]{display:block!important;position:fixed;left:0;right:0;top:0;height:calc(206px + env(safe-area-inset-top,0px));z-index:75;padding-top:env(safe-area-inset-top,0px);
    background:#0d0b09 url(../img/still-bookshelf.webp) no-repeat right -24px top calc(-20px + env(safe-area-inset-top,0px))/312px auto;
    opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s}
  body.nav-open:not(.easy) #sbHd[hidden]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s ease,visibility 0s}
  body:not(.easy) #sbHd::before{content:'';position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(90deg,#0d0b09 30%,rgba(13,11,9,.55) 58%,rgba(13,11,9,.15)),linear-gradient(180deg,rgba(13,11,9,0) 45%,#0d0b09 72%)}
  body:not(.easy) #sbHd>*{position:relative}
  body:not(.easy) #sbHd .sb-hb{margin:0;padding:15px 0 0 19px;height:23px;font:400 7px/8px 'Nanum Myeongjo',serif;letter-spacing:.78em;color:#8a8173}
  body:not(.easy) #sbHd .sb-hq{margin:12px 0 0 19px;font:400 18.7px/24.5px 'Nanum Myeongjo',serif;color:#d9d0c0;letter-spacing:-.01em}
  body:not(.easy) #sbHd .sb-hs{margin:6.7px 0 0 19px;font:400 9.8px/12px 'Pretendard Variable','Pretendard',sans-serif;color:#a59c8d}
  body:not(.easy) #sbHd .sb-rc{position:absolute;left:13px;right:13px;top:calc(117px + env(safe-area-inset-top,0px));height:110px;border-radius:10px;border:1px solid rgba(255,248,232,.1);background:rgba(28,25,21,.92)}
  body:not(.easy) #sbHd .sb-rch{display:flex;align-items:center;justify-content:space-between;height:14px;margin:11.3px 14px 0}
  body:not(.easy) #sbHd .sb-rch span{font:400 11.5px/14px 'Pretendard Variable','Pretendard',sans-serif;color:#c8bfb0}
  body:not(.easy) #sbHd .sb-rch a,body:not(.easy) #sbHd .sb-rw .sb-st{position:relative;display:inline-flex;align-items:center;gap:3px;font:400 8.5px/1 'Pretendard Variable','Pretendard',sans-serif;color:#a89f90;text-decoration:none}
  body:not(.easy) #sbHd .sb-rch a::after{content:'';position:absolute;inset:-12px -8px}
  body:not(.easy) #sbHd .chv{width:10px;height:10px;color:#bdb4a5;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  body:not(.easy) #sbHd .sb-rw{display:flex;align-items:flex-start;gap:10px;margin:9.4px 14px 0 14px;color:inherit;text-decoration:none}
  body:not(.easy) #sbHd .sb-rw .cv{flex:none;width:60px;border-radius:4px}
  body:not(.easy) #sbHd .sb-rw .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.9px;padding-top:8.6px}
  body:not(.easy) #sbHd .sb-rw .t>b{font:400 11px/14px 'Nanum Myeongjo',serif;color:#d6cdbd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body:not(.easy) #sbHd .sb-rw .t>em{font:400 9.5px/11px 'Pretendard Variable','Pretendard',sans-serif;font-style:normal;color:#a59c8d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body:not(.easy) #sbHd .sb-rw .sb-st{flex:none;margin-top:18.5px;color:#c9b58d}
}

/* ══ 03 작품 해부 — 시안 «03-AE 모바일 03 작품 해부» (360 좌표) ══
   머리 h52 · ← x17 y33 · 제목 명조 x106 중심 y33 · 수정·지적 스위치 x234~324 y21~45.6 · ⋮ x343
   탭 상자 x12.7~347.3 y59.5~89 · 활성 밑줄 금색 · 무대 y89~415 전폭 · 나침반 중심 (180,253) r158
   시트 y415~ · 손잡이 y422.5 · 제목 명조 20 중심 y448 · 칩 y469~492 · 권력 y520 · 말투 y559.5 · 인용 상자 y578~654.5 · 버튼 y667~698.5 */
@media(max-width:768px){
  body[data-pg="dossier"]:not(.easy) .top{height:calc(52px + env(safe-area-inset-top,0px));border-bottom:0}
  body[data-pg="dossier"]:not(.easy):has(#dsMoreBtn) #topTitle{visibility:hidden}
  body[data-pg="dossier"]:not(.easy) .top .back{position:absolute;margin:0;left:-3px;top:calc(13px + env(safe-area-inset-top,0px))}
  body[data-pg="dossier"]:not(.easy) .ds-pt[hidden]{display:block!important;position:absolute;left:106px;top:calc(22px + env(safe-area-inset-top,0px));width:124px;margin:0;
    font:700 16.5px/22px 'Nanum Myeongjo',serif;color:#efe6d6;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
  body[data-pg="dossier"]:not(.easy) .ds-tg[hidden]{display:flex!important;align-items:center;gap:5px;position:absolute;left:234px;top:calc(21px + env(safe-area-inset-top,0px));width:90px;height:24.6px;margin:0;padding:0 0 0 7px;
    border-radius:13px;border:1px solid rgba(255,248,232,.2);background:rgba(255,248,232,.03);color:#d8cfbf;font:400 10px/1 'Pretendard Variable','Pretendard',sans-serif;white-space:nowrap;cursor:pointer}
  body[data-pg="dossier"]:not(.easy) .ds-tg::after{content:'';position:absolute;inset:-10px -3px}
  body[data-pg="dossier"]:not(.easy) .ds-tg i{position:relative;flex:none;width:27px;height:15px;border-radius:8px;background:rgba(255,248,232,.12);transition:background .2s ease}
  body[data-pg="dossier"]:not(.easy) .ds-tg i::before{content:'';position:absolute;left:1px;top:.75px;width:13.5px;height:13.5px;border-radius:50%;background:#8f8676;transition:transform .2s ease,background .2s ease}
  body[data-pg="dossier"]:not(.easy) .ds-tg[aria-checked="true"] i{background:rgba(232,195,122,.32)}
  body[data-pg="dossier"]:not(.easy) .ds-tg[aria-checked="true"] i::before{transform:translateX(12.5px);background:#ecc77d}
  body[data-pg="dossier"]:not(.easy) .ds-more[hidden]{display:flex!important;align-items:center;justify-content:center;position:absolute;left:330px;top:calc(18px + env(safe-area-inset-top,0px));width:26px;height:30px;margin:0;padding:0;
    border:0;background:none;color:#cfc6b6;cursor:pointer}
  body[data-pg="dossier"]:not(.easy) .ds-more svg{width:20px;height:20px;fill:currentColor}
  body[data-pg="dossier"]:not(.easy) .ds-more::after{content:'';position:absolute;inset:-7px -4px}
  body[data-pg="dossier"]:not(.easy) #view{padding-top:7.5px}

  /* 화면 머리줄(제목·요약·버튼 줄)은 ⋮ 를 눌렀을 때만 드롭다운으로 */
  body[data-pg="dossier"]:not(.easy) #dsPage{position:relative}
  body[data-pg="dossier"]:not(.easy):has(#dsMoreBtn) #dsPage>.pagehd{display:none}
  body[data-pg="dossier"]:not(.easy) #dsPage.ds-menu>.pagehd{display:block;position:absolute;right:-12px;top:-6px;z-index:40;width:212px;margin:0;padding:6px;border-radius:10px;
    border:1px solid rgba(255,248,232,.14);background:#1c1915;box-shadow:0 12px 32px rgba(0,0,0,.55)}
  body[data-pg="dossier"]:not(.easy) #dsPage.ds-menu>.pagehd>div:first-child{display:none}
  body[data-pg="dossier"]:not(.easy) #dsPage.ds-menu .dbt{display:flex;flex-direction:column;align-items:stretch;gap:2px;margin:0}
  body[data-pg="dossier"]:not(.easy) #dsPage.ds-menu .dbt>.btn{justify-content:flex-start;height:40px;min-height:0;margin:0;padding:0 12px;border:0;border-radius:7px;background:none;color:#e6ddcd;font:400 13px/1 'Pretendard Variable','Pretendard',sans-serif}
  body[data-pg="dossier"]:not(.easy) #dsPage.ds-menu .dbt>.btn.gold{color:#e8c37a}
  body[data-pg="dossier"]:not(.easy) #dsPage.ds-menu .dbt>.btn:active{background:rgba(255,248,232,.06)}
  body[data-pg="dossier"]:not(.easy) #dsPage.ds-menu .dbt>.hp{display:none}

  /* 탭 — 한 줄 분할 막대 */
  body[data-pg="dossier"]:not(.easy) .dtabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;height:29.5px;margin:0 -3.3px;border-radius:7px;
    border:1px solid rgba(255,248,232,.12);background:rgba(255,248,232,.025);overflow:hidden}
  body[data-pg="dossier"]:not(.easy) .dtabs .chip{position:relative;height:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;
    color:#b3aa9b;font:400 11px/1 'Pretendard Variable','Pretendard',sans-serif;white-space:nowrap}
  body[data-pg="dossier"]:not(.easy) .dtabs .chip+.chip::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:1px;background:rgba(255,248,232,.12)}
  body[data-pg="dossier"]:not(.easy) .dtabs .chip.on{color:#e8c37a;background:none}
  body[data-pg="dossier"]:not(.easy) .dtabs .chip.on::after{content:'';position:absolute;left:11px;right:11px;bottom:.5px;height:1.5px;border-radius:1px;background:#e8c37a}
  body[data-pg="dossier"]:not(.easy) .dtabs .chip i{display:none}

  /* 무대 — 전폭 별하늘 + 나침반(장식은 .ds-sky, 그래프는 공용 starnet) */
  body[data-pg="dossier"]:not(.easy) .dtabs{margin-bottom:0}
  body[data-pg="dossier"]:not(.easy) #dsBody{margin-top:0!important;padding-top:0}
  body[data-pg="dossier"]:not(.easy) .netg{position:relative;display:block;margin:0 -16px;gap:0}
  body[data-pg="dossier"]:not(.easy) .netstage{position:relative;z-index:1;height:326px;border:0;border-radius:0;background:transparent}
  body[data-pg="dossier"]:not(.easy) .sn-hd,body[data-pg="dossier"]:not(.easy) .sn-ft{display:none}
  body[data-pg="dossier"]:not(.easy) .ds-sky[hidden]{display:block!important;position:absolute;left:0;right:0;top:0;height:326px;z-index:0;pointer-events:none;overflow:hidden;
    background:
      radial-gradient(circle at 50% 164px,transparent 157.5px,rgba(232,195,122,.13) 158px,transparent 159px),
      radial-gradient(circle at 50% 164px,transparent 118.5px,rgba(232,195,122,.06) 119px,transparent 120px),
      radial-gradient(ellipse 70% 45% at 62% 40%,rgba(120,105,80,.14),transparent 70%),
      radial-gradient(ellipse 60% 30% at 15% 100%,rgba(90,80,64,.18),transparent 70%),
      linear-gradient(180deg,#0c0b0a,#0a0908 80%,#0d0b09)}
  body[data-pg="dossier"]:not(.easy) .ds-sky::before{content:'';position:absolute;inset:0;opacity:.75;
    background-image:radial-gradient(1px 1px at 12% 18%,#e8dcc0,transparent),radial-gradient(1px 1px at 27% 61%,#cdbf9f,transparent),radial-gradient(1.2px 1.2px at 44% 9%,#efe2c4,transparent),
      radial-gradient(1px 1px at 71% 27%,#d9cba9,transparent),radial-gradient(1px 1px at 86% 58%,#e8dcc0,transparent),radial-gradient(1.3px 1.3px at 58% 74%,#f1e4c6,transparent),
      radial-gradient(1px 1px at 8% 79%,#cdbf9f,transparent),radial-gradient(1px 1px at 93% 9%,#d9cba9,transparent),radial-gradient(1px 1px at 36% 38%,#bfb294,transparent),
      radial-gradient(1px 1px at 80% 84%,#cdbf9f,transparent),radial-gradient(1px 1px at 19% 44%,#e8dcc0,transparent),radial-gradient(1px 1px at 64% 51%,#bfb294,transparent)}
  body[data-pg="dossier"]:not(.easy) .ds-sky i{position:absolute;width:10px;margin-left:-5px;text-align:center;font:400 7px/8px 'Nanum Myeongjo',serif;font-style:normal;color:#7d7566}
  body[data-pg="dossier"]:not(.easy) .ds-sky .n{left:180px;top:21px}
  body[data-pg="dossier"]:not(.easy) .ds-sky .s{left:180px;top:301.6px}
  body[data-pg="dossier"]:not(.easy) .ds-sky .w{left:33.8px;top:163px}
  body[data-pg="dossier"]:not(.easy) .ds-sky .e{left:326px;top:163px}
  body[data-pg="dossier"]:not(.easy) .ds-sky p{position:absolute;margin:0;font:400 7px/12.5px 'Nanum Myeongjo',serif;color:#9a917f;white-space:nowrap}
  body[data-pg="dossier"]:not(.easy) .ds-sky .q1{left:286px;top:14px}
  body[data-pg="dossier"]:not(.easy) .ds-sky .q1::after{content:'';position:absolute;left:44px;top:43px;width:15px;height:1px;background:rgba(255,248,232,.25)}
  body[data-pg="dossier"]:not(.easy) .ds-sky .q2{left:17px;top:279px;font-size:7.5px;line-height:13px}
  body[data-pg="dossier"]:not(.easy) .ds-sky .q2::before{content:'';position:absolute;left:0;top:-6px;width:15px;height:1px;background:rgba(255,248,232,.25)}
  body[data-pg="dossier"]:not(.easy) .ds-sky .moon{position:absolute;left:307px;top:259px;width:24px;height:28px;border-radius:50%;box-shadow:-5px 3px 0 0 #d9b46c;transform:rotate(-12deg);opacity:.9}

  /* 시트 — 관계 요약 */
  body[data-pg="dossier"]:not(.easy) .netside{position:relative;top:auto;z-index:2;max-height:none;margin:0;padding:0 17.7px 22px;border-radius:17px 17px 0 0;border:0;border-top:1px solid rgba(255,248,232,.12);
    background:linear-gradient(180deg,#1d1a16,#161411 140px);box-shadow:0 -8px 24px rgba(0,0,0,.35)}
  body[data-pg="dossier"]:not(.easy) .netside::before{content:'';display:block;width:36px;height:3px;margin:5px auto 0;border-radius:2px;background:rgba(255,248,232,.28)}
  body[data-pg="dossier"]:not(.easy) .netside>h3{display:flex;align-items:center;gap:8px;min-height:0;height:24px;margin:12px 0 0;font:700 20px/24px 'Nanum Myeongjo',serif;color:#f1e9da;letter-spacing:-.01em}
  body[data-pg="dossier"]:not(.easy) .netside>h3>span:first-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-pg="dossier"]:not(.easy) .netside>h3 .bdg.sm:has(~.ds-hq){display:none}
  body[data-pg="dossier"]:not(.easy) .ds-hq[hidden]{display:inline-flex!important;flex:none;margin-right:.3px}
  body[data-pg="dossier"]:not(.easy) .netside .hp{position:relative;width:21px;height:21px;margin:0;border-radius:4px;font-size:11px;border-color:rgba(255,248,232,.22);background:rgba(255,248,232,.05);color:#e6ddcd}
  body[data-pg="dossier"]:not(.easy) .netside .hp::after{content:'';position:absolute;inset:-6px}
  body[data-pg="dossier"]:not(.easy) .ds-rv[hidden]{display:block!important}
  body[data-pg="dossier"]:not(.easy) #netDetail .ds-rv~.dkv{display:none}
  body[data-pg="dossier"]:not(.easy) .ds-chs{display:flex;gap:10px;margin-top:9px;padding-bottom:10px;border-bottom:1px solid rgba(255,248,232,.09)}
  body[data-pg="dossier"]:not(.easy) .ds-ch{display:inline-flex;align-items:center;height:23px;padding:0 12.5px;border-radius:12px;border:1px solid rgba(217,180,108,.75);color:#e9dcc0;
    font:400 11px/1 'Pretendard Variable','Pretendard',sans-serif;white-space:nowrap}
  body[data-pg="dossier"]:not(.easy) .ds-ch.hot{border-color:rgba(214,120,104,.7);color:#e09a8a;background:rgba(214,120,104,.06)}
  body[data-pg="dossier"]:not(.easy) .ds-pw{display:flex;align-items:center;height:36px;border-bottom:1px solid rgba(255,248,232,.09);font:400 10.5px/1 'Pretendard Variable','Pretendard',sans-serif;color:#cfc6b6}
  body[data-pg="dossier"]:not(.easy) .ds-pw .hp{width:14.6px;height:14.6px;margin-left:9.4px;font-size:8.5px;border-radius:3px}
  body[data-pg="dossier"]:not(.easy) .ds-pw .ds-pb{flex:1;min-width:0;height:7px;margin:0 9px 0 11px;border-radius:4px;background:rgba(255,248,232,.08);overflow:hidden}
  body[data-pg="dossier"]:not(.easy) .ds-pw .ds-pb b{display:block;height:100%;border-radius:4px;background:#e2be76}
  body[data-pg="dossier"]:not(.easy) .ds-pw em{margin-left:auto;font-style:normal;color:#b8af9f;white-space:nowrap}
  body[data-pg="dossier"]:not(.easy) .ds-tn{display:flex;align-items:center;gap:0;height:39px;font:400 10.5px/14px 'Pretendard Variable','Pretendard',sans-serif;color:#cfc6b6}
  body[data-pg="dossier"]:not(.easy) .ds-tn .ds-ic{flex:none;width:19px;height:19px;margin:0 7.5px 0 .8px;fill:none;stroke:#cfc6b6;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
  body[data-pg="dossier"]:not(.easy) .ds-tn .ds-ic circle{fill:#cfc6b6;stroke:none}
  body[data-pg="dossier"]:not(.easy) .ds-tn>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-pg="dossier"]:not(.easy) .ds-tn b{font-weight:400;color:#e6ddcd}
  body[data-pg="dossier"]:not(.easy) .ds-tn .hp{margin-right:.7px}
  body[data-pg="dossier"]:not(.easy) .ds-qb{min-height:76.5px;padding:10.5px 12px 9px 28px;border-radius:8px;border:1px solid rgba(255,248,232,.1);background:rgba(255,248,232,.03)}
  body[data-pg="dossier"]:not(.easy) .ds-qb p{position:relative;margin:0;font:400 10px/15px 'Pretendard Variable','Pretendard',sans-serif;color:#b8af9f}
  body[data-pg="dossier"]:not(.easy) .ds-qb p+p{margin-top:9.5px}
  body[data-pg="dossier"]:not(.easy) .ds-qb p::before{content:'\201C';position:absolute;left:-18.5px;top:5px;font:800 22px/22px 'Nanum Myeongjo',serif;color:#857c6d}
  body[data-pg="dossier"]:not(.easy) .ds-qb b{font-weight:400;color:#d6cdbd}
  body[data-pg="dossier"]:not(.easy) .ds-ab{display:grid;grid-template-columns:1fr 1fr;gap:8.8px;margin-top:12.5px}
  body[data-pg="dossier"]:not(.easy) .ds-b{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:31.5px;margin:0;padding:0;border-radius:6px;
    border:1px solid rgba(255,248,232,.18);background:rgba(255,248,232,.03);color:#e6ddcd;font:400 12px/1 'Pretendard Variable','Pretendard',sans-serif;cursor:pointer}
  body[data-pg="dossier"]:not(.easy) .ds-b::after{content:'';position:absolute;inset:-6px 0}
  body[data-pg="dossier"]:not(.easy) .ds-b.gold{border-color:rgba(217,180,108,.7);background:rgba(232,195,122,.07);color:#e8c37a}
  body[data-pg="dossier"]:not(.easy) .ds-b .ds-ic{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  body[data-pg="dossier"]:not(.easy) .ds-b.gold .ds-ic{fill:currentColor;stroke:none}
  body[data-pg="dossier"]:not(.easy) .netside .dch{margin-top:16px}
  body[data-pg="dossier"]:not(.easy) .netside .netback{margin-top:12px}
}