.topbar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,5vw,48px)}.topbar__name{font-weight:500;font-size:.95rem;letter-spacing:.01em;color:#4d5570;text-decoration:none}.topbar__back{display:inline-flex;align-items:center;gap:8px;background:#ffffff80;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.65);color:#23283a;text-decoration:none;font-weight:500;font-size:.9rem;padding:10px 18px;border-radius:999px;box-shadow:0 12px 28px -16px #3c5ab44d;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}.topbar__back:hover{transform:translateY(-2px);box-shadow:0 16px 32px -16px #3c5ab466}.journal-hero{position:relative;z-index:2;max-width:640px;margin:0 auto;padding:18vh 28px 6vh;text-align:center}.journal-hero__eyebrow{font-weight:600;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:#8891a8;margin:0 0 16px}.journal-hero__title{font-weight:500;font-size:clamp(2rem,5vw,3rem);letter-spacing:-.02em;line-height:1.15;margin:0 0 16px;color:#262c40}.journal-hero__subtitle{font-weight:400;font-size:clamp(1rem,1.8vw,1.1rem);color:#565f78;margin:0}.journal-hero__subtitle a{color:#23283a;font-weight:500;text-decoration:none;border-bottom:1.5px solid rgba(35,40,58,.28)}.journal-list{position:relative;z-index:2;max-width:680px;margin:0 auto;padding:2vh 28px 16vh;display:flex;flex-direction:column}.journal-group__label{font-weight:600;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#8891a8;margin:40px 0 14px}.journal-group__label:first-child{margin-top:0}.journal-entry{display:flex;align-items:baseline;gap:18px;padding:16px 20px;border-radius:20px;text-decoration:none;transition:background .3s ease,transform .3s cubic-bezier(.16,1,.3,1)}.journal-entry:hover{background:#fff6;transform:translate(4px)}.journal-entry__date{flex:0 0 auto;width:84px;font-size:.82rem;font-weight:500;color:#8891a8}.journal-entry__body{flex:1;min-width:0}.journal-entry__title{font-weight:600;font-size:1.02rem;color:#1d2133;margin-bottom:4px}.journal-entry__tag{display:inline-block;font-weight:600;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--cat-color, #4d5570);background:color-mix(in srgb,var(--cat-color, #9aa6c4) 14%,transparent);padding:3px 10px;border-radius:999px}.journal-empty{text-align:center;padding:12vh 24px;font-weight:500;font-size:1.2rem;color:#565f78}