html[data-personal-state] .home-canvas{display:none!important}
html[data-personal-state="ready"] #personalLoading,
html[data-personal-state="prepared"] #personalLoading,
html[data-personal-state="error"] #personalLoading{display:none!important}
#personalLoading{padding:40px 28px;max-width:860px;margin:auto;color:var(--sage,#b0b2a7);line-height:1.6}
html[data-personal-state] #flowDialog .route [data-step],
html[data-personal-state] #flowDialog #onboardingReplay,
html[data-personal-state] #flowDialog #changeRole,
html[data-personal-state] #flowDialog #newMeeting,
html[data-personal-state] #flowDialog #positiveButton,
html[data-personal-state] #flowDialog #repeatButton,
html[data-personal-state] #flowDialog #adjustButton,
html[data-personal-state] #flowDialog [data-back="settings"],
html[data-personal-state] #flowDialog .editorial-menu,
html[data-personal-state] #flowDialog .editorial-mobile-menu,
html[data-personal-state] #flowDialog .editorial-menu-toggle{display:none!important}
html[data-personal-state]:not([data-personal-state="prepared"]) #flowDialog #main,
html[data-personal-state]:not([data-personal-state="prepared"]) #flowDialog .route{display:none!important}
.personal-panel{max-width:860px;margin:0 auto;padding:52px 28px 72px;color:var(--paper,#efeee7)}
.personal-panel h1{font-family:'EMDR Serif',Georgia,serif;font-weight:400;font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-.03em;margin:16px 0 30px;overflow-wrap:anywhere}
.personal-eyebrow{color:var(--sage,#b0b2a7);font-size:14px}
.personal-status,.personal-note{color:var(--sage,#b0b2a7);max-width:65ch;line-height:1.6}
.personal-copy{margin:32px 0;background:none;border:0}
.personal-copy h2{font-family:'EMDR Serif',Georgia,serif;font-size:25px;font-weight:400;margin:0 0 10px}
.personal-copy p{max-width:65ch;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.personal-parameters{margin:30px 0;border:0;background:none;padding:0}
.personal-parameters summary{padding:10px 0;color:var(--accent,#fff273);cursor:pointer}
.personal-parameters dl{display:grid;grid-template-columns:minmax(120px,1fr) 1.4fr;gap:12px 24px;margin:20px 0}
.personal-parameters dt{color:var(--sage,#b0b2a7)}
.personal-parameters dd{margin:0;overflow-wrap:anywhere}
.personal-panel button{margin-top:26px;min-height:48px;padding:14px 24px;border:0;border-radius:4px}
html[data-personal-state] #flowDialog [data-view="launch"] .step-nav .quiet{display:none!important}
html[data-personal-state] #flowDialog .route{margin-top:24px}
@media(max-width:600px){.personal-panel{padding:32px 20px 48px}.personal-parameters dl{grid-template-columns:1fr;gap:6px}.personal-parameters dd{margin-bottom:14px}}

/* The assignment uses one reading column, without the ordinary welcome/art shell. */
body.personal-entry #flowDialog{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;box-shadow:none;border-radius:0;overflow:auto;animation:none}
body.personal-entry #flowDialog .flow-top{position:sticky;top:0;margin:0;padding:16px clamp(20px,4vw,60px);border:0;z-index:3}
body.personal-entry #flowDialog .top-actions{margin-left:auto}
body.personal-entry #flowDialog :is(#aboutOpen,.site-link){display:none}
body.personal-entry #flowDialog #main{display:block;width:100%;max-width:860px;min-height:0;margin:0 auto;padding:40px 28px 64px;background:none;border:0;box-shadow:none}
body.personal-entry #flowDialog #main::before{content:none}
body.personal-entry #flowDialog .route{height:0;margin:0;padding:0}
body.personal-entry #flowDialog .step-nav{position:static;background:none;border:0;box-shadow:none;margin-top:32px}
body.personal-entry #flowDialog :is(.footer,.personal-copy,.personal-reminder){background:none;border:0;box-shadow:none}
body.personal-entry #flowDialog .footer{padding:24px clamp(20px,4vw,60px)}
body.personal-entry .personal-reminder{margin:0 0 28px;padding:0}
body.personal-entry .personal-reminder summary{cursor:pointer;padding:8px 0;color:var(--ui-accent);font-size:17px}
body.personal-entry .personal-reminder .personal-copy{margin:20px 0}
body.personal-entry .personal-reminder h3,body.personal-entry .personal-completion h3{font:400 22px/1.35 var(--editorial-serif);margin:0 0 10px}
body.personal-entry .personal-reminder p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:600px){body.personal-entry #flowDialog #main{padding:28px 20px 48px}body.personal-entry #flowDialog .flow-top{gap:12px}body.personal-entry .personal-panel h1{font-size:38px}body.personal-entry #flowDialog .footer{gap:14px}}

body.personal-entry #flowDialog #activeBack{display:none!important}
body.personal-entry #flowDialog #activeStatus{background:none;border:0;border-radius:0;box-shadow:none;padding:0}