.journal-feed-page{background:var(--color-journal-background);color:var(--color-journal-text);box-shadow:0 0 0 100vmax var(--color-journal-background);clip-path:inset(0 -100vmax);padding:0 0 64px;min-height:80vh;--journal-muted: var(--color-journal-muted)}.journal-feed-shell{max-width:760px;margin:0 auto}.journal-post{padding:14px 0;border-bottom:1px solid var(--color-journal-border)}.journal-post-header{display:flex;align-items:center;gap:14px;margin-bottom:8px}.journal-post-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--color-journal-avatar);color:var(--color-journal-avatar-text);font-family:Georgia,serif;font-size:29px;flex-shrink:0}.journal-post-author{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;flex:1;font-size:15px;font-weight:650}.journal-post-author time{color:var(--journal-muted);font-size:13px;font-weight:400}.journal-post-body{margin-left:58px}.journal-post-card{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--color-journal-card-border);background:var(--color-journal-card-fallback)}.journal-post-story{display:flex;align-items:flex-end;min-height:410px;position:relative;isolation:isolate}.journal-post-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);z-index:-2;transition:transform .4s ease}.journal-post-story:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--color-journal-gradient-clear) 15%,var(--color-journal-gradient-top) 30%,var(--color-journal-gradient-middle) 65%,var(--color-journal-gradient-bottom) 100%);z-index:-1}.journal-post-story:hover .journal-post-cover{transform:scale(1.025)}.journal-post-copy{width:100%;min-width:0;padding:24px 20px 20px}.journal-post-publication{display:flex;align-items:center;gap:10px;color:var(--color-journal-publication);font-size:12px;margin-bottom:12px;letter-spacing:.3px}.journal-post-publication>span{display:grid;place-items:center;width:25px;height:25px;background:var(--color-journal-avatar);border-radius:4px;color:var(--color-journal-avatar-text);font-size:20px;font-family:Georgia,serif}.journal-post-copy h2{font-size:21px;line-height:1.3;font-weight:700;letter-spacing:-.4px;color:var(--color-journal-heading)}.journal-post-subtitle{margin-top:12px;font-size:14px;color:var(--color-journal-subtitle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journal-post-excerpt{margin-top:13px;padding-right:52px;font-size:14px;line-height:1.65;color:var(--color-journal-excerpt);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.journal-post-save{position:absolute;right:18px;bottom:18px;border-radius:9px;background:var(--color-journal-save-background);color:var(--color-journal-save-icon);width:41px;height:41px;display:grid;place-items:center}.journal-post-save:hover{background:var(--color-journal-save-hover);color:var(--color-journal-hover-text)}.journal-post-actions{display:flex;align-items:center;gap:25px;padding-top:16px;color:var(--journal-muted)}.journal-post-actions button,.journal-post-actions a{display:inline-flex;align-items:center;gap:8px;padding:3px 0;font-size:13px}.journal-post-actions svg{stroke-width:1.6}.journal-post-actions button:hover,.journal-post-actions a:hover{color:var(--color-journal-text)}.journal-post-save.is-saved,.journal-post-actions .is-saved{color:var(--color-journal-saved)}.journal-post-category{margin-left:auto;font-size:11px}.journal-feed-end{text-align:center;color:var(--journal-muted);font-size:12px;padding-top:32px}.journal-feed-page :is(a,button,input):focus-visible{outline:2px solid var(--color-journal-saved);outline-offset:4px}@media(max-width:600px){.journal-feed-page{padding-top:0}.journal-post-header{gap:10px}.journal-post-avatar{width:36px;height:36px;font-size:24px}.journal-post-author{gap:3px 8px;font-size:13px}.journal-post-author time{font-size:12px}.journal-post-body{margin-left:0}.journal-post-story{min-height:350px}.journal-post-copy{padding:18px 14px 16px}.journal-post-copy h2{font-size:18px}.journal-post-subtitle,.journal-post-excerpt{font-size:13px}.journal-post-save{right:12px;bottom:14px;width:36px;height:38px}.journal-post-actions{gap:18px;flex-wrap:wrap}.journal-post-actions button,.journal-post-actions a{gap:6px;font-size:12px}.journal-post-category{display:none}}@media(orientation:portrait){.journal-post-body{margin-left:0}}@media(max-width:380px){.journal-post-author{flex-direction:column}}@media(prefers-reduced-motion:reduce){.journal-post-cover{transition:none}}.community-signin{color:var(--journal-muted);font-size:14px;line-height:1.6}.community-feed button{color:inherit;background:transparent;border:1px solid var(--color-journal-border);border-radius:8px;padding:8px 12px;cursor:pointer}.community-feed button:disabled{opacity:.45;cursor:default}.community-feed :is(button,textarea):focus-visible{outline:2px solid currentColor;outline-offset:3px}.community-composer{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;padding:12px 12px 8px;border-bottom:1px solid var(--color-journal-border);margin:0}.community-compose-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--color-journal-avatar);color:var(--color-journal-avatar-text);display:grid;place-items:center;font-size:24px;font-weight:600}.community-compose-avatar img{width:100%;height:100%;object-fit:cover}.community-composer textarea{grid-column:2;width:100%;resize:none;margin:0 0 4px;padding:6px 0;border:0;background:transparent;color:inherit;font:inherit;font-size:23px;line-height:1.45;min-height:44px;field-sizing:content;max-height:300px}.community-composer textarea::placeholder{color:var(--journal-muted);opacity:1}.community-composer textarea:disabled{opacity:1}.community-composer-actions{grid-column:2;display:flex;align-items:center;gap:10px}.community-composer-actions button{display:flex;gap:8px;align-items:center}.community-composer-actions .community-character-count{margin-left:auto;font-size:12px;color:var(--journal-muted)}.community-composer-actions .community-publish{background:var(--color-journal-text);color:var(--color-journal-background);margin-left:auto;padding:8px 20px;min-height:36px;border:0;border-radius:999px;font-size:15px;font-weight:700}.community-composer-actions .community-media-button{border:0;border-radius:50%;padding:4px;width:34px;height:34px;justify-content:center;color:var(--journal-muted)}.community-media-button:hover:enabled{background:var(--color-journal-avatar)}.community-gif-icon{display:grid;place-items:center;width:22px;height:22px;border:2px solid currentColor;border-radius:5px;font-size:9px;font-weight:700;line-height:1}.community-composer>p{grid-column:2;font-size:13px}.community-previews{grid-column:2;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.community-previews>div{position:relative}.community-previews img{width:100px;height:100px;object-fit:cover;border-radius:9px}.community-previews button{position:absolute;top:4px;right:4px;background:#171717;color:#fff;padding:4px}.community-post-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;margin:6px 0 16px;font-size:19px}.community-post{display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;padding:20px 0 16px}.community-post-avatar{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;overflow:hidden;background:var(--color-journal-avatar);color:var(--color-journal-avatar-text);font-size:23px;font-weight:600}.community-post-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.community-post-header{display:flex;align-items:center;gap:10px;min-height:28px}.community-post-name{font-size:18px;font-weight:700;overflow-wrap:anywhere}.community-post-header time{flex-shrink:0;color:var(--journal-muted);font-size:16px}.community-post-header .community-subscribe{margin-left:auto;padding:2px 0;color:var(--color-journal-accent);border:0;font-size:16px;font-weight:600}.community-post-menu{position:relative;margin-left:auto;flex-shrink:0;color:var(--journal-muted)}.community-subscribe+.community-post-menu{margin-left:8px}.community-post-menu summary{display:flex;padding:4px;cursor:pointer;list-style:none}.community-post-menu summary::-webkit-details-marker{display:none}.community-post-menu summary:focus-visible{outline:2px solid currentColor;outline-offset:2px}.community-post-menu>div{position:absolute;right:0;top:100%;z-index:2;display:grid;min-width:140px;padding:6px;border:1px solid var(--color-journal-border);border-radius:10px;background:var(--color-journal-background);box-shadow:0 6px 18px #0003}.community-post-menu button{border:0;text-align:left}.community-post-actions{display:flex;align-items:center;gap:28px;margin-top:14px}.community-post-actions button{display:inline-flex;align-items:center;gap:10px;padding:2px 0;border:0;color:var(--journal-muted);font-size:15px}.community-post-actions button:hover:enabled,.community-post-actions .is-liked{color:var(--color-journal-accent)}.community-post-feedback,.community-comments{font-size:14px;line-height:1.5}.community-post-feedback{color:var(--journal-muted);margin:10px 0 0}.community-comments{margin-top:16px;border-top:1px solid var(--color-journal-border);padding-top:12px}.community-comment{padding:8px 0}.community-comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}.community-comment button{border:0;padding:0;font-size:12px;color:var(--journal-muted)}.community-comments form{display:flex;align-items:flex-end;gap:10px}.community-comments textarea{min-width:0;flex:1;resize:vertical;border:1px solid var(--color-journal-border);border-radius:8px;padding:10px;color:inherit;background:transparent;font:inherit}@media(max-width:480px){.community-post{grid-template-columns:36px minmax(0,1fr);gap:10px;padding-block:16px}.community-post-avatar{width:36px;height:36px;font-size:20px}.community-post-header{gap:6px;flex-wrap:wrap}.community-post-name{font-size:15px}.community-post-header time{font-size:13px}.community-post-header .community-subscribe{font-size:13px}.community-subscribe+.community-post-menu{margin-left:0}.community-post-text{font-size:16px}.community-post-actions{gap:24px}}.community-gallery{position:relative;overflow:hidden;border-radius:14px}.community-gallery-rail{display:flex;align-items:flex-start;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin}.community-gallery-rail img{flex:0 0 100%;width:100%;min-width:0;height:auto;display:block;scroll-snap-align:center}.community-gallery>button{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;padding:8px;background:#222d;color:#fff}.gallery-prev{left:10px}.gallery-next{right:10px}.gallery-count{position:absolute;bottom:16px;right:16px;border-radius:20px;padding:4px 10px;background:#222d;color:#fff;font-size:12px}.community-delete{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;font-size:14px}.community-load-more{display:block;margin:20px auto}@media(max-width:600px){.community-composer{padding:10px 8px 8px;grid-template-columns:42px minmax(0,1fr);column-gap:10px}.community-compose-avatar{width:42px;height:42px}.community-composer textarea{font-size:21px}.community-composer-actions{gap:8px}.community-composer-actions .community-publish{padding:9px 18px;font-size:15px}}
