.public-discovery{padding:34px 0;border-bottom:1px solid #e7dfe8;color:#302a37}.public-discovery h2{font-size:25px}.discovery-tabs{display:flex;gap:8px;flex-wrap:wrap}.discovery-tabs button{padding:9px 19px;border:1px solid var(--line,#353035);background:var(--surface,#171717);border-radius:30px;font-size:13px;min-height:42px}.discovery-tabs button[aria-pressed=true]{background:#e0ccf0;color:#302136;border-color:#e0ccf0}.public-discovery .discovery-tabs button{background:#ffffff;color:#75617e;border-color:#e5daeb}.public-discovery .discovery-tabs button[aria-pressed=true]{background:#e0ccf0;color:#302136}.discovery-status{font-size:12px;color:var(--muted,#aa9fa9);margin:15px 0;min-height:20px}.discovery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px;align-items:start}.discovery-card{border:1px solid var(--line,#343034);border-radius:12px;overflow:hidden;background:var(--surface,#171717);min-width:0}.discovery-card>button{display:block;width:100%;padding:0;text-align:left;color:inherit}.discovery-cover{aspect-ratio:1;max-height:240px;position:relative;overflow:hidden;background:#221e28;display:flex;align-items:center;justify-content:center;color:#f7effa}.discovery-cover img{width:100%;height:100%;object-fit:cover}.discovery-cover>p{padding:16px;line-height:1.75;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.discovery-cover:has(>p){aspect-ratio:auto;min-height:132px;max-height:180px;align-items:flex-start}.discovery-cover>p{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.discovery-video-cover{background:radial-gradient(circle at 30% 20%,#5c426e,transparent 65%),linear-gradient(145deg,#252335,#34212e);flex-direction:column;gap:17px;font-size:12px}.discovery-play{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff75;border-radius:50%;font-size:18px;background:#ffffff12}.discovery-count{position:absolute;right:10px;top:10px;background:#000b;color:white;padding:5px 9px;border-radius:20px;font-size:11px}.discovery-card-caption{padding:10px 12px}.discovery-card-caption strong{display:block;font-size:12px}.discovery-card-caption p{font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin-top:5px}.discovery-card-caption small{font-size:10px;color:var(--muted,#aaa)}.public-discovery .discovery-card{background:#ffffff;border-color:#e8deeb}.discovery-empty{grid-column:1/-1;border:1px dashed var(--line,#3b323a);padding:30px 22px;text-align:center;border-radius:16px}.discovery-empty p{font-size:13px;line-height:1.8;color:var(--muted,#b5a5b3);margin:10px 0 18px}.discovery-more{display:block;margin:20px auto}.discovery-more[hidden]{display:none}.media-search-link{display:inline-flex;padding:12px 0;color:var(--text);font-size:13px}.external-public-badge{border:1px solid #9478a6;border-radius:5px;padding:1px 5px;color:var(--text);font-size:10px}.discovery-comments{padding:22px;max-height:70dvh;overflow:auto}.discovery-comments>.muted{white-space:pre-wrap;margin-bottom:22px}.discovery-viewer-open{overflow:hidden}
.media-viewer{position:fixed;inset:0;margin:auto;padding:0;border:1px solid #39313d;border-radius:22px;width:min(1100px,96vw);max-width:none;height:94dvh;max-height:none;background:#090909;color:#fff;overflow:hidden;color-scheme:dark}.media-viewer::backdrop{background:#000d;backdrop-filter:blur(8px)}.media-viewer-head{height:64px;padding:12px 20px;display:flex;align-items:center;gap:17px;background:#151216;border-bottom:1px solid #332d36}.media-viewer-head strong{font-size:22px;letter-spacing:-.04em}.media-viewer-head strong span{font-size:12px;font-weight:400;margin-left:10px;letter-spacing:normal;color:#c9bbc7}.media-viewer-head button{color:#ede3ed;min-height:40px;min-width:40px;border:1px solid #3e3341;border-radius:12px;font-size:12px;padding:8px}.media-viewer-head button:last-child{display:grid;place-items:center}.media-viewer-head .icon{width:18px;height:18px}#viewer-position{margin-left:auto;font-size:12px;color:#b9adb9}.media-stream{height:calc(100% - 64px);overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;position:relative}.media-stream::-webkit-scrollbar{display:none}.media-slide{height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:minmax(0,1fr) 300px;overflow:hidden;position:relative}.media-stage{min-height:0;min-width:0;position:relative;display:flex;align-items:center;background:#000}.media-album{display:flex;width:100%;height:100%;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.media-album::-webkit-scrollbar{display:none}.media-frame{flex:0 0 100%;height:100%;min-width:0;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;position:relative}.media-frame>img,.media-frame>video{width:100%;height:100%;object-fit:contain;display:block}.media-caption{padding:26px 24px;display:flex;flex-direction:column;min-height:0;overflow:auto;background:#151216}.media-author{font-size:15px;font-weight:650;line-height:1.7;overflow-wrap:anywhere}.media-author small{display:block;font-size:12px;color:#b2a6b5;font-weight:400}.media-caption-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9;margin:22px 0;overflow:auto}.media-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:20px;font-size:12px;align-items:center}.media-actions button{display:flex;align-items:center;justify-content:center;gap:6px;color:#e0d4e3;border:1px solid #4a3b4f;border-radius:12px;min-height:44px;padding:9px 11px;font-size:12px}.media-actions button[aria-pressed=true]{background:#edd0e7;color:#352238;border-color:#edd0e7}.media-actions .icon{width:19px;height:19px}.media-pager{position:absolute;right:320px;bottom:20px;display:flex;gap:8px}.media-pager button,.album-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff55;background:#151018cc;color:white;border-radius:50%;font-size:20px}.media-pager button:disabled{opacity:.3}.album-controls{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:center;gap:10px;pointer-events:none}.album-controls>span{color:white;font-size:11px;background:#000a;border-radius:20px;padding:6px 12px}.album-controls button{pointer-events:auto;width:36px;height:36px}.media-text-post{margin:auto;padding:32px;max-height:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:21px}.media-load-error{position:absolute;inset:40% 10% auto;text-align:center;padding:18px;border-radius:12px;background:#201b22e8;color:#eadfec;font-size:13px}.media-viewer :focus-visible,.discovery-grid :focus-visible{outline:3px solid #cea7ef;outline-offset:-3px}
@media(max-width:1000px){.media-slide{grid-template-columns:minmax(0,1fr) 260px}.media-pager{right:280px}}
@media(max-width:650px){.public-discovery{padding:27px 0}.public-discovery h2{font-size:22px}.discovery-tabs{gap:6px}.discovery-tabs button{padding:8px 15px;font-size:12px}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.discovery-card{border-radius:12px}.discovery-card-caption{padding:10px}.discovery-card-caption p{font-size:12px}.discovery-cover>p{font-size:13px;padding:14px}.media-viewer{width:100%;height:100dvh;border:0;border-radius:0}.media-viewer-head{height:58px;padding:8px 12px;gap:10px}.media-viewer-head strong{font-size:22px}.media-viewer-head strong span{display:none}.media-stream{height:calc(100% - 58px)}.media-slide{display:flex;flex-direction:column}.media-stage{flex:1;min-height:0}.media-caption{flex:none;max-height:34%;padding:12px 16px calc(12px + env(safe-area-inset-bottom));overflow:auto}.media-author{font-size:13px}.media-author small{display:inline;margin-left:7px;font-size:10px}.media-caption-body{font-size:12px;line-height:1.7;margin:7px 0;max-height:55px;flex-shrink:0}.media-actions{padding-top:6px;gap:8px}.media-actions button{padding:9px 11px;min-height:42px;font-size:11px}.media-pager{right:12px;bottom:38%;flex-direction:column}.media-pager button{width:35px;height:35px}.media-text-post{font-size:19px;padding:25px}.discovery-comments{padding:16px}}
@media(prefers-reduced-motion:reduce){.media-viewer *{scroll-behavior:auto!important}}
.discovery-shared{border-left:2px solid #8d759c;padding:10px 12px;margin:12px 0;color:#d8cbdc;font-size:12px;overflow:auto;flex-shrink:0;max-height:180px}.discovery-shared small{display:block;color:#b3a2ba}.discovery-shared p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin-top:6px}
.discovery-card:has(.discovery-cover>p) .discovery-card-caption>p{display:none}
/* A single, stable search field in the header, without nested focus rings. */
.riflo-search{display:flex;align-items:center;gap:10px;min-width:0;height:44px;margin:0;padding:0 10px 0 15px;border:1px solid var(--border,#383238);border-radius:24px;background:var(--surface,#171517);color:inherit}
.riflo-search input{flex:1;min-width:0;width:100%;height:100%;padding:8px 0;border:0!important;border-radius:0;background:transparent!important;color:inherit;font-size:14px;outline:none!important;box-shadow:none!important}
.riflo-search:focus-within{outline:none!important;box-shadow:none!important}
.riflo-search>.icon{flex:none;width:18px;height:18px;color:#a59da8}
.riflo-search button{display:grid;place-items:center;flex:none;width:34px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit}
.riflo-search button>.icon{width:20px;height:20px}
.riflo-search:has(input:focus-visible)>.icon{color:inherit}
.guest-page .guest-header{position:sticky;top:0;z-index:40;min-height:76px;padding-top:15px;padding-bottom:15px;gap:24px;background:#fbf9fcf2;backdrop-filter:blur(12px)}
.guest-header .riflo-search{flex:1;min-width:180px;background:#f3eff6;border-color:#e4dce8;color:#46364f}
.guest-header .riflo-search input::placeholder{color:#796783}
.public-discovery{scroll-margin-top:82px}
.guest-page .guest-feed,.guest-page .guest-circles{scroll-margin-top:82px}
.topbar .riflo-search{width:min(560px,65%);height:42px;min-width:0}
@media(max-width:650px){
  .guest-page .guest-header{gap:12px;padding:12px 20px;flex-wrap:wrap}
  .guest-page .guest-header nav{display:none}
  .guest-header .riflo-search{order:3;flex-basis:100%;width:100%;min-width:0}
  .riflo-search input{font-size:16px}
  .public-discovery,.guest-page .guest-feed,.guest-page .guest-circles{scroll-margin-top:128px}
  .topbar .riflo-search{flex:1;width:auto;gap:6px;padding:0 8px}
}
/* Light surfaces are limited to logged-out browsing and its dialogs. */
.public-discovery .discovery-cover{background:#f3edf7;color:#493b53}
.public-discovery .discovery-video-cover{background:radial-gradient(circle at 25% 20%,#e7d7fb,transparent 65%),linear-gradient(145deg,#f8effb,#fce5eb);color:#795a89}
.public-discovery .discovery-play{background:#ffffff99;border-color:#cbb5d9;color:#795a89}
.public-discovery .discovery-card{box-shadow:0 4px 18px #846a8c08}
html:has(.guest-page) .media-viewer{background:#faf6fc;border-color:#e2d7e7;color:#302a37;color-scheme:light}
html:has(.guest-page) .media-viewer::backdrop{background:#65516b66}
html:has(.guest-page) .media-viewer-head,html:has(.guest-page) .media-caption{background:#ffffff;border-color:#e5dce8}
html:has(.guest-page) .media-stage{background:#f8f3fb}
html:has(.guest-page) .media-viewer-head strong span,html:has(.guest-page) #viewer-position,html:has(.guest-page) .media-author small{color:#7c6b84}
html:has(.guest-page) .media-viewer-head button,html:has(.guest-page) .media-actions button{color:#63476f;border-color:#e2d2e9;background:#fbf6fd}
html:has(.guest-page) .media-pager button,html:has(.guest-page) .album-controls button{background:#fffffff0;color:#6f537d;border-color:#d9c9e2}
html:has(.guest-page) .discovery-shared{color:#594561;border-color:#c7add6}
html:has(.guest-page) .discovery-shared small{color:#86718f}
html:has(.guest-page) .media-load-error{background:#fff8fbe8;color:#764a69}
.discovery-grid{align-items:stretch;grid-auto-rows:1fr}
.discovery-card>button{display:flex;flex-direction:column;height:100%}
.discovery-card .discovery-cover{width:100%;flex:none;aspect-ratio:1;max-height:240px}
.discovery-card .discovery-cover:has(>p){aspect-ratio:1;min-height:0;max-height:240px}
.discovery-card-caption{flex:1;min-width:0}
@media(min-width:651px){.guest-header .riflo-search{flex:0 1 420px;max-width:420px}}
/* Public post tiles share a tidy grid while their content adds color and shape. */
.public-discovery .discovery-card{transition:transform .2s,box-shadow .2s}
.public-discovery .discovery-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #96749e24}
.public-discovery .discovery-card:nth-child(4n+1) .discovery-cover:has(>p){background:#fff0ed}
.public-discovery .discovery-card:nth-child(4n+2) .discovery-cover:has(>p){background:#f0eafb}
.public-discovery .discovery-card:nth-child(4n+3) .discovery-cover:has(>p){background:#e7f5ee}
.public-discovery .discovery-card:nth-child(4n) .discovery-cover:has(>p){background:#fff4dc}
.discovery-card-byline{display:flex;align-items:center;gap:7px;min-width:0}
.discovery-avatar{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#f3e7f6;font-size:15px;line-height:1}
.discovery-card-byline strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.discovery-type-badge{flex:none;margin-left:auto;padding:3px 6px;border-radius:999px;background:#f5edf8;color:#795785;font-size:10px;line-height:1.4}
.public-discovery .discovery-card:nth-child(4n+1) .discovery-avatar{background:#ffe8e5}
.public-discovery .discovery-card:nth-child(4n+2) .discovery-avatar{background:#ece5fa}
.public-discovery .discovery-card:nth-child(4n+3) .discovery-avatar{background:#e1f4e9}
.public-discovery .discovery-card:nth-child(4n) .discovery-avatar{background:#fff0d1}
@media(max-width:650px){.discovery-avatar{width:24px;height:24px;font-size:13px}.discovery-type-badge{font-size:9px;padding:3px 5px}}
@media(prefers-reduced-motion:reduce){.public-discovery .discovery-card{transition:none}.public-discovery .discovery-card:hover{transform:none}}