/* R346 P2: approved v8 still composition, scoped to public entry pages. */
.r346-cosmos{color:#f4f6fa;background:#050810}
.r346-cosmos .site-background{overflow:hidden;background:#050810}
.r346-cosmos .site-background:before{content:"";position:absolute;left:50%;top:50%;width:calc(96.593vw + 25.882vh + 4px);height:calc(96.593vh + 25.882vw + 4px);background:url('/cosmos/assets/cosmic-sea-v3.png') center/cover no-repeat;background-image:image-set(url('/cosmos/assets/cosmic-sea-v3.webp') type('image/webp'),url('/cosmos/assets/cosmic-sea-v3.png') type('image/png'));filter:brightness(.88) saturate(1.08);transform:translate(-50%,-50%) rotate(15deg) scaleX(-1)}
.r346-cosmos .site-background:after{display:none}
.r346-cosmos .site-shell{width:min(1728px,calc(100% - clamp(40px,11.4vw,212px)));padding-top:22px}
.r346-cosmos .site-header,.r346-account .site-header{min-height:50px}
:is(.r346-cosmos,.r346-account) .brand{gap:8px}
:is(.r346-cosmos,.r346-account) .brand strong{color:#f6f7f8;font-size:22px;font-weight:700;letter-spacing:-.04em}
:is(.r346-cosmos,.r346-account) .brand-saturn{position:relative;display:block;width:52px;height:44px;top:3px;flex:none}
:is(.r346-cosmos,.r346-account) .brand-saturn-orbit{position:absolute;z-index:0;left:1px;top:14px;width:50px;height:17px;border:2.5px solid #e3d3aa;border-radius:50%;transform:rotate(-25deg)}
:is(.r346-cosmos,.r346-account) .brand-saturn-globe{position:absolute;z-index:1;left:13px;top:7px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 34% 29%,#f5e3bb 0,#d2a873 42%,#987668 72%,#4d4966 100%)}
:is(.r346-cosmos,.r346-account) .account-actions > :is(button,a){font-size:18px;font-weight:700;color:#f2f5fb}
:is(.r346-cosmos,.r346-account) .account-actions > :is(button,a):disabled{color:#b7c5d4;opacity:.68}
:is(.r346-cosmos,.r346-account) .account-actions .outline-button{border-color:transparent;background:transparent}
:is(.r346-cosmos,.r346-account) .account-actions .account-badge{font-size:12px;font-weight:600}
.r346-cosmos .site-footer a{color:#bfdcf1;text-decoration:underline;text-underline-offset:3px}
/* Result pages retain a compact, operable version of the same navigation. */
.r346-cosmos .zone-nav{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1120px;gap:12px;margin:16px auto 0}
.r346-cosmos .zone-link{justify-content:center;gap:7px;min-width:0;min-height:82px;padding:5px 8px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none}
.r346-cosmos .zone-link:hover,.r346-cosmos .zone-link:focus-visible,.r346-cosmos .zone-link.is-active{border-color:#b9ddf6;background:transparent;box-shadow:none;transform:none}
.r346-cosmos .zone-link>span:nth-child(2){display:block;min-width:0}
.r346-cosmos .zone-link small,.r346-cosmos .zone-arrow{display:none}
.r346-cosmos .cosmos-zone-name{display:block;color:#a3b6ca;font-size:17px;font-weight:700;writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;letter-spacing:.24em;line-height:1.15;text-shadow:0 2px 10px #030810}
.r346-cosmos .zone-link.is-active .cosmos-zone-name,.r346-cosmos .zone-link:hover .cosmos-zone-name,.r346-cosmos .zone-link:focus-visible .cosmos-zone-name{color:#f4f6fa}
.r346-cosmos .cosmos-planet{position:relative;display:block;width:68px;height:68px;flex:none;isolation:isolate}
.r346-cosmos .cosmos-planet img,.r346-cosmos .cosmos-planet canvas{position:absolute;z-index:2;left:50%;top:50%;display:block;width:61px;height:61px;object-fit:contain;transform:translate(-50%,-50%)}
.r346-cosmos .cosmos-planet canvas{opacity:0;pointer-events:none}
.r346-cosmos .cosmos-planet canvas.ready{opacity:1}
.r346-cosmos .cosmos-ring{position:absolute;left:50%;top:50%;width:73px;height:27px;border:1.5px solid rgba(190,218,235,.7);border-radius:50%;pointer-events:none}
.r346-cosmos .cosmos-ring:after{content:"";position:absolute;inset:3px -4px;border:1px solid rgba(206,225,235,.4);border-radius:50%}
.r346-cosmos .cosmos-planet-neptune .cosmos-ring{transform:translate(-50%,-50%) rotate(-18deg)}
.r346-cosmos .cosmos-planet-uranus .cosmos-ring{transform:translate(-50%,-50%) rotate(78deg)}
.r346-cosmos .cosmos-planet-earth .cosmos-ring,.r346-cosmos .cosmos-planet-sun .cosmos-ring{display:none}
.r346-cosmos .cosmos-ring-back{z-index:1;clip-path:inset(-10px -10px 50% -10px)}
.r346-cosmos .cosmos-ring-front{z-index:3;clip-path:inset(50% -10px -10px -10px)}
.r346-cosmos .cosmos-planet-sun:before{content:"";position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle,rgba(255,174,72,.14) 48%,rgba(255,167,69,.28) 56%,transparent 72%);filter:blur(3px)}
.r346-cosmos .hero{margin-top:30px}
.r346-cosmos .hero h1{font-size:clamp(28px,3vw,40px);font-weight:650;line-height:1.3;letter-spacing:-.035em;text-wrap:balance}
.r346-cosmos .hero-copy{color:#c6d1dc;text-shadow:0 2px 14px #030810}
.r346-cosmos .search-box{width:min(690px,100%);min-height:60px;padding:5px 5px 5px 20px;border:1px solid #e5edf5;border-radius:5px;background:#f7f9fb;box-shadow:0 3px 24px rgba(0,0,0,.17)}
.r346-cosmos .search-box input{color:#142337;font-size:16px}
.r346-cosmos .search-box input::placeholder{color:#768497}
.r346-cosmos .search-box .search-icon{color:#738496}
.r346-cosmos .search-box .search-button{min-width:145px;min-height:48px;border-radius:3px;background:#badcf3;color:#0c2b43;font-weight:700}
.r346-cosmos .search-box .search-button:hover{background:#d0eafb}
.r346-cosmos .hero>.search-hint{width:min(690px,100%);--rocket-right:48px}
.r346-cosmos .interaction-status,.r346-cosmos .hero-secondary{color:#e1e8f1;text-shadow:0 1px 6px #020710,0 2px 12px #020710}
/* The large still-life is exclusive to entry pages, not search results or accounts. */
.r346-cosmos-home .zone-nav{margin-top:20px;gap:clamp(3px,1.1vw,16px)}
.r346-cosmos-home .zone-link{min-height:156px}
.r346-cosmos-home .cosmos-zone-name{font-size:25px}
.r346-cosmos-home .cosmos-planet{width:122px;height:122px}
.r346-cosmos-home .cosmos-planet img,.r346-cosmos-home .cosmos-planet canvas{width:96px;height:96px}
.r346-cosmos-home .cosmos-ring{width:116px;height:43px;border-width:2px}
.r346-cosmos-home .cosmos-planet-uranus .cosmos-ring{width:114px;height:39px}
.r346-cosmos-home .hero{width:min(900px,100%);margin-top:28px}
.r346-cosmos-home .hero h1{margin-bottom:12px}
.r346-cosmos-home .hero-secondary{font-size:14px}
.r346-cosmos-home .content-panel:not(.search-results):not(.search-heat-panel):not(.content-ranking-sidebar){border:0;border-radius:0;background:transparent;box-shadow:none}
.r346-cosmos-home .ranking-panel{margin-top:130px;padding:0}
.r346-cosmos-home .ranking-gallery .ranking-gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.r346-cosmos-home .ranking-gallery .ranking-gallery-card{border-radius:0;background:rgba(14,24,40,.7)}
.r346-cosmos-home .ranking-gallery-poster{aspect-ratio:4/5}
.r346-cosmos-home .ranking-gallery .ranking-card-body{background:rgba(7,15,27,.92)}
.r346-cosmos-home .ranking-gallery .ranking-card-body strong{font-size:16px;font-weight:700;line-height:1.5;color:#f4f7fb}
.r346-cosmos-home .ranking-gallery-tabs{border-bottom-color:rgba(220,238,255,.25)}
.r346-cosmos-home .ranking-gallery-tab[aria-selected="true"]{border-bottom-color:#b9ddf6}
.r346-cosmos-home :is(.recent-update-card,.content-panel[aria-labelledby="updates-title"] .empty-state,.group-empty){border:1px solid rgba(174,210,236,.22);background:rgba(11,23,39,.84);box-shadow:inset 0 1px rgba(235,247,255,.09),0 5px 18px rgba(2,7,16,.08)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .r346-cosmos-home :is(.recent-update-card,.content-panel[aria-labelledby="updates-title"] .empty-state,.group-empty){background:rgba(12,25,43,.66);-webkit-backdrop-filter:blur(10px) saturate(.85);backdrop-filter:blur(10px) saturate(.85)}
}
@media(max-width:900px){
  .r346-cosmos .site-shell{width:calc(100% - 40px)}
  .r346-cosmos-home .zone-link{min-height:128px}
  .r346-cosmos-home .cosmos-planet{width:96px;height:96px}
  .r346-cosmos-home .cosmos-planet img,.r346-cosmos-home .cosmos-planet canvas{width:78px;height:78px}
  .r346-cosmos-home .cosmos-ring{width:92px;height:34px}
  .r346-cosmos-home .ranking-gallery .ranking-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:650px){
  .r346-cosmos .site-shell{width:calc(100% - 40px);padding-top:14px}
  :is(.r346-cosmos,.r346-account) .brand strong{font-size:18px}
  :is(.r346-cosmos,.r346-account) .brand-saturn{width:42px;height:36px;top:3px}
  :is(.r346-cosmos,.r346-account) .brand-saturn-orbit{left:1px;top:11px;width:40px;height:14px}
  :is(.r346-cosmos,.r346-account) .brand-saturn-globe{left:10px;top:6px;width:22px;height:22px}
  :is(.r346-cosmos,.r346-account) .account-actions > :is(button,a){font-size:12px;padding:8px 7px}
  :is(.r346-cosmos,.r346-account) .account-actions{gap:2px 4px}
  .r346-cosmos .zone-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 5px;margin-top:14px}
  .r346-cosmos .zone-link,.r346-cosmos-home .zone-link{min-height:96px;padding:3px 3px 8px}
  .r346-cosmos .cosmos-planet,.r346-cosmos-home .cosmos-planet{width:82px;height:82px}
  .r346-cosmos .cosmos-planet img,.r346-cosmos .cosmos-planet canvas,.r346-cosmos-home .cosmos-planet img,.r346-cosmos-home .cosmos-planet canvas{width:70px;height:70px}
  .r346-cosmos .cosmos-ring,.r346-cosmos-home .cosmos-ring{width:79px;height:29px;border-width:1.5px}
  .r346-cosmos .cosmos-planet-uranus .cosmos-ring{width:78px;height:27px}
  .r346-cosmos .cosmos-zone-name,.r346-cosmos-home .cosmos-zone-name{font-size:21px}
  .r346-cosmos .hero,.r346-cosmos-home .hero{margin-top:23px}
  .r346-cosmos .hero h1{font-size:clamp(25px,6.5vw,28px);line-height:1.4}
  .r346-cosmos .hero-copy{font-size:13px}
  .r346-cosmos .search-box{min-height:54px;padding:4px 4px 4px 13px}
  .r346-cosmos .search-box input{font-size:14px}
  .r346-cosmos .search-box .search-button{min-width:94px;min-height:44px;padding-inline:6px;font-size:13px}
  .r346-cosmos .hero>.search-hint{--rocket-right:22px}
  .r346-cosmos-home .ranking-panel{margin-top:78px}
  .r346-cosmos-home .ranking-gallery .ranking-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .r346-cosmos-home .ranking-gallery .ranking-card-body strong{font-size:15px}
}
/* Detail keeps the same sky and planets, while its reading surface stays compact. */
.r346-cosmos-detail .site-background:before{filter:brightness(.48) saturate(.85)}
.r346-cosmos-detail .site-shell{width:min(1440px,calc(100% - clamp(40px,8vw,144px)))}
.r346-cosmos-detail .zone-nav{width:min(800px,100%);gap:8px;margin-top:12px}
.r346-cosmos-detail .zone-link{min-height:92px;padding:4px 9px;gap:6px}
.r346-cosmos-detail .cosmos-planet{width:70px;height:70px}
.r346-cosmos-detail .cosmos-planet img,.r346-cosmos-detail .cosmos-planet canvas{width:60px;height:60px}
.r346-cosmos-detail .cosmos-ring{width:72px;height:27px}
.r346-cosmos-detail .cosmos-planet-uranus .cosmos-ring{width:72px;height:25px}
.r346-cosmos-detail .cosmos-zone-name{font-size:17px}
.r346-cosmos-detail .detail-page{margin-top:24px}
.r346-cosmos-detail .back-link{color:#c6d8e8}
.r346-cosmos-detail .detail-layout{grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:20px;margin-top:15px;align-items:start}
.r346-cosmos-detail .detail-cover-panel,.r346-cosmos-detail .detail-summary,.r346-cosmos-detail .cast-panel,.r346-cosmos-detail .detail-state{border:1px solid rgba(196,223,244,.23);border-radius:7px;background:rgba(7,15,29,.78);box-shadow:none}
.r346-cosmos-detail .detail-cover-panel{min-height:0;padding:8px}
.r346-cosmos-detail .detail-poster{position:relative;width:100%;aspect-ratio:2/3}
.r346-cosmos-detail .detail-cover{width:100%;height:100%;max-height:none;border-radius:4px;object-fit:contain;background:rgba(4,10,20,.7)}
.r346-cosmos-detail .detail-poster>.media-placeholder{height:100%;min-height:0;border-radius:4px}
.r346-cosmos-detail .detail-poster .detail-episodes{z-index:1}
.r346-cosmos-detail .detail-summary{padding:clamp(20px,2.2vw,32px)}
.r346-cosmos-detail .detail-summary .section-kicker{color:#badcf3;font-size:15px}
.r346-cosmos-detail .detail-summary h1{margin:8px 0 20px;font-size:clamp(28px,2.5vw,34px);line-height:1.3}
.r346-cosmos-detail .detail-copy{border-top-color:rgba(205,226,245,.2)}
.r346-cosmos-detail .detail-copy h2,.r346-cosmos-detail .detail-tags{font-size:15px}
.r346-cosmos-detail .detail-copy p{color:#d8e2ed;font-size:15px;line-height:1.85}
.r346-cosmos-detail .detail-search-box .search-button{min-height:46px;border-radius:4px;background:#badcf3;color:#0c2b43;font-weight:700}
.r346-cosmos-detail .detail-search-box .search-button:hover{background:#d0eafb}
.r346-cosmos-detail .interaction-status{color:#bfccda}
.r346-cosmos-detail .cast-panel{margin-top:20px;padding:24px}
.r346-cosmos-detail .cast-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.r346-cosmos-detail .cast-card{min-width:0;border-color:rgba(196,223,244,.2);border-radius:6px;background:rgba(16,29,48,.7)}
.r346-cosmos-detail .cast-card>div:last-child{min-width:0;overflow-wrap:anywhere}
.r346-cosmos-detail .detail-state{padding:24px}
@media(max-width:900px){
  .r346-cosmos-detail .site-shell{width:calc(100% - 40px)}
  .r346-cosmos-detail .detail-layout{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}
  .r346-cosmos-detail .cast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .r346-cosmos-detail .site-shell{width:calc(100% - 32px);padding-top:14px}
  .r346-cosmos-detail .zone-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin-top:9px}
  .r346-cosmos-detail .zone-link{min-width:0;min-height:68px;padding:3px 1px;gap:0;flex-direction:column}
  .r346-cosmos-detail .cosmos-planet{width:48px;height:48px}
  .r346-cosmos-detail .cosmos-planet img,.r346-cosmos-detail .cosmos-planet canvas{width:44px;height:44px}
  .r346-cosmos-detail .cosmos-ring{width:50px;height:18px;border-width:1px}
  .r346-cosmos-detail .cosmos-planet-uranus .cosmos-ring{width:49px;height:17px}
  .r346-cosmos-detail .cosmos-zone-name{font-size:14px;line-height:1.2;writing-mode:horizontal-tb;letter-spacing:0;white-space:nowrap}
  .r346-cosmos-detail .detail-page{margin-top:17px}
  .r346-cosmos-detail .detail-layout{grid-template-columns:1fr;gap:12px;margin-top:12px}
  .r346-cosmos-detail .detail-cover-panel{width:min(216px,100%);margin:0 auto;padding:7px}
  .r346-cosmos-detail .detail-summary{margin-top:0;padding:16px}
  .r346-cosmos-detail .detail-summary h1{font-size:28px}
  .r346-cosmos-detail .cast-panel{margin-top:14px;padding:16px}
  .r346-cosmos-detail .cast-grid{gap:8px}
  .r346-cosmos-detail .cast-card{align-items:flex-start;gap:7px;padding:8px}
  .r346-cosmos-detail .cast-avatar,.r346-cosmos-detail .avatar-placeholder{width:40px;height:40px}
}
/* Decorative stars are built only after visible, already-started covers settle. */
.r346-cosmos-home .site-background .twinkle-star,.r346-cosmos-detail .site-background .twinkle-star{position:absolute;z-index:2;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;pointer-events:none;background:radial-gradient(circle,#f8fbff 0 42%,rgba(230,242,255,.62) 68%,transparent 100%);box-shadow:0 0 2px rgba(222,238,255,.58);opacity:.08;animation:r346-independent-twinkle var(--duration) ease-in-out var(--delay) infinite;animation-play-state:paused}
.r346-cosmos-home .site-background .twinkle-star.bright-star,.r346-cosmos-detail .site-background .twinkle-star.bright-star{width:calc(var(--size) * .75);height:calc(var(--size) * .75);background:radial-gradient(circle,#fffefa 0 36%,rgba(255,252,239,.82) 55%,rgba(235,245,255,.25) 78%,transparent 100%);box-shadow:0 0 3px .5px rgba(247,246,232,.58)}
.r346-cosmos-home.r346-motion-running .site-background .twinkle-star,.r346-cosmos-detail.r346-motion-running .site-background .twinkle-star{animation-play-state:running}
@keyframes r346-independent-twinkle{0%,100%{opacity:.08;transform:scale(var(--scale-low,.72))}50%{opacity:var(--peak);transform:scale(var(--scale-high,1.12))}}
/* The owner-approved cosmos motion also runs under reduce; other UI keeps its existing reduction rule. */
@media(prefers-reduced-motion:reduce){.r346-cosmos-home .site-background .twinkle-star,.r346-cosmos-detail .site-background .twinkle-star{animation-duration:var(--duration)!important}}