/* =====================================================================
   PopsPops V300 — Unified Design Layer  (loaded LAST, after style.css)
   Palette: Paper #FBF8F3 · Ink #15131F · Coral #E8542F · Violet #6D4AFF · Gold #F2B544
   Goals: content-first order (posts before promos), light readable canvas,
          compact header/sidebar, one consistent card system, fast first paint.
   All feature hooks (class/id) are preserved; only presentation is changed.
   ===================================================================== */
:root{
  --pp-paper:#FBF8F3; --pp-card:#FFFFFF; --pp-ink:#15131F; --pp-ink2:#2A2638;
  --pp-text:#26222F; --pp-sub:#6B6676; --pp-line:#ECE5DA; --pp-line2:#DDD3C4;
  --pp-coral:#E8542F; --pp-coral-d:#C93F1D; --pp-violet:#6D4AFF; --pp-gold:#F2B544;
  --pp-radius:16px; --pp-radius-s:10px;
  --pp-shadow:0 1px 2px rgba(21,19,31,.05),0 8px 24px -12px rgba(21,19,31,.18);
  --pp-font:'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',system-ui,-apple-system,'Segoe UI',sans-serif;
  --pp-max:1320px;
  --pp-aside:400px;
}
html{scroll-behavior:smooth}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice){background:var(--pp-paper)!important;color:var(--pp-text)!important;font-family:var(--pp-font)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap a{transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) :focus-visible{outline:3px solid var(--pp-violet)!important;outline-offset:2px!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap{background:transparent!important;max-width:none!important;min-height:100vh}

/* ---------- 1. HEADER ---------- */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap>.header{background:linear-gradient(135deg,#15131F 0%,#241B3A 55%,#3A1F34 100%)!important;border:0!important;box-shadow:0 6px 30px -14px rgba(21,19,31,.6)!important;padding:0!important;position:relative;overflow:visible!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .inner-header{max-width:var(--pp-max)!important;margin:0 auto!important;padding:14px 24px!important;background:none!important;position:relative;min-height:0!important;height:auto!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .box-header{display:flex!important;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:0!important;margin:0!important;background:none!important;width:auto!important;max-width:none!important;min-height:0!important;height:auto!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .title-logo{margin:0!important;padding:0!important;font-size:clamp(17px,1.6vw,22px)!important;line-height:1.25!important;font-weight:800!important;letter-spacing:-.02em;flex:1 1 auto;color:#fff!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .title-logo a{color:#fff!important;text-decoration:none!important;display:inline-flex;align-items:center;gap:10px}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .title-logo a::before{content:"♫";display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--pp-coral),var(--pp-gold));color:#fff;font-size:18px;flex:none}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .title-logo img.img_logo{max-height:34px;width:auto}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .pp-v67-pc-search,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .util.use-top{position:static!important;margin:0!important;width:260px;max-width:100%;transform:none!important;order:3}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .util.use-top .search{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;box-shadow:none!important;overflow:hidden}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .util.use-top .searchInput{background:transparent!important;color:#fff!important;border:0!important;height:40px!important;padding:0 18px!important;font:500 14px var(--pp-font)!important;width:100%}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .util.use-top .searchInput::placeholder{color:rgba(255,255,255,.6)}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .area-align{position:static!important;padding:0!important;margin:0!important;min-height:0!important;height:auto!important;width:100%;order:4}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .area-gnb nav ul{display:flex;gap:6px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .area-gnb nav a{color:#E9E3F5!important;padding:6px 12px;border-radius:999px;font-weight:600;font-size:14px;text-decoration:none!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .area-gnb nav a:hover{background:rgba(255,255,255,.12)}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .button-menu{background:rgba(255,255,255,.12)!important;border-radius:10px!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .button-menu svg path{fill:#fff!important}
/* secondary header blocks only on the home page */
html body:not(#tt-body-index):is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .pp-home-hero,
html body:not(#tt-body-index):is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .pp-play-sign,
html body:not(#tt-body-index):is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .pp-v109-girl-banner,
html body:not(#tt-body-index):is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header #pops-v204-cafe-layout,
html body:not(#tt-body-index):is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .pops-my-home-cta,
html body:not(#tt-body-index):is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .area-slogun,
html body:not(#tt-body-index):is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .pops-v35-menu-hint{display:none!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .pops-my-home-cta{margin:0 auto 18px!important;max-width:var(--pp-max)}

/* Home hero: compact cinematic banner (H1 lives here) */
html body#tt-body-index #wrap .header .pp-home-hero{order:5;flex:1 0 100%;position:relative;overflow:hidden;border-radius:20px;margin:10px 0 0!important;padding:clamp(28px,4vw,48px)!important;min-height:0!important;height:auto!important;max-height:none!important;
  background:linear-gradient(100deg,rgba(21,19,31,.88) 0%,rgba(21,19,31,.55) 55%,rgba(21,19,31,.15) 100%),url("./pops-v77-original-sunset-clean.jpg") right center/cover no-repeat!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important;display:block!important}
html body#tt-body-index #wrap .header .pp64-eyebrow{display:block!important;color:var(--pp-gold)!important;font:800 11px/1 var(--pp-font)!important;letter-spacing:.2em;margin:0 0 12px!important}
html body#tt-body-index #wrap .header .pp-home-tagline{color:#fff!important;font:800 clamp(24px,3.2vw,40px)/1.25 var(--pp-font)!important;letter-spacing:-.03em;margin:0 0 10px!important;text-shadow:0 2px 18px rgba(0,0,0,.4)}
html body#tt-body-index #wrap .header .pp64-intro{color:rgba(255,255,255,.86)!important;font:500 clamp(14px,1.3vw,16px)/1.6 var(--pp-font)!important;margin:0 0 18px!important;max-width:560px}
html body#tt-body-index #wrap .header .pp-home-rooms{display:flex!important;flex-wrap:wrap;gap:8px!important;margin:0!important}
html body#tt-body-index #wrap .header .pp-home-rooms a{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;border-radius:999px!important;padding:9px 16px!important;font:700 13px var(--pp-font)!important;text-decoration:none!important;backdrop-filter:blur(6px);box-shadow:none!important;width:auto!important;min-height:0!important}
html body#tt-body-index #wrap .header .pp-home-rooms a::before{display:none!important}
html body#tt-body-index #wrap .header .pp-home-rooms a:hover{background:var(--pp-coral)!important;border-color:var(--pp-coral)!important}
html body#tt-body-index #wrap .header #pops-v204-cafe-layout{order:6;flex:1 0 100%;margin:0!important;min-height:0!important;height:auto!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .pp-play-sign{order:7;flex:1 0 100%;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:14px!important;padding:12px 16px!important;margin:0!important;box-shadow:none!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .pp-play-sign__body strong{color:#fff!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .pp-play-sign__body span{color:#CFC8E0!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .pp-play-sign__link{background:var(--pp-coral)!important;color:#fff!important;border-radius:999px!important;padding:8px 16px!important;font-weight:700;text-decoration:none!important}

/* ---------- 2. PAGE FRAME (content first, sidebar right) ---------- */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap #container{max-width:none!important;padding:0!important;background:transparent!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap main.main{display:grid!important;grid-template-columns:minmax(0,1fr) var(--pp-aside);gap:32px;max-width:var(--pp-max)!important;margin:0 auto!important;padding:32px 24px 56px!important;align-items:start;background:transparent!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-main{display:flex!important;flex-direction:column;gap:24px;min-width:0;width:auto!important;max-width:none!important;float:none!important;padding:0!important;margin:0!important;background:transparent!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside{width:auto!important;max-width:none!important;float:none!important;position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0!important;margin:0!important;display:grid!important;grid-template-columns:1fr 1fr;gap:8px;background:transparent!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>*{grid-column:1/-1;min-width:0}

/* Order: posts first on home; promos after (all preserved) */
html body#tt-body-index #wrap .area-main>.area-common{order:1}
html body#tt-body-index #wrap .area-main>.area-view,
html body#tt-body-index #wrap .area-main>.area-paging{order:2}
html body#tt-body-index #wrap .area-main>#pops-v28-hub{order:3}
html body#tt-body-index #wrap .area-main>#pops-v27-cafe{order:4}
html body#tt-body-index #wrap .area-main>#pops-v107-gift{order:5}
html body#tt-body-index #wrap .area-main>.pops-v53-notices{order:6}
html body#tt-body-index #wrap .area-main>section:not([id]){order:7}
/* Article: lyrics/post first; start-here + cafe promos move under it */
html body#tt-body-page #wrap .area-main>.area-view{order:1}
html body#tt-body-page #wrap .area-main>#pops-v28-hub{order:3}
html body#tt-body-page #wrap .area-main>#pops-v27-cafe{order:4}

/* ---------- 3. SECTION / PROMO CARDS ---------- */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap #pops-v28-hub,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap #pops-v27-cafe,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-v53-notices,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap #pops-v107-gift{border-radius:var(--pp-radius)!important;margin:0!important;box-shadow:var(--pp-shadow)!important}
html body#tt-body-index #wrap .area-main>#pops-v28-hub{background:linear-gradient(135deg,#1B1730,#2C1F45)!important;border:1px solid #3A2D5C!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-v53-notices{background:#fff!important;border:1px solid var(--pp-line)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-v53-notices h2,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-v53-notices strong{color:var(--pp-ink)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-v53-notices p,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-v53-notices__head span{color:var(--pp-sub)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-v53-notice-card{background:var(--pp-paper)!important;border:1px solid var(--pp-line)!important;border-radius:12px!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-v53-notice-card:hover{border-color:var(--pp-coral)!important}

/* ---------- 4. POST LIST (home / category / search / tag) ---------- */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common{padding:0!important;margin:0!important;background:transparent!important;border:0!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common .title-search{margin:0 0 18px!important;padding:0 0 12px!important;border:0!important;border-bottom:2px solid var(--pp-ink)!important;color:var(--pp-ink)!important;font:800 clamp(20px,2.2vw,26px)/1.3 var(--pp-font)!important;letter-spacing:-.02em;display:flex;align-items:baseline;gap:10px}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common .title-search *{color:inherit!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common .title-search span{color:var(--pp-coral)!important;font-size:.7em!important;font-weight:700!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common>.article-type-common,
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common{display:grid!important;grid-template-columns:200px minmax(0,1fr)!important;gap:0 20px!important;align-items:center;background:var(--pp-card)!important;border:1px solid var(--pp-line)!important;border-radius:var(--pp-radius)!important;padding:14px!important;margin:0 0 14px!important;box-shadow:var(--pp-shadow)!important;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common::before{display:none!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common:hover{transform:translateY(-2px);border-color:var(--pp-coral)!important;box-shadow:0 14px 34px -16px rgba(232,84,47,.45)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common>a.link-article{grid-column:1;grid-row:1;display:block!important;margin:0!important;width:auto!important;float:none!important;position:static!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .thumbnail{display:block!important;position:relative!important;width:200px!important;height:auto!important;aspect-ratio:16/10;border-radius:12px!important;overflow:hidden;background-color:#EFE8DC!important;background-size:cover!important;background-position:center!important;margin:0!important;float:none!important;right:auto!important;left:auto!important;top:auto!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .thumbnail .img-thumbnail{width:100%!important;height:100%!important;object-fit:cover;opacity:1!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .article-content{grid-column:2;grid-row:1;display:flex!important;flex-direction:column;gap:6px;padding:0!important;margin:0!important;min-width:0;width:auto!important;float:none!important;background:none!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .article-content a.link-article{display:block!important;color:inherit!important;text-decoration:none!important;margin:0!important;padding:0!important;width:auto!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .title{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--pp-ink)!important;font:800 clamp(16px,1.5vw,19px)/1.4 var(--pp-font)!important;letter-spacing:-.02em;margin:0 0 6px!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common:hover .title{color:var(--pp-coral-d)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .summary{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--pp-sub)!important;font:400 14px/1.6 var(--pp-font)!important;margin:0!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .box-meta{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:2px 0 0!important;padding:0!important;color:var(--pp-sub)!important;font:500 12px var(--pp-font)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .link-category{background:#FFF0EA!important;color:var(--pp-coral-d)!important;border-radius:999px!important;padding:3px 10px!important;font-weight:700!important;text-decoration:none!important;border:0!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .date,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .reply{color:var(--pp-sub)!important}
/* ---------- paging ---------- */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-paging{margin:24px 0 0!important;display:flex;justify-content:center;gap:6px;align-items:center;background:none!important;border:0!important;padding:0!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-paging .paging_num{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-paging a.link_num,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-paging a.link_page{min-width:40px;height:40px;display:inline-grid!important;place-items:center;border-radius:12px!important;background:#fff!important;border:1px solid var(--pp-line)!important;color:var(--pp-text)!important;font-weight:700;text-decoration:none!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-paging a.link_num:hover,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-paging a.link_page:hover,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-paging a.link_num.selected,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-paging a.link_num.current{background:var(--pp-ink)!important;color:#fff!important;border-color:var(--pp-ink)!important}

/* ---------- 5. ARTICLE (post) ---------- */
html body#tt-body-page #wrap .area-view{background:var(--pp-card)!important;border:1px solid var(--pp-line)!important;border-radius:20px!important;box-shadow:var(--pp-shadow)!important;padding:0!important;overflow:hidden;color:var(--pp-text)!important;min-width:0}
html body#tt-body-page #wrap .article-header{background:linear-gradient(135deg,#15131F,#2B1F44)!important;background-image:linear-gradient(135deg,#15131F,#2B1F44)!important;padding:clamp(24px,4vw,44px)!important;margin:0!important;min-height:0!important;height:auto!important;border:0!important;position:relative}
html body#tt-body-page #wrap .article-header .inner-header{padding:0!important;max-width:none!important;margin:0!important;background:none!important}
html body#tt-body-page #wrap .article-header .box-meta{background:none!important;padding:0!important;margin:0!important;max-width:none!important;position:static!important}
html body#tt-body-page #wrap .article-header .category{display:inline-block;color:var(--pp-gold)!important;font:800 12px/1 var(--pp-font)!important;letter-spacing:.06em;margin:0 0 14px!important;background:rgba(242,181,68,.12);padding:6px 12px;border-radius:999px}
html body#tt-body-page #wrap .article-header .title-article{color:#fff!important;font:800 clamp(24px,3.4vw,36px)/1.35 var(--pp-font)!important;letter-spacing:-.03em;margin:0 0 16px!important;word-break:keep-all;overflow-wrap:anywhere;text-shadow:none!important}
html body#tt-body-page #wrap .article-header .box-info,html body#tt-body-page #wrap .article-header .box-info *{color:#CFC8E0!important;font:500 13px var(--pp-font)!important}
html body#tt-body-page #wrap .article-view{background:transparent!important;color:var(--pp-text)!important;padding:clamp(20px,4vw,44px)!important;font:400 17px/1.9 var(--pp-font)!important;word-break:keep-all;overflow-wrap:anywhere;max-width:none!important}
html body#tt-body-page #wrap .article-view>p,html body#tt-body-page #wrap .article-view>ul,html body#tt-body-page #wrap .article-view>ol,html body#tt-body-page #wrap .article-view>div:not([class]),html body#tt-body-page #wrap .article-view>span{color:var(--pp-text)!important;font-size:17px!important;line-height:1.9!important}
html body#tt-body-page #wrap .article-view>p{margin:0 0 1.15em!important}
html body#tt-body-page #wrap .article-view>h2{color:var(--pp-ink)!important;font:800 clamp(21px,2.4vw,26px)/1.4 var(--pp-font)!important;letter-spacing:-.025em;margin:2.2em 0 .8em!important;padding:0 0 .55em!important;border-bottom:2px solid var(--pp-line)!important;position:relative}
html body#tt-body-page #wrap .article-view>h2::after{content:"";position:absolute;left:0;bottom:-2px;width:72px;height:2px;background:var(--pp-coral)}
html body#tt-body-page #wrap .article-view>h3{color:var(--pp-ink2)!important;font:700 clamp(18px,2vw,21px)/1.45 var(--pp-font)!important;margin:1.8em 0 .6em!important;padding-left:12px;border-left:4px solid var(--pp-violet)}
html body#tt-body-page #wrap .article-view>h4{color:var(--pp-ink2)!important;font:700 17px/1.5 var(--pp-font)!important;margin:1.4em 0 .4em!important}
html body#tt-body-page #wrap .article-view a{color:var(--pp-violet)!important;text-underline-offset:3px}
html body#tt-body-page #wrap .article-view blockquote{background:#FAF5EC!important;border:0!important;border-left:4px solid var(--pp-gold)!important;border-radius:0 12px 12px 0!important;margin:1.4em 0!important;padding:16px 20px!important;color:#3B3547!important;font-style:normal!important}
html body#tt-body-page #wrap .article-view blockquote *{color:#3B3547!important}
html body#tt-body-page #wrap .article-view figure,html body#tt-body-page #wrap .article-view .imageblock{margin:1.5em auto!important;max-width:100%}
html body#tt-body-page #wrap .article-view img{max-width:100%!important;height:auto!important;border-radius:12px}
html body#tt-body-page #wrap .article-view iframe{max-width:100%;border-radius:12px;border:0}
html body#tt-body-page #wrap .article-view table{width:100%!important;border-collapse:separate!important;border-spacing:0;border:1px solid var(--pp-line2)!important;border-radius:12px;overflow:hidden;display:table;margin:1.4em 0!important}
html body#tt-body-page #wrap .article-view table td,html body#tt-body-page #wrap .article-view table th{background:#fff;color:var(--pp-text);border:0!important;border-bottom:1px solid var(--pp-line)!important;padding:11px 14px!important;font-size:15px!important}
html body#tt-body-page #wrap .article-view table tr:first-child td,html body#tt-body-page #wrap .article-view table th{background:#F4EEE3;font-weight:700}
html body#tt-body-page #wrap .article-view hr{border:0;border-top:1px solid var(--pp-line);margin:2em 0}
html body#tt-body-page #wrap .article-view .toc-container,html body#tt-body-page #wrap .article-view .toc{background:#FAF5EC!important;border:1px solid var(--pp-line)!important;border-radius:12px;padding:14px 18px!important}
html body#tt-body-page #wrap .article-view .toc a{color:var(--pp-text)!important}
/* article footer */
html body#tt-body-page #wrap .article-footer{background:#FAF5EC!important;border-top:1px solid var(--pp-line)!important;padding:clamp(18px,3vw,32px)!important;color:var(--pp-text)!important;margin:0!important}
html body#tt-body-page #wrap .article-footer .title-footer{color:var(--pp-ink)!important;font:800 16px var(--pp-font)!important;margin:0 0 12px!important;letter-spacing:-.01em}
html body#tt-body-page #wrap .article-footer a,html body#tt-body-page #wrap .article-footer li,html body#tt-body-page #wrap .article-footer strong,html body#tt-body-page #wrap .article-footer span{color:var(--pp-text)!important}
html body#tt-body-page #wrap .article-footer .box-tag a{display:inline-block;background:#fff!important;border:1px solid var(--pp-line2)!important;color:var(--pp-coral-d)!important;border-radius:999px;padding:5px 12px;margin:0 6px 6px 0;font-weight:600;text-decoration:none}
html body#tt-body-page #wrap .article-footer .box-tag a:hover{background:var(--pp-coral)!important;color:#fff!important;border-color:var(--pp-coral)!important}
html body#tt-body-page #wrap .article-page ul{list-style:none;margin:0;padding:0;border:1px solid var(--pp-line2);border-radius:12px;overflow:hidden;background:#fff}
html body#tt-body-page #wrap .article-page li{padding:12px 16px;border-bottom:1px solid var(--pp-line);background:#fff!important}
html body#tt-body-page #wrap .article-page li:last-child{border:0}
html body#tt-body-page #wrap .article-page li span{display:inline-block;min-width:52px;color:var(--pp-sub)!important;font-size:12px;font-weight:700}
html body#tt-body-page #wrap .list-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
html body#tt-body-page #wrap .item-related{background:#fff!important;border:1px solid var(--pp-line)!important;border-radius:14px;overflow:hidden;margin:0!important;width:auto!important;float:none!important}
html body#tt-body-page #wrap .item-related .thumnail{display:block!important;aspect-ratio:16/10;height:auto!important;background-size:cover!important;background-position:center;background-color:#EFE8DC}
html body#tt-body-page #wrap .item-related .box_content{padding:12px 14px!important}
html body#tt-body-page #wrap .item-related strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:700 14px/1.45 var(--pp-font)!important;color:var(--pp-ink)!important}
html body#tt-body-page #wrap .item-related .date{color:var(--pp-sub)!important;font-size:12px!important}
html body#tt-body-page #wrap .article-reply{margin-top:24px}
html body#tt-body-page #wrap .article-reply,html body#tt-body-page #wrap .article-reply *{color:var(--pp-text)}
html body#tt-body-page #wrap .article-reply textarea,html body#tt-body-page #wrap .article-reply input{background:#fff!important;color:var(--pp-text)!important;border:1px solid var(--pp-line2)!important;border-radius:10px}

/* ---------- 6. SIDEBAR ---------- */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-profile{background:linear-gradient(160deg,#15131F,#2B1F44)!important;background-image:linear-gradient(160deg,#15131F,#2B1F44)!important;border:0!important;border-radius:var(--pp-radius)!important;padding:22px 18px!important;text-align:center;box-shadow:var(--pp-shadow)!important;min-height:0!important;height:auto!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-profile .inner-box{padding:0!important;background:none!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-profile .img-profile{width:72px!important;height:72px!important;border-radius:50%!important;object-fit:cover;border:3px solid var(--pp-gold)!important;margin:0 auto 10px!important;display:block}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-profile .tit-g{color:#fff!important;font:800 17px var(--pp-font)!important;margin:0 0 6px!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-profile .text-profile{color:#CFC8E0!important;font:400 13px/1.55 var(--pp-font)!important;margin:0!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-profile .profile-btn-group{display:none!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-profile .btn-g{background:rgba(255,255,255,.12)!important;color:#fff!important;border:0!important;border-radius:999px!important}
/* 17 feature links → compact 2-column tiles */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>a[class*="-menu"]{grid-column:auto!important;display:flex!important;align-items:center;gap:8px;min-width:0;min-height:0!important;height:auto!important;padding:10px 12px!important;margin:0!important;background:var(--pp-card)!important;background-image:none!important;border:1px solid var(--pp-line)!important;border-radius:12px!important;box-shadow:none!important;text-decoration:none!important;transform:none!important;filter:none!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>a[class*="-menu"]:hover{border-color:var(--pp-coral)!important;box-shadow:0 8px 20px -12px rgba(232,84,47,.5)!important;background:#FFF7F3!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>a[class*="-menu"] [class*="__icon"],html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>a[class*="-menu"] [class*="-icon"]{flex:none;width:auto!important;height:auto!important;font-size:19px!important;line-height:1;background:none!important;border:0!important;box-shadow:none!important;margin:0!important;display:inline-grid;place-items:center}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>a[class*="-menu"] svg{width:20px;height:20px}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>a[class*="-menu"] [class*="__body"],html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>a[class*="-menu"] [class*="-body"]{min-width:0;display:block!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>a[class*="-menu"] strong{display:block;color:var(--pp-ink)!important;font:700 12.5px/1.3 var(--pp-font)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:none!important;letter-spacing:-.02em}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>a[class*="-menu"] strong i{display:none!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>a[class*="-menu"] small,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>a[class*="-menu"] [class*="__arrow"],html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>a[class*="-menu"] [class*="-arrow"]{display:none!important}
/* the Cafe tile leads the grid, full width */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>a.pops-my-journey-menu{grid-column:1/-1!important;background:linear-gradient(135deg,#3B2416,#6A3F22)!important;border-color:#8A5A35!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>a.pops-my-journey-menu strong{color:#FFE3C2!important;font-size:14px!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>a.pops-my-journey-menu small{display:block!important;color:#E6C7A3!important;font-size:11px!important}
/* category tree */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-category{background:var(--pp-card)!important;border:1px solid var(--pp-line)!important;border-radius:var(--pp-radius)!important;padding:12px!important;box-shadow:var(--pp-shadow)!important;margin:8px 0 0!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-category a{color:var(--pp-text)!important;text-decoration:none!important;border-radius:8px}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-category a:hover{color:var(--pp-coral-d)!important;background:#FFF0EA!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-category .c_cnt{color:var(--pp-sub)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-category a.pops-cat-title{border-radius:8px!important;font-weight:800!important}
/* other sidebar boxes */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>.box-tag,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>.box-recent,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>.box-reply,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>.box-notice,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>.box-plugins,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>.box-archive,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>.box-calendar,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>.box-visit{background:var(--pp-card)!important;border:1px solid var(--pp-line)!important;border-radius:var(--pp-radius)!important;padding:16px!important;margin:8px 0 0!important;box-shadow:none!important;color:var(--pp-text)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .title-sidebar{color:var(--pp-ink)!important;font:800 14px var(--pp-font)!important;margin:0 0 10px!important;letter-spacing:.02em}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-tag a{display:inline-block;color:var(--pp-coral-d)!important;font-size:13px;margin:0 6px 4px 0;text-decoration:none}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-recent .tab-recent{display:flex;gap:6px;margin:0 0 10px;padding:0;list-style:none}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-recent .tab-button a{color:var(--pp-sub)!important;font-weight:700;padding:4px 10px;border-radius:999px;display:inline-block;text-decoration:none}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-recent .tab-button.on a{background:var(--pp-ink)!important;color:#fff!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-recent a.link-recent{display:flex;gap:10px;color:var(--pp-text)!important;text-decoration:none;padding:6px 0}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-recent .thumbnail{flex:none;width:56px!important;height:44px!important;border-radius:8px!important;background-size:cover!important;background-position:center}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-recent strong{font:600 13px/1.4 var(--pp-font)!important;color:var(--pp-text)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-recent span,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .list-sidebar a,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .list-sidebar p{color:var(--pp-sub)!important;font-size:12px!important;text-decoration:none}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .list-sidebar strong{color:var(--pp-text)!important;font-weight:600;font-size:13px}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-visit .text-total{color:var(--pp-ink)!important;font:800 26px var(--pp-font)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-visit li{color:var(--pp-sub)!important;font-size:12px}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .util.use-sidebar{display:none}

/* ---------- 7. FOOTER ---------- */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap #footer{background:var(--pp-ink)!important;color:#B9B2CB!important;border:0!important;margin:0!important;padding:28px 0!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap #footer .inner-footer{max-width:var(--pp-max);margin:0 auto;padding:0 24px!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap #footer *{color:#B9B2CB!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap #footer a:hover{color:#fff!important}

/* ---------- 8. FLOATING BUTTONS ---------- */
html body .pops-my-launcher,html body .pops-eco-launcher{box-shadow:0 10px 26px -10px rgba(21,19,31,.6)!important}

/* ---------- 9. TABLET / MOBILE ---------- */
@media (max-width:1100px){
  html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap main.main{grid-template-columns:minmax(0,1fr)!important;gap:24px;padding:24px 16px 48px!important}
  html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside{position:static;max-height:none;overflow:visible;grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
  html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .inner-header{padding:10px 14px!important}
  html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .pp-v67-pc-search,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .util.use-top{display:none!important}
  html body#tt-body-index #wrap .header .pp-home-hero{border-radius:16px;padding:22px 18px!important}
  html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common{grid-template-columns:104px minmax(0,1fr)!important;gap:0 12px!important;padding:10px!important;margin-bottom:10px!important}
  html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .thumbnail{width:104px!important;aspect-ratio:1/1;border-radius:10px!important}
  html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .summary{display:none!important}
  html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .title{font-size:15px!important;-webkit-line-clamp:3}
  html body#tt-body-page #wrap .list-related{grid-template-columns:1fr 1fr}
  html body#tt-body-page #wrap .article-view,html body#tt-body-page #wrap .article-view>p{font-size:16px!important}
  html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside{grid-template-columns:1fr 1fr}
  html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap main.main{padding:16px 12px 40px!important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ---------- 10. CAFE relocation (JS moves it under the post list) ---------- */
html.pp300-js body#tt-body-index #wrap .header #pops-v204-cafe-layout,
html.pp300-js body#tt-body-index #wrap .header #pops-v27-cafe{display:none!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-main>#pops-v204-cafe-layout{order:4;margin:0!important;border-radius:var(--pp-radius);width:auto!important;max-width:none!important;position:static!important;transform:none!important;left:auto!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-main>#pops-v27-cafe{order:4}

/* ---------- 11. header refinements ---------- */
html body#tt-body-index #wrap .header .pp-home-hero::before,html body#tt-body-index #wrap .header .pp-home-hero::after{display:none!important;content:none!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .pp-v67-pc-search,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .util.use-top{position:absolute!important;top:12px!important;right:24px!important;left:auto!important;bottom:auto!important;z-index:5}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .title-logo .link_logo{width:auto!important;display:inline-flex!important;font-size:clamp(16px,1.5vw,21px)!important;letter-spacing:-.02em!important;line-height:1.3!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .title-logo .link_logo::after{display:none!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .title-logo img.img_logo{display:none}
html body#tt-body-index #wrap .header .pp-home-hero{background-color:#15131F!important;max-width:none!important;width:100%!important;box-sizing:border-box}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header>.pops-my-home-cta{display:flex!important;align-items:center;justify-content:center;gap:10px;width:calc(100% - 48px)!important;max-width:calc(var(--pp-max) - 48px);margin:0 auto 18px!important;padding:0 20px!important;height:48px!important;min-height:0!important;border-radius:14px!important;background:linear-gradient(90deg,var(--pp-coral),#FF8A3D)!important;color:#fff!important;font:800 15px var(--pp-font)!important;border:0!important;box-shadow:0 10px 24px -12px rgba(232,84,47,.7)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header>.pops-my-home-cta:hover{filter:brightness(1.06)}
html body:not(#tt-body-index) #wrap .header>.pops-my-home-cta{display:none!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .pp-play-sign{max-width:none}
@media (max-width:760px){
 html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header>.pops-my-home-cta{width:calc(100% - 28px)!important;margin-bottom:12px!important;height:44px!important;font-size:14px!important}
}
/* ---------- 12. unify legacy dark page surfaces to the paper canvas ---------- */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap #container,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap main.main,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-main,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-view{background-color:transparent!important;background-image:none!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common .box-no-search{background:#fff!important;border:1px dashed var(--pp-line2)!important;border-radius:14px;padding:22px;color:var(--pp-sub)!important}

/* ---------- 13. list-card polish + legacy text-fill / jukebox slot ---------- */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common *{-webkit-text-fill-color:currentColor!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .title{-webkit-text-fill-color:var(--pp-ink)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .summary{-webkit-text-fill-color:var(--pp-sub)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common:hover .title{-webkit-text-fill-color:var(--pp-coral-d)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .link-category{-webkit-text-fill-color:var(--pp-coral-d)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .date::before,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .reply::before{display:none!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .reply:not(:empty)::before{content:"💬 ";display:inline!important;position:static!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .pops-v178-jukebox-slot{position:absolute!important;top:10px!important;right:10px!important;left:auto!important;bottom:auto!important;width:auto!important;height:auto!important;margin:0!important;transform:none!important;z-index:3}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .pops-v178-jukebox-btn{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;border-radius:50%!important;font-size:16px!important;background:linear-gradient(135deg,var(--pp-violet),#9A6BFF)!important;border:2px solid #fff!important;box-shadow:0 6px 16px -6px rgba(109,74,255,.8)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .pops-v178-jukebox-btn .pops-v178-note{color:#fff!important;-webkit-text-fill-color:#fff!important}
/* paging */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-paging .paging_num{background:none!important;padding:0!important;border:0!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-paging a.link_num{-webkit-text-fill-color:currentColor!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-paging a.link_num.selected,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-paging a.link_num.current,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-paging a.link_num[aria-current]{background:var(--pp-ink)!important;color:#fff!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-paging .link_page,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-paging .link_page span{color:var(--pp-text)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-paging .no-more-prev,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-paging .no-more-next{opacity:.35;pointer-events:none}

/* ---------- 14. canvas + ordering on list pages + static sidebar ---------- */
html,html:root{background:var(--pp-paper)!important;background-image:none!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice)::before,
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice)::after{background:none!important;display:none!important}
html body:is(#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive) #wrap .area-main>.area-common{order:1}
html body:is(#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive) #wrap .area-main>.area-view{order:2}
html body:is(#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive) #wrap .area-main>#pops-v28-hub{order:3}
html body:is(#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive) #wrap .area-main>#pops-v27-cafe{order:4}
html body:is(#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive) #wrap .area-main>.pops-v53-notices{display:none!important}
html body:is(#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive) #wrap .area-main>*:not(.area-common):not(.area-view):not(#pops-v28-hub):not(#pops-v27-cafe):not(.pops-v53-notices){order:0}
html body:is(#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive) #wrap .area-main>#pops-v28-hub{background:linear-gradient(135deg,#1B1730,#2C1F45)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside{position:static!important;max-height:none!important;overflow:visible!important}

/* ---------- 15. article header full-bleed reset, sticky buttons, h2 legacy borders ---------- */
html body#tt-body-page #wrap .article-header{width:auto!important;max-width:none!important;margin:0!important;left:auto!important;right:auto!important;transform:none!important;float:none!important;box-sizing:border-box}
html body#tt-body-page #wrap .article-header .inner-header,html body#tt-body-page #wrap .article-header .box-meta{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;left:auto!important;transform:none!important;position:static!important}
html body#tt-body-page #wrap .article-header::before,html body#tt-body-page #wrap .article-header::after{display:none!important}
html body#tt-body-page #wrap .article-header .title-article,html body#tt-body-page #wrap .article-header .title-article *{-webkit-text-fill-color:#fff!important;color:#fff!important}
html body#tt-body-page #wrap .article-header .category{-webkit-text-fill-color:var(--pp-gold)!important}
html body#tt-body-page #wrap .article-header .box-info,html body#tt-body-page #wrap .article-header .box-info *{-webkit-text-fill-color:#CFC8E0!important}
html body#tt-body-page #wrap .article-view>h2,html body#tt-body-page #wrap .article-view>h3{background:none!important;border-top:0!important;border-right:0!important;-webkit-text-fill-color:currentColor!important}
html body#tt-body-page #wrap .article-view>h2{border-left:0!important;padding-left:0!important;border-bottom:2px solid var(--pp-line)!important}
html body#tt-body-page #wrap .article-view>h3{border-left:4px solid var(--pp-violet)!important;border-bottom:0!important}
html body#tt-body-page #wrap .article-view>p,html body#tt-body-page #wrap .article-view>ul,html body#tt-body-page #wrap .article-view>ol,html body#tt-body-page #wrap .article-view table td,html body#tt-body-page #wrap .article-view blockquote{-webkit-text-fill-color:currentColor!important}
html body#tt-body-page #wrap .pops-v54-article-playlist{position:static!important;width:100%!important;max-width:none!important;margin:0 0 22px!important;height:52px!important;border-radius:14px!important;background:linear-gradient(90deg,var(--pp-coral),#FF8A3D)!important;color:#fff!important;font:800 15px var(--pp-font)!important;border:0!important;box-shadow:0 10px 24px -14px rgba(232,84,47,.8)!important;display:flex!important;align-items:center;justify-content:center;gap:8px;top:auto!important}
html body#tt-body-page #wrap .article-header .pops-eco-add,html body#tt-body-page #wrap .article-header [class*="eco-add"]{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside .box-recent .box-recent{background:none!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important}

/* ---------- 16. duplicate header playlist button (article body already has one) ---------- */
html body:is(#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive) #wrap .header .pops-v55-article-playlist,
html body:is(#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive) #wrap .header .pops-my-home-cta{display:none!important}

/* ---------- 17. html canvas beats legacy mobile navy; home category tree light ---------- */
html:not(#pp300),html:root:not(#pp300){background:var(--pp-paper)!important;background-image:none!important;background-color:var(--pp-paper)!important}
html body#tt-body-index #wrap .area-aside .box-category,
html body#tt-body-index #wrap .area-aside .box-category .tt_category,
html body#tt-body-index #wrap .area-aside .box-category ul{background:var(--pp-card)!important;background-image:none!important}
html body#tt-body-index #wrap .area-aside .box-category a{color:var(--pp-text)!important;-webkit-text-fill-color:currentColor!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive) #wrap .area-aside .box-category a.pops-cat-title{-webkit-text-fill-color:currentColor!important;color:var(--pp-ink)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive) #wrap .area-common .title-search{color:var(--pp-ink)!important;-webkit-text-fill-color:var(--pp-ink)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive) #wrap .area-common .title-search span{-webkit-text-fill-color:var(--pp-coral)!important}

/* ---------- 18. mobile finishing ---------- */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive) #wrap .area-common article.article-type-common .article-content{padding-right:34px!important}
@media (max-width:760px){
  html body#tt-body-index #wrap .header .pp64-intro{display:none!important}
  html body#tt-body-index #wrap .header .pp-home-hero{padding:20px 16px!important}
  html body#tt-body-index #wrap .header .pp-home-tagline{font-size:22px!important;margin-bottom:12px!important}
  html body#tt-body-index #wrap .header .pp-home-rooms{flex-direction:column}
  html body#tt-body-index #wrap .header .pp-home-rooms a{width:100%!important;box-sizing:border-box;border-radius:12px!important}
  html body#tt-body-index #wrap .header .pp-play-sign{display:none!important}
  html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive) #wrap .area-common .title-search{font-size:20px!important}
}
html body#tt-body-page #wrap .article-header .title-article{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;white-space:normal!important;max-height:none!important;text-overflow:clip!important}


/* =====================================================================
   V301 — readability of every post body (incl. old dark-theme leftovers),
          wider sidebar, hero girl banner on every page
   ===================================================================== */
/* A. post text: force a dark, opaque, readable colour on every text element inside the post body.
      Elements that carry their own inline colour are left to pops-v300-seo.js (contrast fixer). */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .article-view :is(.contents_style,.tt_article_useless_p_margin) :is(p,li,span,div,strong,b,em,i,u,s,dd,dt,label,font,small,sup,sub,figcaption,pre,code,td,th,h1,h2,h3,h4,h5,h6,blockquote):not([style*="color"]):not(img):not(svg){color:var(--pp-text)!important;-webkit-text-fill-color:currentColor!important;opacity:1!important;text-shadow:none!important;mix-blend-mode:normal!important;filter:none!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .article-view :is(.contents_style,.tt_article_useless_p_margin) :is(h2,h3,h4,h5,h6,strong,b):not([style*="color"]){color:var(--pp-ink)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .article-view :is(.contents_style,.tt_article_useless_p_margin) a:not([style*="color"]){color:var(--pp-violet)!important;-webkit-text-fill-color:currentColor!important;text-decoration:underline;text-underline-offset:3px;opacity:1!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .article-view :is(.contents_style,.tt_article_useless_p_margin) [style*="color"]{-webkit-text-fill-color:currentColor!important;opacity:1!important;text-shadow:none!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .article-view :is(.contents_style,.tt_article_useless_p_margin) :is(p,li,div,td,th){font-size:max(16px,1em)}
/* B. boxed areas (legacy ke-style boxes, bordered divs, code, quote): light paper fill + dark text,
      unless the post defines its own inline background (then the contrast fixer keeps it readable). */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .article-view :is(.contents_style,.tt_article_useless_p_margin) :is(blockquote,.txc-textbox,div[data-ke-type="moreLess"],pre,code,div[data-ke-type="callout"],div[style*="border"]):not([style*="background"]){background-color:#FAF5EC!important;background-image:none!important;border-color:var(--pp-line2)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .article-view :is(.contents_style,.tt_article_useless_p_margin) blockquote:not([style*="background"]){border-left:4px solid var(--pp-gold)!important;border-radius:0 12px 12px 0!important;padding:16px 20px!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .article-view :is(.contents_style,.tt_article_useless_p_margin) pre,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .article-view :is(.contents_style,.tt_article_useless_p_margin) code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,'Noto Sans Mono CJK KR',monospace!important;color:#2A2638!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .article-view :is(.contents_style,.tt_article_useless_p_margin) pre{padding:14px 18px!important;border-radius:12px!important;overflow:auto;white-space:pre-wrap}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .article-view :is(.contents_style,.tt_article_useless_p_margin) table{max-width:100%}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .article-view :is(.contents_style,.tt_article_useless_p_margin) :is(td,th){border-color:var(--pp-line)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .article-view :is(.contents_style,.tt_article_useless_p_margin) figcaption{color:var(--pp-sub)!important;font-size:14px!important;text-align:center}

/* C. wider sidebar */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap main.main{grid-template-columns:minmax(0,1fr) var(--pp-aside)!important}
@media (max-width:1100px){html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap main.main{grid-template-columns:minmax(0,1fr)!important}}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>a[class*="-menu"] strong{font-size:13.5px!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>a[class*="-menu"] small{display:block!important;color:var(--pp-sub)!important;font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>a[class*="-menu"]{padding:11px 14px!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>a.pops-my-journey-menu small{color:#E6C7A3!important}

/* D. girl banner on EVERY non-home page (home already has the full hero) */
html body:not(#tt-body-index):is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .inner-header{display:flex!important;flex-direction:column}
html body:not(#tt-body-index):is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .pp-v109-girl-banner{display:block!important;order:2;position:relative!important;width:100%!important;max-width:none!important;height:clamp(110px,15vw,210px)!important;margin:12px 0 0!important;border-radius:18px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.14)!important;background:linear-gradient(90deg,rgba(21,19,31,.72) 0%,rgba(21,19,31,.25) 55%,rgba(21,19,31,0) 100%),url("./pops-v77-original-sunset-clean.jpg") 70% 38%/cover no-repeat!important;box-shadow:none!important;text-decoration:none!important}
html body:not(#tt-body-index):is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .pp-v109-girl-banner::after{content:"PopsPops · Music for every mood";position:absolute;left:clamp(16px,3vw,32px);bottom:clamp(12px,2vw,22px);color:#fff;font:800 clamp(14px,1.8vw,22px)/1.3 var(--pp-font);letter-spacing:-.02em;text-shadow:0 2px 14px rgba(0,0,0,.55)}
html body:not(#tt-body-index):is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .box-header{order:1}
html body:not(#tt-body-index):is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .area-align{order:3}
@media (max-width:760px){html body:not(#tt-body-index):is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .pp-v109-girl-banner{height:96px!important;border-radius:14px!important;margin-top:8px!important}}
html body:not(#tt-body-index):is(#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .pp-v109-girl-banner{transform:none!important;scale:none!important}
html body:not(#tt-body-index):is(#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .pp-v109-girl-banner::before{display:none!important;transform:none!important}

/* =====================================================================
   V302 — feature panels first (Casino / Wheel / MBTI / Tower / ...) + big Cafe button
   ===================================================================== */
/* A. FEATURE MODE (?pops-xxx=1): the opened feature must be the first thing in the main column.
      V300 pushed unknown sections to order:7 (below the post list) -> looked like "button does nothing". */
html.pp300-feature body#tt-body-index #wrap .area-main>*:not(.area-common):not(.area-view):not(.area-paging):not(#pops-v28-hub):not(#pops-v204-cafe-layout):not(#pops-v27-cafe):not(#pops-v107-gift):not(.pops-v53-notices){order:-5!important}
html.pp300-feature body#tt-body-index #wrap .area-main>.area-common{order:20!important}
html.pp300-feature body#tt-body-index #wrap .area-main>.area-view,html.pp300-feature body#tt-body-index #wrap .area-main>.area-paging{order:21!important}
html.pp300-feature body#tt-body-index #wrap .area-main>#pops-v28-hub,html.pp300-feature body#tt-body-index #wrap .area-main>#pops-v204-cafe-layout,html.pp300-feature body#tt-body-index #wrap .area-main>#pops-v27-cafe,html.pp300-feature body#tt-body-index #wrap .area-main>#pops-v107-gift,html.pp300-feature body#tt-body-index #wrap .area-main>.pops-v53-notices{order:22!important}
/* feature pages: compact header so the feature shows immediately, hide the home-only hero & Cafe promo */
html.pp300-feature body#tt-body-index #wrap .header .pp-home-hero,
html.pp300-feature body#tt-body-index #wrap .header .pp-play-sign,
html.pp300-feature body#tt-body-index #wrap .header>.pops-my-home-cta,
html.pp300-feature body#tt-body-index #wrap main.main>.pp300-cafe-hero{display:none!important}
html.pp300-feature body#tt-body-index #wrap .area-main>.area-common,
html.pp300-feature body#tt-body-index #wrap .area-main>#pops-v28-hub,
html.pp300-feature body#tt-body-index #wrap .area-main>#pops-v107-gift,
html.pp300-feature body#tt-body-index #wrap .area-main>.pops-v53-notices{display:none!important}
/* make sure feature panels are never clipped/hidden by the flex column */
html body#tt-body-index #wrap .area-main>section[class*="pops-"],html body#tt-body-index #wrap .area-main>section[class*="p2"],html body#tt-body-index #wrap .area-main>section[class*="v2"],html body#tt-body-index #wrap .area-main>section[class*="p3"]{min-width:0;max-width:100%;overflow:visible}

/* B. BIG CAFE BUTTON — directly under the top banner on every page, full text visible */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap main.main>.pp300-cafe-hero{grid-column:1/-1;display:flex!important;align-items:center;gap:clamp(14px,2.4vw,26px);min-height:clamp(96px,10vw,128px);padding:clamp(16px,2.2vw,26px) clamp(18px,3vw,36px);border-radius:20px;text-decoration:none!important;color:#FFF3E3!important;background:radial-gradient(120% 160% at 0% 0%,#8A4F2A 0%,#4B2B18 45%,#2A180E 100%)!important;border:1px solid #A8723F;box-shadow:0 18px 40px -20px rgba(75,43,24,.9),inset 0 1px 0 rgba(255,255,255,.12);position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s}
html body #wrap main.main>.pp300-cafe-hero:hover{transform:translateY(-2px);box-shadow:0 24px 46px -20px rgba(75,43,24,1),inset 0 1px 0 rgba(255,255,255,.18)}
html body #wrap main.main>.pp300-cafe-hero::after{content:"";position:absolute;right:-40px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(242,181,68,.28),rgba(242,181,68,0) 70%);pointer-events:none}
html body #wrap .pp300-cafe-hero__cup{flex:none;display:grid;place-items:center;width:clamp(56px,6vw,76px);height:clamp(56px,6vw,76px);border-radius:50%;font-size:clamp(28px,3.4vw,40px);background:rgba(255,236,208,.14);border:1px solid rgba(255,214,160,.4)}
html body #wrap .pp300-cafe-hero__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}
html body #wrap .pp300-cafe-hero__eyebrow{font:800 11px/1.2 var(--pp-font);letter-spacing:.16em;color:#F2B544}
html body #wrap .pp300-cafe-hero strong{font:800 clamp(22px,2.8vw,32px)/1.2 var(--pp-font);letter-spacing:-.02em;color:#FFF3E3!important;-webkit-text-fill-color:#FFF3E3!important}
html body #wrap .pp300-cafe-hero__desc{font:500 clamp(13px,1.3vw,16px)/1.5 var(--pp-font);color:#EAD2B6!important;white-space:normal;overflow-wrap:anywhere}
html body #wrap .pp300-cafe-hero__go{flex:none;padding:12px 20px;border-radius:999px;background:linear-gradient(90deg,#F2B544,#E8542F);color:#2A180E!important;font:800 14px var(--pp-font);white-space:nowrap}
@media (max-width:760px){
  html body #wrap main.main>.pp300-cafe-hero{flex-wrap:wrap;border-radius:16px;padding:16px}
  html body #wrap .pp300-cafe-hero__go{width:100%;text-align:center;box-sizing:border-box}
}

/* C. sidebar Cafe tile: show the whole text, never clipped */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>a.pops-my-journey-menu{padding:14px 16px!important}
html body #wrap .area-aside>a.pops-my-journey-menu strong,html body #wrap .area-aside>a.pops-my-journey-menu small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;display:block!important}
html body #wrap .area-aside>a.pops-my-journey-menu strong{font-size:15px!important;line-height:1.35!important}
html body #wrap .area-aside>a.pops-my-journey-menu small{font-size:12px!important;line-height:1.45!important}
/* other tiles: allow two lines instead of a hard ellipsis so labels read fully */
html body #wrap .area-aside>a[class*="-menu"] strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.3!important}
html body #wrap .area-aside>a[class*="-menu"] small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
html.pp300-feature body#tt-body-index #wrap .area-main>.area-paging,
html.pp300-feature body#tt-body-index #wrap .area-main>#pops-v204-cafe-layout,
html.pp300-feature body#tt-body-index #wrap .area-main>#pops-v27-cafe:not(.pops-my-journey){display:none!important}


/* =====================================================================
   V303 — Carrot brand palette, big Cafe menu box, carrot jukebox,
          widget contrast (COFFEE BEAN / hub / emotion engine), TOC & share bar
   ===================================================================== */
:root{--pp-coral:#F26B0F;--pp-coral-d:#BF4A06;--pp-carrot:#FF7A1A;--pp-carrot-d:#E85D04;--pp-ink:#14111C;--pp-paper:#FBF8F2}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header .title-logo a::before{background:linear-gradient(135deg,#FF7A1A,#F2B544)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common:hover{border-color:var(--pp-carrot)!important;box-shadow:0 16px 36px -18px rgba(242,107,15,.5)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .link-category{background:#FFF1E3!important;color:var(--pp-coral-d)!important;-webkit-text-fill-color:var(--pp-coral-d)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common .title-search{border-bottom-color:var(--pp-ink)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .article-header .category{color:#FFC27A!important;background:rgba(255,122,26,.16)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .article-view h2::after,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .contents_style h2::after{background:var(--pp-carrot)!important}
/* bright-carrot buttons with dark text (contrast > 8:1) */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header>.pops-my-home-cta,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-v54-article-playlist,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp-play-sign__link,html body#tt-body-index #wrap .header .pops-my-home-cta{background:linear-gradient(90deg,#FF8A1F,#FF6F0F)!important;color:#1A0E05!important;-webkit-text-fill-color:#1A0E05!important;border:0!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .header>.pops-my-home-cta *,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-v54-article-playlist *,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp-play-sign__link *{color:#1A0E05!important;-webkit-text-fill-color:#1A0E05!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-paging a.link_num.selected,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-paging a.link_num.current{background:var(--pp-carrot-d)!important;border-color:var(--pp-carrot-d)!important}

/* ---- JUKEBOX: big carrot button on every post card ---- */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .pops-v178-jukebox-slot{top:12px!important;right:12px!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .pops-v178-jukebox-btn{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;font-size:22px!important;border-radius:50%!important;background:radial-gradient(circle at 30% 28%,#FFB066 0%,#FF7A1A 48%,#E85D04 100%)!important;border:3px solid #fff!important;box-shadow:0 10px 22px -8px rgba(232,93,4,.85),0 0 0 1px rgba(232,93,4,.25)!important;display:inline-grid!important;place-items:center;line-height:1}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .pops-v178-jukebox-btn:hover{transform:scale(1.08) rotate(-6deg);filter:brightness(1.05)}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .pops-v178-jukebox-btn,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .pops-v178-jukebox-btn *{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .article-content{padding-right:58px!important}
@media (max-width:760px){html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .pops-v178-jukebox-btn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;font-size:19px!important}html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .article-content{padding-right:50px!important}}

/* ---- BIG CAFE MENU BOX (directly under the top banner, every page) ---- */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap main.main>.pp300-cafe{grid-column:1/-1;position:relative;overflow:hidden;border-radius:24px;padding:clamp(20px,2.6vw,34px);background:radial-gradient(110% 150% at 0% 0%,#7A4220 0%,#40230F 46%,#1F1007 100%)!important;border:1px solid #9A6738;box-shadow:0 26px 50px -26px rgba(64,35,15,.95),inset 0 1px 0 rgba(255,255,255,.1);display:block!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap main.main>.pp300-cafe::before{content:"";position:absolute;right:-60px;top:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,26,.32),rgba(255,122,26,0) 68%);pointer-events:none}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-cafe__head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:clamp(14px,2vw,22px)}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-cafe__titlebox{min-width:0;flex:1 1 360px}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-cafe__eyebrow{display:block;font:800 12px/1.2 var(--pp-font);letter-spacing:.16em;color:#FFB45E;margin-bottom:8px}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-cafe__title{margin:0 0 6px!important;font:800 clamp(22px,2.7vw,32px)/1.3 var(--pp-font)!important;color:#FFF4E6!important;-webkit-text-fill-color:#FFF4E6!important;letter-spacing:-.02em;overflow-wrap:anywhere}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-cafe__title b{display:block;font-weight:700;font-size:.62em;color:#F5D7B2!important;-webkit-text-fill-color:#F5D7B2!important;margin-top:4px;letter-spacing:-.01em}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-cafe__desc{margin:0!important;font:500 14px/1.6 var(--pp-font)!important;color:#E6C9A5!important;-webkit-text-fill-color:#E6C9A5!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-cafe__enter{flex:none;padding:14px 26px;border-radius:999px;background:linear-gradient(90deg,#FF8A1F,#FF6F0F)!important;color:#1A0E05!important;-webkit-text-fill-color:#1A0E05!important;font:800 15px var(--pp-font)!important;text-decoration:none!important;white-space:nowrap;box-shadow:0 12px 26px -12px rgba(255,122,26,.9)}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-cafe__enter:hover{filter:brightness(1.07)}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-cafe__menu{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-cafe__menu a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:16px 10px 14px;border-radius:16px;background:rgba(255,244,230,.08)!important;border:1px solid rgba(255,196,130,.32);text-decoration:none!important;transition:transform .16s,background .16s,border-color .16s;min-width:0}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-cafe__menu a:hover{transform:translateY(-3px);background:rgba(255,138,31,.2)!important;border-color:#FFB45E}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-cafe__ico{font-size:clamp(28px,3vw,38px);line-height:1}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-cafe__menu b{font:800 clamp(12.5px,1.05vw,14.5px)/1.3 var(--pp-font);color:#FFF4E6!important;-webkit-text-fill-color:#FFF4E6!important;letter-spacing:.01em;overflow-wrap:anywhere}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-cafe__menu small{font:500 12px/1.3 var(--pp-font);color:#E6C9A5!important;-webkit-text-fill-color:#E6C9A5!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-cafe__menu em{font:800 12px/1 var(--pp-font);font-style:normal;color:#FFB45E!important;-webkit-text-fill-color:#FFB45E!important;margin-top:4px}
@media (max-width:1100px){html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-cafe__menu{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-cafe__menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-cafe__enter{width:100%;text-align:center;box-sizing:border-box}}
/* on the Cafe page itself and on other feature routes the box would be redundant */
html.pp300-feature body #wrap main.main>.pp300-cafe{display:none!important}
/* legacy duplicate Cafe counter (kept in DOM, hidden) — the rail with the other park buttons stays visible */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-main>#pops-v204-cafe-layout #pops-v27-cafe,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-main>#pops-v27-cafe:not(.pops-my-journey){display:none!important}
html body#tt-body-index #wrap .area-main>#pops-v204-cafe-layout{display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html body#tt-body-index #wrap .area-main>#pops-v204-cafe-layout>*:not(#pops-v27-cafe){width:100%!important;max-width:none!important;float:none!important;position:static!important;grid-column:auto!important}

/* ---- WIDGET CONTRAST (COFFEE BEAN, START HERE hub, emotion engine) ---- */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-coffee-bean__status,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-coffee-bean__note,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-coffee-bean p,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-coffee-bean small,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-coffee-bean span,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-coffee-bean label{color:#4A2E18!important;-webkit-text-fill-color:#4A2E18!important;opacity:1!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-coffee-bean h2,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-coffee-bean h3,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-coffee-bean strong,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-coffee-bean b{color:#2B170A!important;-webkit-text-fill-color:#2B170A!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-coffee-bean button,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-coffee-bean a{-webkit-text-fill-color:currentColor!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-emotion-engine__badge,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-emotion-engine__foot,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-emotion-engine__dot,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-emotion-route__mark{color:#9A5B00!important;-webkit-text-fill-color:#9A5B00!important}
html body:is(#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive) #wrap #pops-v28-hub{background:linear-gradient(135deg,#1B1730,#2C1F45)!important;border:1px solid #3A2D5C!important;color:#F3EEFF!important}
html body:is(#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive) #wrap #pops-v28-hub .pops-v28-hub__head strong,html body:is(#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive) #wrap #pops-v28-hub .pops-v28-hub__head h2,html body:is(#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive) #wrap #pops-v28-hub .pops-v28-hub__live{color:#F3EEFF!important;-webkit-text-fill-color:#F3EEFF!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-v28-start em,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-v28-hub__live small{color:#B26A00!important;-webkit-text-fill-color:#B26A00!important}
html body #wrap #pops-v28-hub .pops-v28-start em{color:#FFC27A!important;-webkit-text-fill-color:#FFC27A!important}

/* ---- TABLE OF CONTENTS + SHARE BAR + META (generated by pops-v300-seo.js) ---- */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-toc{background:#FFF8EE;border:1px solid #F3DDBE;border-radius:14px;padding:6px 18px 10px;margin:0 0 1.6em}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-toc summary{cursor:pointer;font:800 16px var(--pp-font);color:var(--pp-ink)!important;padding:10px 0;list-style:none}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-toc summary::-webkit-details-marker{display:none}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-toc summary::after{content:" ▾";color:var(--pp-carrot-d)}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-toc ol{margin:0;padding-left:1.3em}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-toc li{margin:.3em 0;color:var(--pp-text)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-toc li.pp300-toc__sub{margin-left:1em;list-style:circle;font-size:.95em}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-toc a{color:#8F3A00!important;-webkit-text-fill-color:currentColor!important;text-decoration:none!important;font-weight:600}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-toc a:hover{text-decoration:underline!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .article-view :target{scroll-margin-top:16px}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:2em 0 .4em;padding:16px 18px;border:1px solid var(--pp-line);border-radius:14px;background:#FFF8EE}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-share>span{font:800 14px var(--pp-font);color:var(--pp-ink)!important;margin-right:6px}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-share a,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-share button{appearance:none;cursor:pointer;border:1px solid #F0C48E;background:#fff;color:#7A3300!important;-webkit-text-fill-color:#7A3300!important;border-radius:999px;padding:8px 16px;font:700 13px var(--pp-font);text-decoration:none!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-share a:hover,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-share button:hover{background:var(--pp-carrot);border-color:var(--pp-carrot);color:#1A0E05!important;-webkit-text-fill-color:#1A0E05!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pp300-readtime{color:#E9DDF8!important}

/* ---- PRO POLISH: header glow + consistent card frame ---- */
html body{--pp-glow:radial-gradient(60% 120% at 85% -20%,rgba(255,122,26,.28),rgba(255,122,26,0) 60%)}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap>.header{background:var(--pp-glow),linear-gradient(135deg,#14111C 0%,#221A36 55%,#33192F 100%)!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>.box-category,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>.box-tag,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-aside>.box-recent{border-radius:18px!important}

/* long category trees (108 emotion rooms) scroll inside the box instead of stretching the sidebar */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive) #wrap .area-aside>.box-category .sub_category_list,
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive) #wrap .area-aside>.box-category .category_list{max-height:460px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#E0B98A transparent}

/* coffee-bean stage bar: solid dark brown with light text (was translucent gray-on-gray) */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-coffee-bean .pops-bean-stage,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-coffee-bean [class*="bean-stage"]:not([class*="__icon"]):not([class*="__milestone"]){background:linear-gradient(110deg,#5C391E,#2A1C13)!important;border-radius:12px}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-coffee-bean [class*="bean-stage"] b,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-coffee-bean [class*="bean-stage"] strong{color:#FFF3E3!important;-webkit-text-fill-color:#FFF3E3!important}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-coffee-bean [class*="bean-stage"] small,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .pops-coffee-bean [class*="bean-stage"] span:not([class*="__icon"]){color:#EBD5BC!important;-webkit-text-fill-color:#EBD5BC!important}

/* feature pages: no big Cafe box above the opened feature (specificity must beat the box rule) */
html.pp300-feature body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap main.main>.pp300-cafe{display:none!important}

/* card titles may wrap (legacy nowrap cut them); list heading fully opaque */
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common article.article-type-common .title{white-space:normal!important;text-overflow:clip!important;overflow-wrap:anywhere;word-break:keep-all}
html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common .title-search,html body:is(#tt-body-index,#tt-body-page,#tt-body-category,#tt-body-search,#tt-body-tag,#tt-body-archive,#tt-body-guestbook,#tt-body-location,#tt-body-notice) #wrap .area-common .title-search *{opacity:1!important;text-shadow:none!important;filter:none!important;mix-blend-mode:normal!important}