/* Short, optional guidance in the existing Pastel Hearts palette. */
.welcome-purpose{max-width:31rem;color:#655560;font-size:1.12rem;line-height:1.65;margin:1.1rem 0}
.entry-skip{min-height:44px;padding:.55rem 1rem;color:#70475f}
.start-here-screen{max-width:1000px;margin:auto;padding:36px 24px 120px}
.start-here-screen h1{font-family:Georgia,serif;font-size:clamp(2.2rem,6vw,3.7rem);line-height:1.1;margin:14px 0}
.start-here-intro{font-size:1.15rem;line-height:1.6;color:#6b5965;max-width:38rem}
.start-here-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}
.start-here-card{display:flex;align-items:center;gap:18px;border:1px solid #dacbd4;border-radius:24px;padding:24px;color:#493640;text-decoration:none;background:#f9ecf1;box-shadow:0 6px 20px #70516608}
.start-here-card h2{font-size:1.12rem;margin:0 0 8px;font-family:inherit;font-weight:650;color:#583b4e}
.start-here-card p{font-size:1rem;line-height:1.55;margin:0;color:#655560}
.start-here-card>:last-child{margin-left:auto;font-size:1.4rem}
.guide-card-symbol{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:18px;background:#fffaf4;color:#9b587e;font-size:2rem}
.guide-circle{background:#f0e9f7}.guide-meals{background:#edf2e6}.guide-relax{background:#fbeedc}
.guide-footnote{max-width:37rem;color:#6b5965;line-height:1.6;margin:22px 0 16px}
.guide-tips-choice{display:flex;align-items:center;gap:10px;min-height:44px;font-size:1rem;color:#583b4e}
.guide-tips-choice input{width:20px;height:20px;accent-color:#80516e}
.page-guide{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;margin:18px 0 24px;border:1px solid #d6c8db;border-radius:18px;background:#f2eaf6;color:#584753;flex-shrink:0}
.page-guide h2{font-family:inherit;font-size:1rem;line-height:1.45;font-weight:650;margin:0 0 5px;color:#583b4e}
.page-guide p{font-size:.95rem;line-height:1.55;margin:0;max-width:60ch}
.page-guide button{flex:0 0 auto;min-height:44px;padding:8px;color:#70415e}
.page-guide[hidden]{display:none!important}
#circle .page-guide{margin:8px 12px;padding:12px 14px;max-height:30vh;overflow:auto}
#circle .page-guide p{font-size:.86rem}
#guide-save-status:empty{display:none}
.start-here-card:focus-visible,.entry-skip:focus-visible,.page-guide button:focus-visible{outline:3px solid #7e5677;outline-offset:4px}
@media(max-width:600px){.start-here-screen{padding:26px 20px 120px}.start-here-grid{grid-template-columns:1fr;gap:12px;margin:22px 0}.start-here-card{padding:19px 16px;gap:14px;border-radius:22px}.guide-card-symbol{flex-basis:44px;width:44px;height:48px;font-size:1.8rem}.page-guide{padding:16px 14px;gap:8px}.welcome-purpose{font-size:1.04rem}}

#circle:has(#message-input:focus) .page-guide{display:none}