.journal{max-width:1120px;margin:0 auto}.journal-hero{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;background:linear-gradient(135deg,#fff,#edf8ff);border:3px solid #82c9ff;border-radius:24px;padding:clamp(1rem,3vw,1.6rem);box-shadow:0 12px 28px #0756a61c}.journal-hero .profile-avatar{width:88px;height:88px;font-size:2.7rem}.journal-hero h1{margin:.15rem 0}.journal-progress{height:12px;margin-top:.55rem;background:#dceafa;border:1px solid #9fbfe2;border-radius:999px;overflow:hidden}.journal-progress>span{display:block;width:var(--progress);height:100%;background:linear-gradient(90deg,#0b8fe8,#27b64c);border-radius:inherit}.journal-years,.journal-unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.25rem 0}.journal-year-card,.journal-unit-card{text-align:left;background:#fff;border:2px solid #b7d8f6;border-radius:18px;padding:1rem;box-shadow:0 7px 16px #0756a617}.journal-year-card>span:first-child{display:flex;gap:.45rem;align-items:baseline}.journal-year-card strong{font-size:2rem;color:#0757b5}.journal-year-card>span:nth-child(2),.journal-unit-card>span{display:block}.journal-unit-card>span:first-child{font-size:2rem}.journal-unit-card strong{display:block;font-size:1.1rem;margin:.4rem 0}.journal-unit-card small{display:block;margin-top:.45rem;font-weight:800}.journal-recent,.journal-empty,.journal-complete,.journal-discovery,.journal-locked{background:#fff;border:2px solid #c4def5;border-radius:20px;padding:1.2rem;margin:1.2rem 0}.journal-recent>div,.journal-missions{display:grid;gap:.65rem}.journal-recent button,.journal-missions button{display:grid;grid-template-columns:1fr auto;gap:.2rem .7rem;text-align:left;background:#f7fbff;border:2px solid #d3e8fa;border-radius:14px;padding:.85rem 1rem}.journal-recent button span,.journal-recent button small,.journal-missions button small{display:block}.journal-missions button{grid-template-columns:auto 1fr auto;align-items:center}.journal-mission-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e5f3ff;color:#0757b5;font-weight:900}.journal-continue{margin:.5rem auto 0;display:flex}.journal-entry{max-width:760px}.journal-discovery span{font-weight:900;color:#087234}.journal-discovery blockquote{font-size:clamp(1.15rem,3vw,1.45rem);line-height:1.55;margin:1rem 0;padding-left:1rem;border-left:5px solid #43b95f}.journal-empty{text-align:center}.journal-empty .pico-dialogue{max-width:560px;margin:1rem auto}.journal-complete{text-align:center;background:#effff2;border-color:#55bf69}.parent-actions [data-parent-journal]{border-color:#2c8cd8}
@media(max-width:680px){.journal-years,.journal-unit-grid{grid-template-columns:1fr}.journal-hero{grid-template-columns:1fr;text-align:center}.journal-hero .profile-avatar{margin:auto}.journal-missions button{grid-template-columns:auto 1fr}.journal-missions .badge{grid-column:2}.journal-recent button{grid-template-columns:1fr}}
@media(max-height:520px) and (min-width:700px){.journal-years,.journal-unit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.journal-year-card,.journal-unit-card{padding:.7rem}.journal-hero{padding:.8rem}.journal-hero .profile-avatar{width:60px;height:60px;font-size:2rem}}
@media(prefers-reduced-motion:reduce){.journal-progress>span{transition:none}}