/* =====================================================================
   BOOK 1 CONCEPT REFINEMENT V9 · 2026-09-12
   - Restore the shared graphite world behind Profile / Home / Read the Room.
   - Keep interface cards ink-black.
   - Use Community Codex parchment as the shared accent instead of parchment/brown tinting.
   - Use parchment as the visual language for Books, Thoughts, and the Community Codex.
   ===================================================================== */

:root{
  --igtt-paper:#efe3cc;
  --igtt-paper-light:#f6ecd9;
  --igtt-paper-soft:rgba(239,227,204,.12);
  --igtt-paper-line:rgba(239,227,204,.34);
  --igtt-card-black:#080808;
  --igtt-card-black-2:#0d0d0d;
  --igtt-card-edge:rgba(255,255,255,.12);
}

/* ---------- Shared page world: graphite outside, black objects inside ---------- */
body.profile-world,
body.read-room-world,
body.home-world{
  background-color:var(--igtt-world-deep)!important;
  background-image:
    radial-gradient(86% 34% at 50% -10%,rgba(255,255,255,.018) 0%,transparent 70%),
    linear-gradient(180deg,
      var(--igtt-world-top) 0%,
      var(--igtt-world-upper) 18%,
      var(--igtt-world-mid) 39%,
      var(--igtt-world-lower) 62%,
      var(--igtt-world-deep) 82%,
      var(--igtt-world-floor) 100%)!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:100% 100%!important;
  background-attachment:fixed!important;
}
@media(max-width:900px),(hover:none){
  body.profile-world,body.read-room-world,body.home-world{background-attachment:scroll!important}
}

/* ---------- PROFILE: the open book stays paper; every supporting card stays black ---------- */
.profile-v2 .profile-book-hero,
.profile-v2 .profile-chapter-path-card,
.profile-v2 .profile-growth-card,
.profile-v2 .profile-destination,
.profile-v2 .next-thought-profile,
.profile-v2 .featured-thought-profile,
.profile-v2 .profile-account-card,
.profile-v2 .profile-actions-card,
.profile-v2 .profile-thoughts-link{
  background:linear-gradient(150deg,#0c0c0c 0%,#080808 58%,#050505 100%)!important;
  border-color:var(--igtt-card-edge)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.profile-v2 .profile-destination::before{
  background:radial-gradient(circle at 88% 5%,rgba(239,227,204,.09),transparent 42%)!important;
}
.profile-v2 .profile-destination:hover,
.profile-v2 .profile-chapter-path-card:hover{
  border-color:rgba(239,227,204,.32)!important;
}
.profile-v2 .profile-growth-copy>span,
.profile-v2 .profile-section-kicker,
.profile-v2 .profile-destination-index,
.profile-v2 .featured-thought-question,
.profile-v2 .next-thought-label{
  color:rgba(246,236,217,.78)!important;
}
.profile-v2 .profile-book-impact{
  background:#060606!important;
  border-color:rgba(239,227,204,.16)!important;
}
.profile-v2 .profile-book-impact>div{background:#090909!important}
.profile-v2 .profile-book-impact>i{color:var(--igtt-paper)!important}
.profile-v2 .profile-actions-card .profile-level-up-link,
.profile-v2 .next-thought-button{
  border-color:rgba(239,227,204,.55)!important;
  background:linear-gradient(145deg,#efe3cc,#c9b18b)!important;
  color:#1a0d03!important;
  box-shadow:0 5px 0 #211d18,0 12px 24px rgba(0,0,0,.24)!important;
}

/* ---------- HOME: every actual card is black, parchment is the active accent ---------- */
.home-world .home-status-bar,
.home-world .home-next-action,
.home-world .home-return-card,
.home-world .home-weekly-recap,
.home-world .home-ritual-card,
.home-world .home-season-card,
.home-world .home-book-complete,
.home-world .home-week-compact,
.home-world .home-intro-card,
.home-world .home-game-card,
.home-world .progress-card,
.home-world .week-preview,
.home-world .daily-prediction-card,
.home-world .community-thought,
.home-world .week-card,
.home-world .your-thinking-card{
  background:linear-gradient(150deg,#0c0c0c 0%,#080808 62%,#050505 100%)!important;
  border-color:var(--igtt-card-edge)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.home-world .home-return-card,
.home-world .home-weekly-recap,
.home-world .home-game-card{background-image:linear-gradient(150deg,#0c0c0c,#070707)!important}
.home-world .home-ritual-card::before,
.home-world .home-game-card::before,
.home-world .community-thought::before{
  background:radial-gradient(circle at 92% 0%,rgba(239,227,204,.08),transparent 42%)!important;
}
.home-world .home-ritual-card:hover,
.home-world .home-game-card:hover,
.home-world .community-thought:hover{
  border-color:rgba(239,227,204,.34)!important;
}
.home-world .home-rhythm-label,
.home-world .home-section-kicker,
.home-world .home-season-kicker,
.home-world .home-ritual-index,
.home-world .home-game-kicker,
.home-world .home-return-head span,
.home-world .home-weekly-recap-kicker,
.home-world .book1-page-flag{
  color:rgba(246,236,217,.78)!important;
}
.home-world .home-ritual-status,
.home-world .book1-coming-soon,
.home-world .home-community-level-chip{
  border-color:rgba(239,227,204,.28)!important;
  background:rgba(239,227,204,.08)!important;
  color:#f6ecd9!important;
}
.home-world .home-level-up-cta,
.home-world .book1-open-button{
  border-color:rgba(239,227,204,.54)!important;
  background:linear-gradient(145deg,rgba(239,227,204,.26),rgba(239,227,204,.11))!important;
  color:#f6ecd9!important;
}
.home-world .home-book-community-inline,
.home-world .home-community-pulse,
.home-world .home-weekly-recap-community,
.home-world .home-return-signal{
  background:#090909!important;
  border-color:rgba(239,227,204,.15)!important;
}
.home-world .home-book-community-inline .b1c-meter-track>span,
.home-world .home-community-pulse-track i{
  background:linear-gradient(90deg,#bba27d,var(--igtt-paper),#f5ead7)!important;
}

/* ---------- READ THE ROOM: grey world + black game cards ---------- */
.read-room-world .daily-prediction-card,
.read-room-world .read-room-after,
.read-room-world .yesterday-result-card,
.read-room-world .read-room-history>div,
.read-room-world .daily-option,
.read-room-world .daily-archetype{
  background:linear-gradient(150deg,#0c0c0c 0%,#080808 62%,#050505 100%)!important;
  border-color:var(--igtt-card-edge)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.024)!important;
}
.read-room-world .daily-prediction-card::before{
  background:radial-gradient(circle at 88% 0%,rgba(239,227,204,.09),transparent 42%)!important;
}
.read-room-world .read-room-kicker,
.read-room-world .read-room-phase,
.read-room-world .read-room-after span,
.read-room-world .daily-result-tag,
.read-room-world .read-room-book-bridge{
  color:#f6ecd9!important;
}
.read-room-world .read-room-phase,
.read-room-world .read-room-book-bridge{
  border-color:rgba(239,227,204,.22)!important;
  background:rgba(239,227,204,.075)!important;
}
.read-room-world .daily-option:hover:not(:disabled){
  border-color:rgba(239,227,204,.34)!important;
  background:#0f0f0f!important;
}
.read-room-world .daily-option.is-selected{
  border-color:rgba(239,227,204,.72)!important;
  background:linear-gradient(150deg,rgba(239,227,204,.16),#0a0a0a 70%)!important;
  box-shadow:0 0 0 1px rgba(239,227,204,.08) inset,0 10px 22px rgba(0,0,0,.24)!important;
}
.read-room-world .daily-action{
  background:linear-gradient(145deg,#f6ecd9,#c7ae88)!important;
  border-color:#f6ecd9!important;
  color:#1b0d02!important;
  box-shadow:0 5px 0 #211d18,0 13px 26px rgba(0,0,0,.28)!important;
}
.read-room-world .daily-result-fill{background:linear-gradient(90deg,#bba27d,#efe3cc,#f5ead7)!important}

/* ---------- COMMUNITY CODEX: clarify the two ways the shared book grows ---------- */
.codex-paper-world .codex-world-kicker,
.codex-paper-world .codex-panel-intro>span{
  color:#6f4d34!important;
}
.codex-paper-world .codex-book1-community{
  overflow:visible!important;
  border:2px solid rgba(91,63,44,.34)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 92% 0%,rgba(239,227,204,.12),transparent 40%),
    rgba(255,255,255,.28)!important;
  box-shadow:6px 7px 0 rgba(122,70,23,.10),inset 0 1px 0 rgba(255,255,255,.56)!important;
}
.codex-paper-world .codex-book1-community::before{
  content:'LIVE · BOOK 1';
  position:absolute;top:-11px;left:18px;padding:5px 9px;
  border:1px solid rgba(113,66,25,.22);border-radius:7px;
  background:#efe3cc;color:#2b2119;
  font:700 .46rem/1 'Geist Mono',monospace;letter-spacing:.09em;
  transform:rotate(-1deg);
}
.codex-paper-world .codex-book1-community .b1c-paper-kicker{color:#6f4d34!important}
.codex-paper-world .codex-book1-community h3{font-size:clamp(1.35rem,3.4vw,2.15rem)!important}
.codex-paper-world .codex-book1-community-level{
  min-width:150px;padding:11px 12px;border:1px solid rgba(87,58,33,.15);border-radius:12px;
  background:rgba(255,255,255,.26);transform:rotate(.55deg);
}
.codex-paper-world .codex-book1-community-level strong{color:#5b3f2c!important}
.codex-paper-world .codex-book1-community .b1c-meter-track{
  height:12px!important;border:2px solid rgba(73,49,30,.18)!important;background:rgba(58,39,25,.08)!important;
}
.codex-paper-world .codex-book1-community .b1c-meter-track>span{
  background:linear-gradient(90deg,#b79e78,#efe3cc,#f5ead7)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.24) inset!important;
}
.codex-paper-world .codex-build-two-ways{gap:10px!important}
.codex-paper-world .codex-build-two-ways>div{
  position:relative;overflow:hidden;background:rgba(255,255,255,.28)!important;
  border:1px solid rgba(79,55,34,.15)!important;border-radius:13px!important;
}
.codex-paper-world .codex-build-two-ways>div::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#efe3cc;
}
.codex-paper-world .codex-build-two-ways>div>span{color:#6f4d34!important}
.codex-paper-world .codex-build-two-ways>i{color:#7b5639!important;font-size:1.25rem!important}
.codex-community-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:14px}
.codex-community-actions a{
  display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 14px;
  border:1px solid rgba(84,56,34,.18);border-radius:999px;background:rgba(255,255,255,.24);
  color:#4b311f;text-decoration:none;font:700 .53rem/1 'Geist Mono',monospace;letter-spacing:.07em;
}
.codex-community-actions a:first-child{background:#171411;color:#fff3df;border-color:#171411}
.codex-community-actions a:last-child{border-color:rgba(91,63,44,.42);color:#6c4b34;background:rgba(239,227,204,.10)}
.codex-paper-world .codex-main-tab.is-active,
.codex-paper-world .codex-ranking-tab.is-active{
  background:#171411!important;color:#fff5e6!important;border-color:rgba(239,227,204,.52)!important;
  box-shadow:0 5px 0 rgba(91,63,44,.20)!important;
}
.codex-paper-world .codex-entry-note{color:#6c4b34!important}

@media(max-width:700px){
  .codex-paper-world .codex-book1-community-head{display:block!important}
  .codex-paper-world .codex-book1-community-level{margin-top:12px;text-align:left!important;transform:none}
  .codex-community-actions{display:grid;grid-template-columns:1fr 1fr}
  .codex-community-actions a{padding-inline:8px;font-size:.48rem}
}

/* =====================================================================
   LANDING V3 · hook with the experience first, explain the system second.
   The parchment accent is the visual bridge between Your Book and Codex.
   ===================================================================== */
body.landing-entry-world{
  --landing-paper:#efe3cc;
  --landing-paper-light:#f6ecd9;
  --landing-paper-deep:#d7c09d;
  --landing-ink:#2c241d;
  --landing-ink-soft:#675746;
}
body.landing-entry-world .landing-v3-page{width:min(100% - 28px,980px);padding-top:8px}
body.landing-entry-world .landing-v3-hero{width:min(100%,900px);margin:0 auto;text-align:center;padding:38px 0 26px}
body.landing-entry-world .landing-v3-kicker,
body.landing-entry-world .landing-v3-section-kicker{
  font:700 .58rem/1 'Geist Mono',monospace;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(239,227,204,.64)
}
body.landing-entry-world .landing-v3-title{
  max-width:900px;margin:15px auto 0;font-family:'DM Sans',sans-serif;font-weight:800;
  font-size:clamp(3.2rem,8.5vw,6.9rem);line-height:.88;letter-spacing:-.068em;text-transform:uppercase;
  color:#f7f1e8;text-shadow:0 4px 24px rgba(0,0,0,.42)
}
body.landing-entry-world .landing-v3-sub{
  width:min(100%,670px);margin:23px auto 0;font:450 clamp(.98rem,2vw,1.09rem)/1.7 'DM Sans',sans-serif;
  color:rgba(245,240,232,.66)
}
body.landing-entry-world .landing-v3-sub strong{color:var(--landing-paper-light);font-weight:650}
body.landing-entry-world .landing-hero-meta{color:rgba(239,227,204,.54)}
body.landing-entry-world .landing-hero-action{border-color:rgba(239,227,204,.16);background:#0a0a0a;color:rgba(246,236,217,.78)}
body.landing-entry-world .landing-hero-action:hover,
body.landing-entry-world .landing-hero-action:focus-visible{border-color:rgba(239,227,204,.42);background:#10100f;color:#fff}
body.landing-entry-world .landing-hero-action.is-primary{
  background:var(--landing-paper);border-color:var(--landing-paper-light);color:#211b16;
  box-shadow:0 5px 0 #2b2722,0 13px 28px rgba(0,0,0,.25)
}

/* The first interaction literally looks like page one of the visitor's Book. */
body.landing-entry-world .landing-first-page-paper{
  position:relative;overflow:hidden;width:min(100%,760px);margin:42px auto 0!important;padding:34px 38px 32px!important;
  border:1px solid rgba(65,48,34,.22)!important;border-radius:20px 22px 18px 24px!important;
  background:
    linear-gradient(90deg,rgba(97,67,42,.06),transparent 11%,transparent 89%,rgba(97,67,42,.045)),
    linear-gradient(180deg,var(--landing-paper-light),var(--landing-paper))!important;
  color:var(--landing-ink)!important;
  box-shadow:0 8px 0 #141311,0 22px 55px rgba(0,0,0,.30),inset 0 0 0 1px rgba(255,255,255,.32)!important;
  transform:rotate(-.12deg)
}
body.landing-entry-world .landing-first-page-paper::before{
  content:'';position:absolute;inset:0;pointer-events:none;opacity:.35;
  background:repeating-linear-gradient(1deg,transparent 0 6px,rgba(90,62,41,.035) 6px 7px)
}
body.landing-entry-world .landing-first-page-paper>*{position:relative;z-index:1}
body.landing-entry-world .landing-page-tab{
  position:absolute;top:15px;left:18px;padding:6px 9px;border:1px solid rgba(45,34,25,.15);border-radius:8px;
  background:#211d18;color:var(--landing-paper-light);font:750 .48rem/1 'Geist Mono',monospace;letter-spacing:.09em;
  transform:rotate(-1deg)
}
body.landing-entry-world .landing-first-page-paper .section-kicker{margin-top:12px;color:rgba(74,55,40,.52)!important}
body.landing-entry-world .landing-first-page-paper .section-title,
body.landing-entry-world .landing-first-page-paper .landing-v2-question-text{color:var(--landing-ink)!important;text-shadow:none!important}
body.landing-entry-world .landing-first-page-paper .section-title{font-size:clamp(1.45rem,3vw,2rem)!important}
body.landing-entry-world .landing-first-page-paper .landing-v2-question-number{color:rgba(74,55,40,.48)!important}
body.landing-entry-world .landing-first-page-paper .landing-v2-question-text{font-size:clamp(1.65rem,3.8vw,2.55rem)!important;line-height:1.24!important}
body.landing-entry-world .landing-first-page-paper .thought-room-prompt,
body.landing-entry-world .landing-first-page-paper .thought-room-note{color:rgba(64,48,36,.55)!important}
body.landing-entry-world .landing-first-page-paper .answer-editor{
  min-height:104px!important;border:0!important;border-bottom:1px solid rgba(64,48,36,.20)!important;
  background:transparent!important;color:var(--landing-ink)!important;font-family:'Jua',sans-serif!important;
  caret-color:var(--landing-ink)!important
}
body.landing-entry-world .landing-first-page-paper .answer-editor::placeholder{color:rgba(66,50,38,.32)!important}
body.landing-entry-world .landing-first-page-paper .answer-editor:focus{border-bottom-color:rgba(54,40,29,.48)!important}
body.landing-entry-world .landing-first-page-paper .answer-link{
  border:1px solid #211d18!important;background:#211d18!important;color:var(--landing-paper-light)!important;
  box-shadow:0 4px 0 rgba(34,29,24,.22)!important
}
body.landing-entry-world .landing-first-page-paper .landing-v2-account-link{color:rgba(55,42,32,.60)!important}
body.landing-entry-world .landing-first-page-paper .landing-guest-save-note{color:#5a4838!important}

/* Explain the product only after the visitor has seen page one. */
body.landing-entry-world .landing-v3-explain,
body.landing-entry-world .landing-v3-live{width:min(100%,860px);margin:74px auto 0;text-align:center}
body.landing-entry-world .landing-v3-explain h2,
body.landing-entry-world .landing-v3-live h2{
  margin:11px auto 0;font-family:'Jua',sans-serif;font-weight:400;font-size:clamp(2rem,5vw,3.35rem);line-height:1.03;
  color:#f7f1e8
}
body.landing-entry-world .landing-v3-explain-lead,
body.landing-entry-world .landing-v3-live>p{
  width:min(100%,650px);margin:14px auto 0;font:400 .98rem/1.68 'DM Sans',sans-serif;color:rgba(245,240,232,.56)
}
body.landing-entry-world .landing-v3-two-books{
  display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);align-items:stretch;gap:10px;margin:26px auto 0
}
body.landing-entry-world .landing-v3-concept-card{
  position:relative;overflow:hidden;text-align:left;padding:23px 24px 21px;border:1px solid rgba(239,227,204,.14);border-radius:20px;
  background:linear-gradient(150deg,#0d0d0c,#070707);box-shadow:0 16px 38px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.025)
}
body.landing-entry-world .landing-v3-concept-card::after{
  content:'';position:absolute;right:-36px;top:-44px;width:150px;height:150px;border-radius:50%;
  background:radial-gradient(circle,rgba(239,227,204,.08),transparent 68%);pointer-events:none
}
body.landing-entry-world .landing-v3-concept-card>span{font:750 .53rem/1 'Geist Mono',monospace;letter-spacing:.12em;color:rgba(239,227,204,.70)}
body.landing-entry-world .landing-v3-concept-card h3{margin:11px 0 8px;font:400 1.35rem/1.13 'Jua',sans-serif;color:#f7f2ea}
body.landing-entry-world .landing-v3-concept-card p{margin:0;font:400 .86rem/1.57 'DM Sans',sans-serif;color:rgba(245,240,232,.53)}
body.landing-entry-world .landing-v3-concept-card small{display:block;margin-top:17px;padding-top:12px;border-top:1px dashed rgba(239,227,204,.13);font:700 .47rem/1.4 'Geist Mono',monospace;letter-spacing:.075em;color:rgba(239,227,204,.42)}
body.landing-entry-world .landing-v3-plus{display:grid;place-items:center;color:rgba(239,227,204,.46);font:400 1.4rem/1 'Jua',sans-serif}
body.landing-entry-world .landing-play-loop>div{background:#090909!important;border-color:rgba(239,227,204,.11)!important}
body.landing-entry-world .landing-play-loop span{color:rgba(239,227,204,.56)!important}

/* Live shared progress is social proof, not an explanation block. */
body.landing-entry-world .landing-v3-live{margin-top:68px}
body.landing-entry-world .landing-shared-level{
  margin-top:24px!important;border:1px solid rgba(239,227,204,.18)!important;background:#080808!important;
  box-shadow:0 17px 42px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025)!important
}
body.landing-entry-world .landing-shared-level-head>div>span{color:rgba(239,227,204,.62)!important}
body.landing-entry-world .landing-shared-level-head strong{font-family:'Jua',sans-serif!important;font-weight:400!important;color:var(--landing-paper-light)!important}
body.landing-entry-world .landing-shared-level-track{height:11px!important;border-color:rgba(239,227,204,.12)!important;background:#171614!important}
body.landing-entry-world .landing-shared-level-track i{background:linear-gradient(90deg,#bfa984,var(--landing-paper),var(--landing-paper-light))!important}

/* Let the real Community Codex be the payoff at the end of the page. */
body.landing-entry-world .landing-codex-section{margin-top:86px!important}
body.landing-entry-world .landing-codex-intro .landing-section-label{color:rgba(239,227,204,.56)!important}
body.landing-entry-world .landing-v2-codex-link{border-color:rgba(239,227,204,.22)!important;background:#090909!important;color:var(--landing-paper-light)!important}
body.landing-entry-world .landing-v2-codex-link:hover{background:#11110f!important;border-color:rgba(239,227,204,.42)!important}

body.landing-entry-world .landing-v3-closing{
  width:min(100%,760px);margin:76px auto 12px;padding:32px 26px;text-align:center;border:1px solid rgba(239,227,204,.14);border-radius:22px;background:#080808
}
body.landing-entry-world .landing-v3-closing>span{font:700 .54rem/1 'Geist Mono',monospace;letter-spacing:.14em;color:rgba(239,227,204,.58)}
body.landing-entry-world .landing-v3-closing h2{margin:10px auto 0;font:400 clamp(2rem,5vw,3.1rem)/1.05 'Jua',sans-serif;color:#f7f1e8}
body.landing-entry-world .landing-v3-closing p{margin:11px auto 0;color:rgba(245,240,232,.50);font:400 .92rem/1.6 'DM Sans',sans-serif}
body.landing-entry-world .landing-v3-closing a{display:inline-flex;margin-top:18px;min-height:44px;padding:0 18px;align-items:center;justify-content:center;border-radius:999px;background:var(--landing-paper);color:#211b16;text-decoration:none;font:750 .58rem/1 'DM Sans',sans-serif;letter-spacing:.09em}

@media(max-width:700px){
  body.landing-entry-world .landing-v3-page{width:min(100% - 18px,620px)}
  body.landing-entry-world .landing-v3-hero{padding-top:24px}
  body.landing-entry-world .landing-v3-title{font-size:clamp(3rem,14.5vw,4.75rem);line-height:.9}
  body.landing-entry-world .landing-v3-sub{font-size:.94rem;line-height:1.6}
  body.landing-entry-world .landing-first-page-paper{margin-top:32px!important;padding:34px 20px 25px!important;border-radius:17px 18px 16px 19px!important;transform:none}
  body.landing-entry-world .landing-page-tab{left:13px;top:13px}
  body.landing-entry-world .landing-v3-explain,body.landing-entry-world .landing-v3-live{margin-top:52px}
  body.landing-entry-world .landing-v3-two-books{grid-template-columns:1fr;gap:9px}
  body.landing-entry-world .landing-v3-plus{height:24px}
  body.landing-entry-world .landing-v3-concept-card{padding:20px 18px}
  body.landing-entry-world .landing-codex-section{margin-top:60px!important}
}


/* =========================================================
   CODEX ENTRY — contained book opening, never a screen wipe
   The graphite world arrives first; only the physical Codex object opens.
   ========================================================= */
/* Retire the legacy full-screen leaf even if an old link still adds its class. */
body.codex-paper-world.is-opening-from-book::before{
  content:none!important;
  display:none!important;
  animation:none!important;
}

body.codex-paper-world.is-entering-codex .codex-paper-sheet{
  animation:igttCodexSheetArrive .30s cubic-bezier(.22,.78,.24,1) both;
}
@keyframes igttCodexSheetArrive{
  from{opacity:.72;transform:translateY(5px) scale(.995)}
  to{opacity:1;transform:none}
}

/* A small illustrated cover sits ONLY over the book and swings away. */
body.codex-paper-world .codex-paper-book-shell{
  isolation:isolate;
}
body.codex-paper-world.is-opening-codex-book .codex-paper-book-shell::before{
  content:"COMMUNITY CODEX\A BOOK 1";
  white-space:pre;
  position:absolute;
  inset:0;
  z-index:40;
  display:grid;
  place-content:center;
  padding:24px;
  box-sizing:border-box;
  border:2px solid rgba(239,227,204,.74);
  border-left-width:9px;
  border-radius:7px 18px 18px 7px;
  background:
    radial-gradient(circle at 82% 13%,rgba(239,227,204,.09),transparent 34%),
    repeating-linear-gradient(0deg,rgba(239,227,204,.018) 0 1px,transparent 1px 6px),
    #11100e;
  color:#f2e6d0;
  box-shadow:
    0 22px 42px rgba(0,0,0,.38),
    inset 5px 0 0 rgba(0,0,0,.42),
    inset 0 0 0 1px rgba(239,227,204,.08);
  text-align:center;
  font:400 clamp(1.35rem,4.2vw,2.05rem)/1.05 'Jua',sans-serif;
  letter-spacing:.035em;
  text-shadow:0 2px 0 rgba(0,0,0,.30);
  transform-origin:0 50%;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  pointer-events:none;
  animation:igttCodexCoverOpen .56s cubic-bezier(.2,.75,.24,1) .04s both;
}
body.codex-paper-world.is-opening-codex-book .codex-paper-book-shell::after{
  content:"";
  position:absolute;
  z-index:41;
  left:24%;
  right:24%;
  bottom:27%;
  height:1px;
  background:rgba(239,227,204,.34);
  box-shadow:0 8px 0 rgba(239,227,204,.12);
  transform-origin:0 50%;
  pointer-events:none;
  animation:igttCodexCoverDetailOpen .56s cubic-bezier(.2,.75,.24,1) .04s both;
}
body.codex-paper-world.is-opening-codex-book .tier-book.codex-book{
  animation:igttCodexBookSettle .48s cubic-bezier(.22,.8,.26,1) .09s both;
}
@keyframes igttCodexCoverOpen{
  0%{opacity:1;transform:perspective(1300px) rotateY(0deg) translateZ(2px)}
  68%{opacity:1;transform:perspective(1300px) rotateY(-76deg) translateZ(2px)}
  100%{opacity:0;transform:perspective(1300px) rotateY(-101deg) translateZ(2px)}
}
@keyframes igttCodexCoverDetailOpen{
  0%{opacity:1;transform:perspective(1300px) rotateY(0deg) translateZ(3px)}
  68%{opacity:1;transform:perspective(1300px) rotateY(-76deg) translateZ(3px)}
  100%{opacity:0;transform:perspective(1300px) rotateY(-101deg) translateZ(3px)}
}
@keyframes igttCodexBookSettle{
  from{opacity:.80;transform:translateY(4px) scale(.985)}
  to{opacity:1;transform:none}
}

@media(max-width:700px){
  body.codex-paper-world.is-opening-codex-book .codex-paper-book-shell::before{
    border-left-width:7px;
    border-radius:6px 15px 15px 6px;
    font-size:clamp(1.15rem,6vw,1.6rem);
  }
}
@media(prefers-reduced-motion:reduce){
  body.codex-paper-world.is-entering-codex .codex-paper-sheet,
  body.codex-paper-world.is-opening-codex-book .tier-book.codex-book{animation:none!important}
  body.codex-paper-world.is-opening-codex-book .codex-paper-book-shell::before,
  body.codex-paper-world.is-opening-codex-book .codex-paper-book-shell::after{content:none!important;display:none!important;animation:none!important}
}


/* ================================================================
   2026-09-13 — V15 highlighted Thought legibility.
   The profile Highlighted Thought is intentionally a black card; all
   text inside it therefore stays in the white/cream family.
   ================================================================ */
.profile-v2 .featured-thought-profile{
  background:linear-gradient(150deg,#0c0c0c 0%,#080808 58%,#050505 100%)!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#fff!important;
}
.profile-v2 .featured-thought-profile .featured-thought-label,
.profile-v2 .featured-thought-profile .featured-thought-question,
.profile-v2 .featured-thought-profile .featured-thought-text,
.profile-v2 .featured-thought-profile .featured-thought-date,
.profile-v2 .featured-thought-profile .featured-thought-brand,
.profile-v2 .featured-thought-profile .featured-thought-mark{
  color:#fff!important;
  text-shadow:none!important;
}
.profile-v2 .featured-thought-profile .featured-thought-label{opacity:.68!important}
.profile-v2 .featured-thought-profile .featured-thought-question{opacity:.92!important}
.profile-v2 .featured-thought-profile .featured-thought-text{opacity:1!important}
.profile-v2 .featured-thought-profile .featured-thought-date{opacity:.58!important}
.profile-v2 .featured-thought-profile .featured-thought-brand{opacity:.48!important}
.profile-v2 .featured-thought-profile .featured-thought-mark{opacity:.16!important}
.profile-v2 .featured-thought-profile .featured-thought-topline,
.profile-v2 .featured-thought-profile .featured-thought-footer{
  border-color:rgba(255,255,255,.09)!important;
}


/* 2026-09-13 — V16: primary Codex navigation is immediate.
   Disable the old entering/cover-opening ceremony completely. */
body.codex-paper-world.is-opening-from-book::before,
body.codex-paper-world.is-opening-codex-book .codex-paper-book-shell::before,
body.codex-paper-world.is-opening-codex-book .codex-paper-book-shell::after{
  content:none!important;display:none!important;animation:none!important;
}
body.codex-paper-world.is-entering-codex .codex-paper-sheet,
body.codex-paper-world.is-opening-codex-book .tier-book.codex-book{
  animation:none!important;transform:none!important;opacity:1!important;
}

/* ================================================================
   2026-09-13 — V17 My Thoughts intro legibility.
   This panel is the dark ink section inside the parchment Codex, so its
   eyebrow should use the full parchment tone instead of a dim translucent
   brown/gold inherited from older Codex styling.
   ================================================================ */
#codexPanelMine .codex-panel-intro > span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px 5px;
  border:1px solid rgba(246,236,217,.22);
  border-radius:999px;
  background:rgba(246,236,217,.075);
  color:#f6ecd9!important;
  text-shadow:0 1px 0 rgba(0,0,0,.24);
}