.journal-panel{padding:0;background:transparent}.journal-shell{background:#fff;border:1px solid var(--line);border-radius:0 0 20px 20px;overflow:hidden}.journal-head{padding:28px 31px 22px;background:linear-gradient(135deg,#f2fbfa,#fff);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:24px}.journal-head h2{margin:6px 0 8px;font:600 28px/1.15 'Newsreader'}.journal-head p{margin:0;color:var(--muted);max-width:680px}.journal-progress{min-width:120px;text-align:right}.journal-progress strong{display:block;font:600 24px 'Newsreader';color:#167865}.journal-progress span{font-size:12px;color:var(--muted)}.journal-pages{padding:24px 31px;display:grid;gap:18px}.journal-page{border:1px solid var(--line);border-radius:16px;padding:19px;background:#fff}.journal-page.written{border-color:#9bd7c8;background:#fbfffd}.journal-page-head{display:flex;gap:12px}.journal-number{width:31px;height:31px;flex:0 0 31px;border-radius:50%;display:grid;place-items:center;background:#e8f8f3;color:#167865;font-weight:700}.journal-page h3{margin:1px 0 6px;font:600 19px/1.35 'Newsreader'}.journal-page .journal-prompt{margin:0;color:#344b55;font-size:16px;line-height:1.6}.journal-help{margin-top:12px;border:1px solid #cde7e0;border-radius:10px;background:#f6fffc;overflow:hidden}.journal-help summary{padding:11px 13px;cursor:pointer;color:#116b5c;font-size:14px;font-weight:700}.journal-help[open] summary{border-bottom:1px solid #cde7e0}.journal-help>div{padding:14px}.journal-help strong{display:block;font-size:13px;margin-bottom:4px}.journal-help p,.journal-help blockquote{font-size:15px;line-height:1.65}.journal-help p{margin:0 0 13px}.journal-help blockquote{margin:0;padding:11px 13px;background:#fff;border-left:3px solid #39a78d}.journal-page textarea{width:100%;min-height:150px;margin-top:14px;border:1px solid var(--line);border-radius:11px;padding:14px;font:400 16px/1.65 'DM Sans';resize:vertical}.journal-actions{padding:0 31px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px}.journal-actions span{font-size:13px;color:var(--muted)}.journal-actions div{display:flex;gap:10px}.journal-complete{background:#e8f8f3;color:#116b5c;border:1px solid #9bd7c8;padding:12px 16px;border-radius:12px;font-weight:700}@media(max-width:700px){.journal-head{display:block;padding:22px}.journal-progress{text-align:left;margin-top:16px}.journal-pages{padding:18px}.journal-actions{padding:0 18px 22px;flex-direction:column;align-items:stretch}.journal-actions div{display:grid}}