.journal-shell{min-height:100vh;color:var(--cream);background:radial-gradient(circle at 85% 8%,#6a183761,#0000 28%),#100a0e}.journal-topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10;background:#100a0ee0;justify-content:space-between;align-items:center;padding:18px clamp(20px,6vw,84px);display:flex;position:sticky;top:0}.journal-topbar nav{gap:22px;display:flex}.journal-topbar nav a{color:var(--muted)}.journal-intro{max-width:1150px;padding:clamp(60px,10vw,120px) clamp(20px,9vw,150px) 54px}.journal-intro h1{margin:0;font-size:clamp(3.5rem,9vw,8rem);font-weight:500;line-height:.84}.journal-intro h1 em{color:#d987a3;font-weight:500}.journal-intro>p:not(.eyebrow){max-width:650px;color:var(--muted);margin:30px 0;font-size:1.08rem}.journal-promises{flex-wrap:wrap;gap:10px;display:flex}.journal-promises span{border:1px solid var(--line);color:var(--gold);text-transform:uppercase;letter-spacing:.12em;padding:7px 12px;font-size:.75rem}.journal-feed{gap:26px;width:min(840px,100% - 32px);margin:0 auto 90px;display:grid}.journal-connect,.journal-notice{background:#201219;border:1px solid #d6aa5d59;justify-content:space-between;align-items:center;gap:22px;padding:20px 24px;display:flex}.journal-connect p{color:var(--muted);margin:2px 0}.journal-notice{z-index:8;color:var(--gold);position:sticky;top:84px}.journal-notice button{color:var(--cream);background:0 0;border:0;font-size:1.7rem}.journal-post{border:1px solid var(--line);background:linear-gradient(150deg,#21121a,#160d12);padding:clamp(22px,5vw,46px);box-shadow:0 24px 70px #00000038}.journal-post.pinned{border-color:#d6aa5d8c}.journal-post>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.journal-post>header time{color:var(--muted);font-size:.82rem}.journal-category,.members-only{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;display:inline-block}.members-only{border:1px solid var(--line);margin-left:8px;padding:4px 7px}.journal-post h2{margin:22px 0 15px;font-size:clamp(2rem,5vw,3.4rem);line-height:1}.journal-body{white-space:pre-wrap;color:#d6c7cd;font-size:1.04rem}.journal-media{object-fit:cover;background:#090608;width:100%;max-height:680px;margin:30px 0 10px;display:block}.journal-reactions{gap:10px;margin:24px 0;display:flex}.journal-reactions button{border:1px solid var(--line);color:var(--cream);background:#130b10;border-radius:999px;padding:8px 13px}.journal-reactions button.active{border-color:var(--gold);background:#39202b}.journal-reactions button:disabled,.journal-poll button:disabled{opacity:.55}.journal-poll{border:1px solid var(--line);background:#130b10;margin:28px 0;padding:22px}.journal-poll h3{margin:0 0 15px;font-size:1.35rem}.journal-poll button{border:1px solid var(--line);width:100%;color:var(--cream);text-align:left;background:#1b1016;justify-content:space-between;margin:8px 0;padding:12px 14px;display:flex;position:relative;overflow:hidden}.journal-poll button span,.journal-poll button b{z-index:1;position:relative}.journal-poll button i{background:#d6aa5d29;position:absolute;top:0;bottom:0;left:0}.journal-poll button.chosen{border-color:var(--gold)}.journal-poll small{color:var(--muted)}.journal-comments{border-top:1px solid var(--line);padding-top:22px}.journal-comments h3{font-size:1.25rem}.journal-comments h3 span{color:var(--gold)}.journal-comment{border-bottom:1px solid #ffffff0f;grid-template-columns:1fr auto;padding:14px 0;display:grid}.journal-comment p{color:#cbbbc2;grid-column:1/-1;margin:4px 0}.journal-comment time{color:var(--muted);font-size:.78rem}.journal-comments form{grid-template-columns:1fr auto;gap:10px;margin-top:20px;display:grid}.journal-comments textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:82px;color:var(--cream);background:#130b10;padding:12px}.journal-comments form .btn{align-self:end}.journal-empty{text-align:center;border:1px solid var(--line);color:var(--muted);padding:70px 20px}.journal-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:35px clamp(20px,6vw,84px);display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:650px){.journal-topbar nav a:first-child{display:none}.journal-intro{padding-top:58px}.journal-connect,.journal-post>header{flex-direction:column;align-items:flex-start}.journal-comments form{grid-template-columns:1fr}.journal-comments form .btn{width:100%}.journal-footer{flex-direction:column}}
