/* PAOPAO DREAM DETAIL | original dreamy appearance is inherited from dream-sky.css; only oriental is styled here. */
@import url("https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Noto+Serif+KR:wght@400;500;600;700&display=swap");






















/* Oriental theme owns its palette. The original dreamy theme keeps its existing saved palette. */

body.dream-sky[data-dream-theme="oriental"] {
  --color-background: #eae0cf;
  background: #eae0cf;
}
body.dream-sky[data-dream-theme="oriental"] .dream-detail {
  --dream-background: transparent;
  --dream-text: #332b27;
  --dream-accent: #9c4839;
  --dream-line: #b9a88c;
  --dream-surface: #f5ebda;
}
body.dream-sky[data-dream-theme="oriental"] .dream-sky-clouds::before,
body.dream-sky[data-dream-theme="oriental"] .dream-sky-clouds::after {
  display: none;
  animation: none;
}
body.dream-sky[data-dream-theme="oriental"] .dream-detail-hero,
body.dream-sky[data-dream-theme="oriental"] .dream-detail-section {
  background: transparent;
}

/* ORIENTAL | hanji paper, ink strokes, muted vermilion seal */
body.dream-sky[data-dream-theme="oriental"] {
  --dt-ink:#332b27;
  --dt-secondary:#766a60;
}
body.dream-sky[data-dream-theme="oriental"] .site {
  background: repeating-linear-gradient(90deg,transparent 0 3px,rgba(94,68,41,.018) 3px 4px),
              radial-gradient(ellipse at 12% 22%,rgba(142,96,57,.08),transparent 44%),
              linear-gradient(140deg,#eae0cf 0%,#f5eee2 53%,#e9ddca 100%);
  color:#332b27;
}
body.dream-sky[data-dream-theme="oriental"] .dream-sky-clouds { display:none; }
body.dream-sky[data-dream-theme="oriental"] .site-header,
body.dream-sky[data-dream-theme="oriental"] .site-footer {
  background:rgba(246,238,222,.93);
  color:#55483c;border-color:#b8a68b;
  box-shadow:none;backdrop-filter:none;
}
body.dream-sky[data-dream-theme="oriental"] .site-header a,
body.dream-sky[data-dream-theme="oriental"] .site-footer a,
body.dream-sky[data-dream-theme="oriental"] .site-nav a,
body.dream-sky[data-dream-theme="oriental"] .footer-label { color:#4a3d34; }
body.dream-sky[data-dream-theme="oriental"] .dream-detail {
  --color-text:#322a25;
  --color-text-muted:#766a60;
  --color-line:#b9a88c;
  --color-surface:#eee3d2;
  --color-accent:#9c4839;
  color:#332b27;font-family:"Gowun Batang","Noto Serif KR",serif;
}
body.dream-sky[data-dream-theme="oriental"] .dream-detail-hero .dream-detail-inner {
  position:relative;overflow:hidden;
  border:1px solid #b7a58b;
  border-left:6px solid #59483d;
  border-radius:2px;
  padding:clamp(70px,8vw,112px) clamp(25px,6vw,86px);
  text-align:left;
  background:linear-gradient(100deg,#f8f0e2ee 0%,#f0e5d3f5 78%,#eee1cb),
             repeating-linear-gradient(90deg,transparent 0 5px,#7c684910 5px 6px);
  box-shadow:12px 14px 0 #b9a78c38,0 20px 50px #5b483020;
  backdrop-filter:none;
}
body.dream-sky[data-dream-theme="oriental"] .dream-detail-hero .dream-detail-inner::before {
  content:"緣";position:absolute;top:32px;right:32px;left:auto;
  width:52px;height:52px;display:grid;place-items:center;
  border:2px solid #a24e43;border-radius:5px;
  color:#9e453b;font:700 28px/1 "Noto Serif KR",serif;
  background:#a34e4310;box-shadow:none;transform:rotate(-7deg);
}
body.dream-sky[data-dream-theme="oriental"] .dream-detail-hero .dream-detail-inner::after {
  content:"";display:block;position:absolute;inset:11px;
  border:1px solid #ad9c816b;pointer-events:none;
}
body.dream-sky[data-dream-theme="oriental"] .dream-detail-title {
  color:#302923;font-size:clamp(3.1rem,7.4vw,7.1rem);line-height:1.12;
  letter-spacing:.02em;overflow-wrap:anywhere;
}
body.dream-sky[data-dream-theme="oriental"] .dream-detail-summary,
body.dream-sky[data-dream-theme="oriental"] .dream-detail-eyebrow,
body.dream-sky[data-dream-theme="oriental"] .dream-back-link {color:#685c4f;}
body.dream-sky[data-dream-theme="oriental"] .dream-keyword-list li {
  border:1px solid #b8a58a;border-radius:2px;background:#c6b39626;color:#594b40;
}
body.dream-sky[data-dream-theme="oriental"] .dream-detail-section > .dream-detail-inner {
  position:relative;
  border:1px solid #b9a98e;border-radius:2px;
  background:linear-gradient(160deg,#f9f2e7ed,#f2e9daee);
  box-shadow:8px 10px 0 #a18b6930;backdrop-filter:none;
  color:#392e27;
}
body.dream-sky[data-dream-theme="oriental"] .dream-detail-section > .dream-detail-inner::before {
  content:"";position:absolute;left:24px;top:0;width:48px;height:3px;background:#9c4839;
}
body.dream-sky[data-dream-theme="oriental"] .dream-detail-section-header::after {
  background:linear-gradient(90deg,transparent,#9e453b 49%,transparent);
}
body.dream-sky[data-dream-theme="oriental"] .dream-detail-section-title,
body.dream-sky[data-dream-theme="oriental"] .character-name,
body.dream-sky[data-dream-theme="oriental"] .relationship-lead,
body.dream-sky[data-dream-theme="oriental"] .timeline-title {color:#332a23;}
body.dream-sky[data-dream-theme="oriental"] .dream-detail-section-label,
body.dream-sky[data-dream-theme="oriental"] .character-role,
body.dream-sky[data-dream-theme="oriental"] .timeline-label {color:#995044;}
body.dream-sky[data-dream-theme="oriental"] .character-card,
body.dream-sky[data-dream-theme="oriental"] .dream-gallery-image,
body.dream-sky[data-dream-theme="oriental"] .dream-main-visual-placeholder {
  border:1px solid #b2a189;border-radius:2px;
  background:#efe4d3;overflow:hidden;
}
body.dream-sky[data-dream-theme="oriental"] .character-description,
body.dream-sky[data-dream-theme="oriental"] .relationship-copy,
body.dream-sky[data-dream-theme="oriental"] .timeline-description,
body.dream-sky[data-dream-theme="oriental"] .dream-note-content,
body.dream-sky[data-dream-theme="oriental"] .character-meta dt,
body.dream-sky[data-dream-theme="oriental"] .character-profile-link,
body.dream-sky[data-dream-theme="oriental"] .dream-gallery-item figcaption {color:#74665a;}
body.dream-sky[data-dream-theme="oriental"] .dream-timeline,
body.dream-sky[data-dream-theme="oriental"] .dream-timeline-item { border-color:#b8a88e; }

/* Shared: keep text, artwork, and cards usable on smaller viewports. */
body.dream-sky .dream-detail .character-image img,
body.dream-sky .dream-detail .dream-gallery-image img,
body.dream-sky .dream-detail .dream-main-visual-placeholder img { max-width:100%;display:block; }
@media(max-width:720px){
  body.dream-sky .dream-detail-hero .dream-detail-inner { max-width:100%; }

  body.dream-sky[data-dream-theme="oriental"] .dream-detail-hero .dream-detail-inner { padding:82px 22px 42px; }
  body.dream-sky[data-dream-theme="oriental"] .dream-detail-hero .dream-detail-inner::before {width:40px;height:40px;font-size:23px;top:16px;right:17px;}
  body.dream-sky .dream-detail-title {overflow-wrap:anywhere;}
}


/* This button is rendered only in the authenticated editor preview. */
body.dream-sky .paopao-gallery-quick-add {
  min-height:140px;display:grid;place-items:center;width:100%;padding:20px;
  border:2px dashed currentColor;border-radius:13px;background:transparent;color:inherit;
  font:700 15px/1.5 "Gowun Batang",serif;opacity:.72;cursor:pointer;
}
body.dream-sky .paopao-gallery-quick-add:hover {opacity:1}
body.dream-sky .paopao-gallery-quick-add:focus-visible {outline:3px solid #bb865a;outline-offset:3px}