body.immersive-mode{height:100dvh;overflow:hidden;background:#111211}body.immersive-mode header{height:76px;background:#111211}.immersive-mode main{height:calc(100dvh - 76px);padding:0 28px;max-width:1500px;position:relative;display:flex;flex-direction:column}.discovery-toolbar{display:flex;align-items:center;gap:14px;height:65px;flex-shrink:0;padding:10px 0;width:min(100% - 80px,960px);margin:0 auto}.discovery-toolbar input{flex:1;min-width:0;background:#222522;color:#eff2ed;border:0;border-radius:7px;padding:11px 16px;font:inherit;font-size:13px}.discovery-toolbar>button{display:flex;align-items:center;gap:7px;min-height:42px;background:#e2e8db;color:#192115;border:0}.discovery-toolbar svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7}.discovery-viewport{flex:1;min-height:0;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none}.discovery-viewport::-webkit-scrollbar{display:none}.discovery-item{height:100%;min-height:0;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;gap:26px;padding:0 0 18px}.discovery-stage{position:relative;height:100%;width:min(960px,calc(100% - 110px));background:#1d201d;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 280px}.discovery-media{position:relative;min-height:0;overflow:hidden;background:#080b0c;display:flex;align-items:center;justify-content:center}.discovery-video{width:100%;height:100%;object-fit:contain;background:#0b1011}.feed-example{position:absolute;top:16px;left:16px;padding:4px 8px;font-size:10px;background:#111d;color:#d9e5de;border-radius:4px;pointer-events:none}.discovery-caption{padding:32px 25px;display:flex;flex-direction:column;justify-content:flex-end;background:#1d201d;min-width:0}.feed-author{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.feed-author>a{font-size:14px;font-weight:600;overflow-wrap:anywhere}.feed-author button{padding:4px 11px;font-size:11px;border:1px solid #53624a;background:none;color:#cde0bb;min-height:32px}.discovery-caption h2{font-size:20px;line-height:1.6;margin:24px 0 10px;font-weight:550;overflow-wrap:anywhere}.discovery-caption>p{font-size:13px;color:#b4beb0;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;max-height:34vh;overflow:auto}.feed-experience{display:flex;justify-content:space-between;padding:13px 15px;background:#d7e5c7;color:#24301b;margin-top:24px;font-size:13px;border-radius:6px}.feed-experience:hover{background:#ecf6e1}.feed-actions{display:flex;flex-direction:column;gap:24px;align-self:flex-end;padding-bottom:20px}.feed-actions button{background:none;border:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:7px;color:#c4cbbf;min-width:48px;min-height:52px}.feed-actions svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7}.feed-actions span{font-size:11px}.feed-actions button[aria-pressed=true]{color:#d8e9bd}.feed-actions button[data-feed-like][aria-pressed=true] svg{fill:#d8e9bd}.feed-navigation{position:absolute;right:4px;top:50%;display:flex;flex-direction:column;align-items:center;gap:13px}.feed-navigation button{border:0;background:#282d26;border-radius:50%;height:43px;width:43px;padding:11px}.feed-navigation svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}.feed-navigation span{font-size:10px;color:#b0bba8}.feed-carousel{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.feed-slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;display:grid;place-items:center;overflow:hidden}.feed-slide>img{width:100%;height:100%;object-fit:contain}.feed-slide>.work-art{width:100%;height:100%;aspect-ratio:auto;transform:none!important}.carousel-controls{position:absolute;left:50%;transform:translateX(-50%);bottom:20px;display:flex;gap:15px;align-items:center;background:#182119e8;border-radius:25px;padding:3px 6px;color:#ecf2e8}.carousel-controls button{border:0;background:none;min-width:40px;min-height:36px;padding:0;font-size:22px}.carousel-position{font-size:12px;white-space:nowrap}.text-post{align-self:stretch;width:100%;padding:65px 50px;display:flex;flex-direction:column;justify-content:center;background:#25302a;color:#e7eadb;overflow:auto}.text-post>span{font-size:12px;color:#b6c6b5}.text-post h2{font-size:clamp(23px,2.5vw,34px);font-weight:550;line-height:1.65;margin:22px 0}.text-post p{font-size:16px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.feed-empty{padding:70px;text-align:center;color:#b7c3ae}.feed-empty button{display:block;margin:20px auto}.feed-composer{max-width:740px;margin:0 auto}.feed-composer h1{font-size:26px;margin-top:28px}.feed-composer label{display:block;margin:22px 0}.feed-composer input:not([type=checkbox]),.feed-composer textarea,.feed-composer select{display:block;width:100%;padding:12px;color:#e7eee0;background:#20291c;border:1px solid #596b4a;margin-top:8px}.feed-composer textarea{min-height:150px}.feed-composer .feed-checkbox{display:flex;gap:10px;align-items:center}.feed-composer [role=alert]{color:#efb1aa}.feed-composer [hidden]{display:none}#feed-comment-form label{display:block}#feed-comment-form textarea{width:100%;margin-top:10px}.feed-composer input[type=file]{font-size:13px}
@media(min-width:1450px){.discovery-stage{width:1030px;grid-template-columns:minmax(0,1fr) 300px}.discovery-toolbar{width:1030px;margin-left:auto;margin-right:auto}}
@media(max-width:1000px){.discovery-stage{grid-template-columns:minmax(0,1fr) 240px}.discovery-caption{padding:24px 18px}.discovery-caption h2{font-size:18px}.text-post{padding:45px 30px}.discovery-item{gap:16px}.feed-navigation{right:0}.immersive-mode main{padding:0 17px}}
@media(max-width:700px){body.immersive-mode header{height:auto;min-height:105px}.immersive-mode main{height:calc(100dvh - 105px);padding:0}.discovery-toolbar{width:100%;height:55px;padding:8px 14px;gap:9px}.discovery-toolbar input{font-size:12px;padding:10px 12px}.discovery-toolbar>button{font-size:12px;min-height:38px;padding:8px 12px}.discovery-item{padding:0;gap:0;position:relative}.discovery-stage{width:100%;border-radius:0;display:flex;flex-direction:column;background:#171b17}.discovery-media{flex:1;min-height:0;width:100%}.discovery-caption{flex-shrink:0;max-height:35%;padding:14px 70px 16px 18px;background:#1b201b}.discovery-caption h2{font-size:14px;margin:8px 0 4px;line-height:1.6}.discovery-caption>p{font-size:12px;line-height:1.6;margin:4px 0;max-height:55px}.feed-author>a{font-size:12px}.feed-author button{font-size:11px;min-height:28px}.feed-experience{margin-top:10px;padding:10px 12px;font-size:12px}.feed-actions{position:absolute;right:10px;bottom:20px;gap:16px;padding:0;z-index:2}.feed-actions button{min-width:44px;min-height:44px;gap:4px}.feed-actions svg{width:24px;height:24px}.feed-actions span{font-size:10px}.feed-navigation{display:none}.text-post{padding:45px 25px 24px;justify-content:flex-start}.text-post h2{font-size:25px;margin:15px 0}.text-post p{font-size:14px;line-height:1.9}.text-post>span{display:none}.feed-example{top:12px;left:12px;font-size:9px}.carousel-controls{bottom:10px}.feed-slide>.work-art{height:100%;aspect-ratio:auto}.feed-slide .type-demo{font-size:45px}.discovery-viewport{touch-action:pan-y}.feed-carousel{touch-action:pan-x pan-y}}
@media(prefers-reduced-motion:reduce){.discovery-viewport,.feed-carousel{scroll-behavior:auto}}

.media-error{position:absolute;left:20px;right:20px;top:40%;padding:20px;background:#202520;color:#dce8d6;font-size:13px;text-align:center}

.discovery-toolbar{justify-content:flex-end}.feed-search-wrap{display:flex;align-items:center;gap:10px;margin-left:auto}.feed-search-wrap input{width:280px;flex:none}.feed-search-wrap input[hidden]{display:none}.feed-search-wrap button{display:grid;place-items:center;width:42px;height:42px;padding:10px;background:transparent;border:0;color:#d6dfd0}.feed-search-wrap button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.immersive-mode .topsearch{visibility:hidden;pointer-events:none}@media(max-width:700px){.feed-search-wrap{min-width:0;flex:1;justify-content:flex-end}.feed-search-wrap input{width:100%;min-width:0;max-width:260px}.feed-search-wrap button{flex-shrink:0}.discovery-toolbar>button{flex-shrink:0}}
