/* Elaris v32 — the approved celestial rococo art direction. */
:root {
  --palace-ink: #514338;
  --palace-accent: #856037;
  --palace-tint: #f4e8d8;
  --palace-paper: #fffaf1;
  --palace-line: #d3b68c;
  --palace-metal: #bc9258;
}
body[data-palace-theme=self], #hub, #room, #chronicle {
  --palace-ink:#57433f; --palace-accent:#96695e;
  --palace-tint:#f4e5de; --palace-paper:#fffaf4;
  --palace-line:#d9b8a0; --palace-metal:#bc956d;
}
body[data-palace-theme=future], #future {
  --palace-ink:#57452e; --palace-accent:#896229;
  --palace-tint:#f8edcd; --palace-paper:#fffaf0;
  --palace-line:#d5b87e; --palace-metal:#c69b4b;
}
body[data-palace-theme=mind], #mind {
  --palace-ink:#354d3c; --palace-accent:#527147;
  --palace-tint:#e7edd7; --palace-paper:#fcfcf1;
  --palace-line:#b7c299; --palace-metal:#b7a067;
}
body[data-palace-theme=home], #myPalace, #mpSettings, #mpIntroduction {
  --palace-ink:#66493c; --palace-accent:#9b6547;
  --palace-tint:#f9e3d2; --palace-paper:#fff9f1;
  --palace-line:#d7ae8c; --palace-metal:#c58f61;
}
body[data-palace-theme=creation], #creation, .cr-dialog {
  --palace-ink:#3d5263; --palace-accent:#577994;
  --palace-tint:#e7eff5; --palace-paper:#fcfcfa;
  --palace-line:#b2c5d3; --palace-metal:#bea378;
  --cink:#3d5263; --cgold:#bea378; --cblue:#e7eff5;
}
body { background:#fffaf2; }
button, input, textarea, select { accent-color:var(--palace-accent); }
button { -webkit-tap-highlight-color:transparent; }
.screen .brand, .mp-brand, .cr-brand { color:var(--palace-ink)!important; text-shadow:0 1px 14px #fffdf0; }
.self-glass, .self-skip, .self-palace-toggle, .self-resume, .world-look,
.self-pan-controls, .top-memory, .mp-pill, .cr-btn {
  background:linear-gradient(135deg,#fffffff5,color-mix(in srgb,var(--palace-paper) 93%,transparent))!important;
  border:1px solid var(--palace-line)!important;
  box-shadow:inset 0 1px 1px #fff,0 5px 20px #71512a14!important;
  color:var(--palace-ink)!important;
  backdrop-filter:blur(12px);
  transition:background .2s,box-shadow .2s,transform .2s;
}
.self-glass:hover, .self-palace-toggle:hover, .top-memory:hover,
.mp-pill:hover, .cr-btn:hover {
  background:linear-gradient(135deg,#fff,var(--palace-tint))!important;
  box-shadow:inset 0 1px 1px #fff,0 4px 24px color-mix(in srgb,var(--palace-metal) 25%,transparent)!important;
}
.world-palace>.self-top,#hub .self-top,#room .self-top,.cr-top {
  background:linear-gradient(180deg,#fffcf3e8,#fffcf388 62%,transparent)!important;
}
.world-title,.world-caption,.self-hall-title,.self-room-caption,
#mind .room-tale,.mp-title,.cr-intro {
  background:linear-gradient(115deg,color-mix(in srgb,var(--palace-paper) 94%,transparent),color-mix(in srgb,var(--palace-paper) 76%,transparent))!important;
  border:1px solid color-mix(in srgb,var(--palace-line) 70%,transparent)!important;
  border-radius:30px 30px 12px 12px!important;
  box-shadow:inset 0 1px #fff,0 8px 34px #61452412;
  color:var(--palace-ink)!important;
  backdrop-filter:blur(5px);
}
.world-object>span,.self-world-object>span:last-child,.desk-hit span,.cr-spot span {
  background:linear-gradient(135deg,#fffdf5f5,color-mix(in srgb,var(--palace-paper) 91%,transparent))!important;
  border-color:var(--palace-line)!important;
  box-shadow:inset 0 1px #fff,0 6px 24px #7352241c!important;
  color:var(--palace-ink)!important;
}
.world-object:hover>span,.desk-hit:hover span,.cr-spot:hover span {
  background:linear-gradient(135deg,#fff,var(--palace-tint))!important;
}
.object-glint { filter:drop-shadow(0 0 6px #ffedb4); }
.fairy-dust { background:#fff6c8;box-shadow:0 0 8px #ffe5a8,0 0 16px color-mix(in srgb,var(--palace-metal) 60%,transparent); }
.fairy-dust:nth-child(2n),.fairy-dust:nth-child(3n) { background:var(--palace-tint); }

/* The overview follows the approved two-scene / three-scene composition. */
#realm { background:radial-gradient(ellipse at 20% 0%,#fff1d9,transparent 55%),radial-gradient(ellipse at 85% 100%,#e9f1f5,transparent 55%),#fffcf5; }
#realm .top { background:#fffcf3ef; border-bottom:1px solid #ddc9a7; }
#realm .realm-intro h1 em { color:#9b774a; }
#realm .realm-intro { padding-bottom:24px; }
#realm .palace-gallery:has(.portal-creation) { gap:24px; max-width:1640px; margin:auto; padding:4px 4vw 32px; grid-template-columns:repeat(6,minmax(0,1fr)); }
#realm .palace-portal:nth-child(1),#realm .palace-portal:nth-child(2) { grid-column:span 3; }
#realm .palace-portal:nth-child(n+3) { grid-column:span 2; }
#realm .portal-art { aspect-ratio:1.78; border:1px solid var(--palace-line); border-radius:22px!important; box-shadow:0 8px 32px #8865391a,inset 0 0 0 1px #fff; }
#realm .portal-art img { transition:transform .65s ease; }
#realm .palace-portal:hover .portal-art img { transform:scale(1.035); }
#realm .portal-self { --palace-ink:#57433f;--palace-line:#d9b8a0;--palace-tint:#f4e5de; }
#realm .portal-future { --palace-ink:#57452e;--palace-line:#d5b87e;--palace-tint:#f8edcd; }
#realm .portal-mind { --palace-ink:#354d3c;--palace-line:#b7c299;--palace-tint:#e7edd7; }
#realm .portal-home { --palace-ink:#66493c;--palace-line:#d7ae8c;--palace-tint:#f9e3d2; }
#realm .portal-creation { --palace-ink:#3d5263;--palace-line:#b2c5d3;--palace-tint:#e7eff5; }
#realm .portal-caption { padding:15px 5px 3px; gap:6px; }
#realm .portal-caption strong,#realm .portal-caption strong em { font-size:clamp(25px,2.25vw,37px); }
#realm .portal-caption>span { color:var(--palace-ink);font-size:15px; }
#realm .portal-enter { background:#fffcf3ee; border-color:var(--palace-line); color:var(--palace-ink); box-shadow:inset 0 1px #fff,0 4px 20px #68421c12; }

/* The paper remains the real writing surface of the illustrated journal. */
#hub .door-caption { background:#fffaf2ef; border-color:#d9b8a0; box-shadow:inset 0 1px #fff,0 5px 20px #6e4e3019; }
#hub .door-caption b,#hub .door-caption small { color:#674d43; }
#room .self-page-note,#room .self-page-note h2 { color:#7c5a4e; }
#room .self-page-note time { color:#806859; }
#room.self-palace .stationery-masthead { color:#896758;border-color:#d9b8a0; }
#room.self-palace .stationery-masthead b { color:#896758; }
#room.self-palace .freewrite-title,#room.self-palace textarea,
#room.self-palace .question,#room.self-palace .mode-card h3 { color:#57433f!important; }
#room.self-palace .small,#room.self-palace .mode-card p,
#room .self-writing-page .navmini,#room .self-markers summary { color:#786258!important; }
#room .self-writing-page .btn.primary { background:linear-gradient(110deg,#997361,#875b52)!important;border-color:#946553!important;color:#fffaf1!important; }
#room .self-writing-page .chip,#room .self-writing-page .signal-chip,
#room .self-writing-page .branch-btn,#room .self-writing-page .btn.secondary { background:#f8eee4!important;border-color:#dbc3af!important;color:#674d43!important; }
#chronicle .chronicle-bg { background-image:linear-gradient(90deg,#fff5e78c,#fffaf13d),var(--elaris-self-mirror-rococo-webp); }
.chronicle-item { border-color:var(--palace-line);background:#fffdf8; }
.chronicle-card,.quick-card,.modal-card,.focus-sheet { box-shadow:0 20px 65px #88653925,inset 0 1px #fff; }
.quick-entry-fab { background:var(--palace-accent);border-color:var(--palace-line);color:#fffaf1; }
.tabbtn,.filter-btn,.toolbtn,.navmini,.openbtn,.search-input,.thread-card,
.resurface-card,.pattern-card,.route-btn,.today-card,.checkin,.outcome-box {
  border-color:var(--palace-line);color:var(--palace-ink);
  background:var(--palace-paper);
}
.tabbtn.active,.filter-btn.active,.branch-btn.active,.signal-chip.active,
.navmini.primaryish,.thread-pill,.intent-status { background:var(--palace-tint);color:var(--palace-accent); }
.progress { background:var(--palace-tint); }
.privacy-note { background:var(--palace-tint);border-color:var(--palace-line);color:var(--palace-ink); }
.privacy-note b { color:var(--palace-ink); }

/* Sunlit gold stationery. */
#future .future-left-page h2,#future .world-page-turns button { color:#805f33; }
#future .future-btn.primary,#future .task-check.done { background:linear-gradient(110deg,#95702f,#85602c)!important;border-color:#92703c!important; }
#future .future-btn,#future .microbtn,#future .template-chip { background:#fff7e5;color:#6a512f;border-color:#d9bf8e; }
#future .future-head h1,#future .fcard h3 { color:#57452e; }
#future .future-head p,#future .fcard p,#future .future-note { color:#79664d; }

/* A green silk music folio, with focus controls kept compact. */
#mind .room-card { background:linear-gradient(120deg,#fffef5fa,#eef2e1fa)!important;color:#354d3c;border-color:#b7c299!important;box-shadow:0 18px 60px #445d3326,inset 0 1px #fff!important; }
#mind .room-card h2,#mind .elaris-scores h3,#mind .elaris-score-family,#mind .focus-time,
#mind .atelier-label b,#mind .sound-choice,#mind .sound-channel button { color:#354d3c; }
#mind .begin-focus { background:linear-gradient(120deg,#657e4d,#4a6944)!important;border-color:#527147!important; }
#mind .duration-chip.active { background:#527147;border-color:#527147;color:#fffdf2; }
#mind .attune-chip.active,#mind .companion-chip.active,#mind .elaris-score-choice[aria-pressed=true] { background:#e7edd7;border-color:#b7c299;color:#3f5b3e; }
#mind .elaris-score-kicker,#mind .elaris-score-intro,#mind .elaris-score-choice span,
#mind .memory-insight,#mind .memory-head b,#mind .elaris-score-choice b { color:#466044; }
#mind .elaris-score-choice small { color:#596d4f; }
#mind .elaris-score-listen,#mind .sound-choice select { background:#fcfcf1;color:#466044;border-color:#b7c299; }
#mind input[type=range] { accent-color:#527147; }
#mind.focusing .room-card { background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;width:min(390px,92vw)!important; }

/* Apricot silk drawers and warm crystal collection trays. */
#myPalace .mp-drawer,#mpSettings,#mpIntroduction { background:linear-gradient(110deg,#fffbf5,#fae8d9)!important;border-color:#d7ae8c!important;color:#66493c;box-shadow:0 15px 65px #8d56302b,inset 0 1px #fff; }
#myPalace .mp-pill.primary,#mpIntroduction .mp-pill.primary,#mpSettings .mp-pill.primary { background:linear-gradient(110deg,#ab7957,#935d43)!important;border-color:#9b6547!important;color:#fffaf1!important; }
#myPalace .mp-capsule { background:#fffaf2f2;border-color:#d7ae8c;color:#66493c; }
#myPalace .mp-room-portal { border-color:#d7ae8c; }
#myPalace .mp-progress>span { background:linear-gradient(90deg,#dcb184,#af7b58); }
#myPalace .mp-day.earned { background:#f4ddc8; }

/* Blue silk letters with delicate champagne edges. */
#creation .cr-intro,.cr-dialog,.cr-dialog-inner { border-color:#c2b698;color:#3d5263; }
.cr-dialog { background:linear-gradient(120deg,#fffefa,#eaf1f7);box-shadow:0 24px 100px #4c607b33; }
.cr-dialog-inner { border:4px double #ccb894; }
.cr-dialog .cr-proposal { background:linear-gradient(#edf4fa,#fffdf6);border-color:#bbcad3; }
.cr-dialog .cr-proposal.selected { box-shadow:0 0 0 3px #9bafbf; }
.cr-dialog .cr-plaque { background:radial-gradient(ellipse at 30% 20%,#fffef5,#e4edf4);border-color:#c8b58f;color:#456680; }
.cr-dialog .cr-close { background:#f6f9fc;border-color:#b2c5d3;color:#456680; }
.cr-dialog .cr-btn.primary,#creation .cr-btn.primary { background:linear-gradient(110deg,#66869b,#4f708b)!important;color:#fffef6!important;border-color:#688296!important; }

@media(max-width:760px) {
  #realm .palace-gallery:has(.portal-creation) { grid-template-columns:1fr;gap:24px;padding:0 18px 26px; }
  #realm .palace-portal:nth-child(n) { grid-column:1; }
  #realm .portal-art { border-radius:18px!important; }
  #realm .portal-caption strong,#realm .portal-caption strong em { font-size:28px; }
  .world-title,.world-caption,.self-hall-title,.self-room-caption,#mind .room-tale,.mp-title,.cr-intro { padding:14px 18px; }
}
@media(prefers-reduced-motion:reduce) {
  #realm .portal-art img,.self-glass,.self-palace-toggle,.top-memory,.mp-pill,.cr-btn { transition:none; }
  #realm .palace-portal:hover .portal-art img { transform:none; }
}