/* V465 — isolate the reflection introduction from the site's shared blue hero styling. */
html body.studio-app #view-reflection .v465-reflection-intro,
html body.studio-app #view-reflection .v465-reflection-intro::before,
html body.studio-app #view-reflection .v465-reflection-intro::after{
 background:transparent!important;background-image:none!important;box-shadow:none!important;
 border:0!important;outline:0!important;filter:none!important;backdrop-filter:none!important;
}
html body.studio-app #view-reflection .v465-reflection-intro{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:25px 16px 10px;max-width:1100px;margin:0 auto;min-height:0}
html body.studio-app #view-reflection .v465-reflection-intro h2{margin:0!important;font-size:clamp(27px,3.6vw,43px)!important;line-height:1.5!important;font-weight:700!important;color:#d8b577!important;-webkit-text-fill-color:#d8b577!important;background:transparent!important;background-image:none!important;text-shadow:none!important;filter:none!important}
html body.studio-app #view-reflection .v465-reflection-intro p{margin:0!important;color:#d6c7aa!important;-webkit-text-fill-color:#d6c7aa!important;background:none!important;text-shadow:none!important;font-size:clamp(14px,1.7vw,18px)!important}
html body.studio-app #view-reflection .v465-reflection-intro .back-door{margin-top:5px!important}
/* The notebook selector is plain title text plus a close-by arrow, no visible field. */
html body.studio-app #view-reflection .v465-select-wrap{display:inline-flex;align-items:center;gap:5px;position:relative;max-width:min(100%,360px);min-width:0;direction:rtl;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html body.studio-app #view-reflection .v465-select-wrap svg{flex:none;pointer-events:none;color:#d8b577}
html body.studio-app #view-reflection #v463NotebookSelect{appearance:none!important;-webkit-appearance:none!important;display:inline-block!important;flex:0 1 auto!important;min-width:0!important;max-width:300px!important;width:auto!important;min-height:0!important;height:auto!important;line-height:1.7!important;padding:3px 0!important;margin:0!important;border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;color:#e8d8bd!important;-webkit-text-fill-color:#e8d8bd!important;font-size:15px!important;font-weight:600!important;cursor:pointer;text-align:right}
html body.studio-app #view-reflection #v463NotebookSelect option{background:#211f1d;color:#f2e5cf}
html body.studio-app #view-reflection #v463NotebookSelect:focus-visible{outline:1px solid #c6a76b!important;outline-offset:3px!important}
/* Notebook navigation is compact, borderless and glows on hover. */
html body.studio-app #view-reflection .v461-book-nav{justify-content:flex-start!important;gap:5px!important;margin:12px 0 12px!important;direction:ltr}
html body.studio-app #view-reflection .v461-book-nav button,
html body.studio-app #view-reflection .v463-notebook-row button,
html body.studio-app #view-reflection .journal-buttons button{border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;min-width:0!important;min-height:0!important;padding:5px 8px!important;font-size:13px!important;line-height:1.5!important;color:#e2d4bf!important;-webkit-text-fill-color:#e2d4bf!important;transition:color .18s,text-shadow .18s,filter .18s!important}
html body.studio-app #view-reflection .v461-book-nav button:hover:not(:disabled),
html body.studio-app #view-reflection .v463-notebook-row button:hover,
html body.studio-app #view-reflection .journal-buttons button:hover,
html body.studio-app #view-reflection .v461-book-nav button:focus-visible,
html body.studio-app #view-reflection .v463-notebook-row button:focus-visible,
html body.studio-app #view-reflection .journal-buttons button:focus-visible{background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 0 10px rgba(220,230,238,.85)!important}
html body.studio-app #view-reflection .v461-book-nav #v461PageNum{min-width:0!important;font-size:12px!important;padding:0 3px!important;white-space:nowrap}
html body.studio-app #view-reflection .v461-book-nav #v464CurrentNotebookTitle{margin-left:auto!important;margin-right:0!important;min-width:0!important;max-width:100%!important;font-size:20px!important;font-weight:600!important;text-align:right!important;color:#d8b577!important;-webkit-text-fill-color:#d8b577!important;text-shadow:none!important;direction:rtl}
html body.studio-app #view-reflection .journal-buttons #journalSave:active{color:#f3f7fa!important;-webkit-text-fill-color:#f3f7fa!important;text-shadow:0 0 15px rgba(217,229,242,.95)!important}
/* Rename dialog: transparent charcoal stone, clean silver hover actions. */
html body.studio-app .v464-rename-dialog{background:rgba(48,47,46,.84)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(198,194,187,.25)!important;box-shadow:0 20px 65px rgba(0,0,0,.45)!important;color:#fff!important}
html body.studio-app .v464-rename-dialog label{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.studio-app .v464-rename-dialog input{background:rgba(89,87,84,.43)!important;border:1px solid rgba(200,197,190,.35)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important}
html body.studio-app .v464-rename-dialog .v464-dialog-actions button{background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;transition:text-shadow .2s,color .2s!important}
html body.studio-app .v464-rename-dialog .v464-dialog-actions button:hover,
html body.studio-app .v464-rename-dialog .v464-dialog-actions button:focus-visible,
html body.studio-app .v464-rename-dialog .v464-dialog-actions button:active{background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 0 12px rgba(224,235,247,.95)!important}
@media(max-width:600px){html body.studio-app #view-reflection .v465-reflection-intro{padding:18px 12px 6px;gap:8px}html body.studio-app #view-reflection .v461-book-nav{gap:3px!important}html body.studio-app #view-reflection .v461-book-nav #v464CurrentNotebookTitle{font-size:18px!important;flex-basis:100%;text-align:right!important}html body.studio-app #view-reflection #v463NotebookSelect{max-width:235px!important}}