/* MOSAIC 1.7 | compact editorial system, overrides legacy visual rules */
:root{--bg:#10121c;--card:#1b1e2c;--card2:#25283a;--border:#34394d;--muted:#afb3c9;--violet:#a27aff;--blue:#4f8eff;--coral:#ff7387;--shade:0 12px 32px #02030b50}
html{scroll-padding-top:88px}body{font-size:14px;line-height:1.5;overflow-x:hidden}button,input,select,textarea{font-size:14px}a,button{transition:background .16s,border-color .16s,color .16s,opacity .16s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #a38aff;outline-offset:3px}
.skip-link{position:absolute;left:8px;top:-90px;z-index:200;padding:10px;background:white;color:black}.skip-link:focus{top:8px}
.topbar-inner{max-width:1300px;padding:12px 24px;gap:20px;min-height:66px}.topbar .logo{font-size:24px}.desktop-links{gap:19px;font-size:12px}.hamburger{width:40px;height:39px}.pop-menu{top:65px;border-radius:7px;padding:13px}.pop-menu a,.pop-menu button{min-height:39px}.bottom-nav{border-top:1px solid #303546}
main#main-content{min-height:60vh}.landing-hero{max-width:1280px;margin:0 auto;min-height:0;padding:52px 24px 40px;gap:30px}.landing-copy h1{font-size:clamp(42px,6vw,82px);line-height:1.03}.landing-copy>p:not(.overline){max-width:490px;font-size:16px}.hero-visual{min-height:325px;max-height:460px}.hero-type{line-height:1.02}.landing-actions a{padding:12px 20px;font-size:12px}.explore-page,.stories-section,.dashboard,.section{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.explore-page{padding-top:32px;padding-bottom:44px}.explore-intro h1{font-size:clamp(34px,5vw,62px)}.explore-intro{margin-bottom:20px}.explore-intro p{font-size:14px}.explore-filter{margin:18px 0 24px;gap:9px}.explore-filter input,.explore-filter select,.explore-filter button{min-height:42px}.explore-subhead{margin-top:20px;margin-bottom:17px}.explore-subhead h2{font-size:clamp(25px,3vw,40px)}.creators-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.creator-card{margin:0;min-width:0;border-radius:6px;overflow:hidden}.creator-cover{height:160px}.creator-avatar{width:84px;height:84px;margin:-45px auto 9px;position:relative}.creator-body{padding:0 17px 17px;text-align:center}.creator-body h3{font-size:22px;margin:0 0 1px}.creator-bio{min-height:41px;font-size:12px;line-height:1.45}.creator-stat{font-size:11px}.creator-actions{gap:8px}.creator-actions a{padding:10px 8px;font-size:11px}.story-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.story-list article{margin:0;padding:20px;border:1px solid var(--border);background:var(--card);min-width:0}.story-list h3{font-size:22px}.site-footer{padding:32px 24px}.profile-banner{height:clamp(160px,24vw,330px)}.profile-hero{max-width:1200px;margin:0 auto;padding:22px 24px;gap:22px}.profile-hero h1{font-size:clamp(28px,4vw,49px)}.profile-hero aside{min-width:230px}.post-grid{gap:15px}.post-card{padding:18px}.dashboard{padding-top:28px;padding-bottom:50px}.dashboard h1{font-size:clamp(32px,4.5vw,58px)}.studio-intro{color:var(--muted)}.studio-jump{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 22px}.studio-jump a{border:1px solid var(--border);background:var(--card);padding:9px 13px;font-size:12px;font-weight:700}.studio-jump a:hover{border-color:var(--violet)}.metrics{gap:12px;margin-bottom:18px}.metrics>div{padding:17px}.metrics strong{font-size:28px}.studio-columns{gap:16px}.panel{padding:22px;min-width:0}.panel h2{font-size:25px;margin-bottom:16px}.panel label{font-size:12px}.panel input,.panel select,.panel textarea{max-width:100%;min-height:39px}.panel button{min-height:40px}.mp-row{gap:12px;padding:13px 0}.mp-actions{gap:8px}.mp-actions button,.mp-actions a{padding:9px 12px}.mosaic-account-page{margin-top:18px!important}.notice{max-width:1100px;margin:12px auto}
@media(max-width:1050px){.creators-list{grid-template-columns:repeat(2,minmax(0,1fr))}.story-list{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-links{gap:12px}.hero-visual{min-height:280px}}
@media(max-width:700px){body{font-size:13px}.topbar-inner{padding:10px 16px;min-height:57px}.topbar .logo{font-size:22px}.pop-menu{top:57px;right:8px;width:min(370px,calc(100vw - 16px));max-height:calc(100dvh - 69px);transform-origin:top right}.landing-hero{padding:28px 16px;gap:20px}.landing-copy h1{font-size:clamp(37px,10vw,60px)}.landing-copy>p:not(.overline){font-size:14px}.hero-visual{min-height:230px}.explore-page,.stories-section,.dashboard,.section{padding-left:14px;padding-right:14px}.explore-page{padding-top:23px}.explore-filter{display:grid;grid-template-columns:1fr auto}.explore-filter .search-wrap{grid-column:1 / -1}.explore-intro h1{font-size:39px}.explore-subhead h2{font-size:26px}.creators-list{grid-template-columns:1fr;gap:14px}.creator-cover{height:170px}.creator-card{max-width:540px;width:100%;margin:0 auto}.story-list{grid-template-columns:1fr}.profile-banner{height:170px}.profile-hero{padding:14px;gap:14px}.profile-hero aside{width:100%}.dashboard{padding-top:20px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-columns{display:grid;grid-template-columns:1fr}.panel{padding:16px}.panel h2{font-size:23px}.mp-row{align-items:flex-start}.mp-actions{flex-wrap:wrap}.bottom-nav{padding-bottom:env(safe-area-inset-bottom);z-index:39}.site-footer{padding-bottom:96px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}