/* SkysWorld — a calmer, connected interface for the existing community. */
:root{--surface:#19141e;--surface-raised:#211927;--border-soft:#ffffff17;--pink:#ff99ca;--text-soft:#cdbfd2}
body{background:radial-gradient(ellipse at 80% 0,#4b20392e,transparent 42%),#100d15;line-height:1.5}
.sidebar{max-width:none;padding:18px max(24px,calc((100vw - 1220px)/2));gap:28px;border-bottom:1px solid var(--border-soft);background:#151018;min-height:86px}
.brand{flex-shrink:0}.navigation-stack{display:none!important}
.quick-nav{display:flex;gap:6px;padding:5px;border:1px solid var(--border-soft);border-radius:18px;background:#ffffff04}
.quick-nav a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 20px;border:1px solid transparent;border-radius:12px;color:var(--text-soft);font-size:14px;font-weight:650;text-decoration:none;transition:background .18s,color .18s}
.quick-nav a>span{font-size:20px;line-height:1}.quick-nav a:hover{background:#ffffff08;color:#fff}.quick-nav a.active{background:#ff8bb91c;border-color:#ff9cc52e;color:#ffc0df}
.topbar{height:auto;min-height:68px;padding-top:10px;padding-bottom:10px;gap:16px}.account-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px 16px}.account-link{min-height:44px}.breadcrumb{font-size:12px}.member-badge{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sunset-hero{min-height:285px;margin:6px 0 34px;border-radius:24px;border-color:#ff93be2b;background-position:center 57%;box-shadow:0 18px 60px #0003}
.hero-copy{padding:28px 42px 34px}.hero-kicker{font-size:10px}.hero-crown{width:48px;height:30px}#sunset-title{font-size:clamp(52px,7vw,84px);margin:0 0 6px}.hero-tagline{font-size:27px;margin:2px 0}.hero-rule{height:4px;width:174px;margin-top:10px}.hero-caption{color:#efcfe0;letter-spacing:.2em}
.page-heading{margin:0 0 22px;scroll-margin-top:24px}.page-heading h1{font-size:clamp(28px,3.2vw,39px);font-weight:750;letter-spacing:-.045em}.eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:8px}
#upload-button{width:54px;height:54px;min-width:54px;border-radius:18px!important;font-size:32px;box-shadow:0 8px 24px #ef448c2b}
.welcome-note{border-color:var(--border-soft);background:#ffffff03;padding:15px 19px;border-radius:16px}.welcome-note strong{font-size:14px}.welcome-note p{font-size:13px;margin-top:4px}
.discovery-bar{padding:18px;border:1px solid var(--border-soft);border-radius:18px;margin:0 0 18px;background:linear-gradient(130deg,#241926,#18141d)}
.discovery-top{display:flex;gap:9px;align-items:center}.search-field{display:flex;align-items:center;gap:10px;flex:1;min-width:150px;background:#0f0c14;border:1px solid #ffffff20;border-radius:12px;padding:0 13px;min-height:46px}.search-field>span{font-size:27px;color:var(--pink);line-height:1}.search-field:focus-within{outline:2px solid var(--pink);outline-offset:2px}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f8edf6;font-size:14px;padding:12px 0}.search-field input::placeholder{color:#ad9cb6}
.discovery-button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;border:1px solid #ffffff20;border-radius:12px;padding:10px 14px;background:#ffffff04;color:#e2d1e5;font-size:13px;white-space:nowrap}.discovery-button:hover{background:#ffffff0c}.discovery-button[aria-pressed=true]{background:#ff86bc20;border-color:#f992c580;color:#ffc5e3}.discovery-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:11px;color:#b5a5bc}.discovery-bottom button{border:0;background:none;color:#ffb6d7;font:inherit;min-height:32px;cursor:pointer;white-space:nowrap}#search-result-status{font-size:13px;color:#f1cade;margin:10px 0 0}
.collection-panel{background:#17121d;border-color:var(--border-soft);border-radius:20px;box-shadow:none}.panel-heading{background:#ffffff02;border-color:var(--border-soft);padding:18px 22px;flex-wrap:wrap}.panel-title h2{font-size:16px}.collection-tools{gap:12px;flex-wrap:wrap}.sort-label{font-size:11px}.sort-label select{min-height:40px;border-radius:10px;background:#100d15;border-color:#ffffff24}.effects-toggle{min-height:40px;border-radius:10px;border-color:#ffffff24}
.photo-grid{padding:20px;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.photo-card{min-width:0;border:1px solid #ffffff1a;border-radius:17px;background:#211927;box-shadow:0 4px 18px #0002}.photo-card:hover{border-color:#e99aba70}.photo-open{aspect-ratio:4/3;overflow:hidden}.photo-open img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.photo-open:hover img{transform:scale(1.035)}.photo-caption{padding:16px}.contributor{margin-bottom:9px;font-size:12px;gap:9px}.author-profile-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.avatar{width:30px;height:30px;border-color:#f5aed23d;background:#a3426930}.post-title{font-size:15px!important;line-height:1.4;margin:0 0 5px!important;color:#f7eaf4;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-date{display:block;color:#b5a4bf;font-size:11px;margin:0 0 12px}.post-actions{gap:6px;flex-wrap:wrap}.post-actions button{font-size:11px;min-height:42px;padding:8px 10px;border-color:#ffffff23}.post-actions .heart-button{min-width:59px}.heart-icon{font-size:20px}.preview-body{font-size:12px}.comment-placeholder{font-size:11px;color:#b9a5bf}.comment-preview{border-color:#ffffff12}.photo-expand{background:#100b19b3;border-radius:10px;right:12px;bottom:12px}
.image-unavailable{display:grid;place-items:center;min-height:190px;padding:24px;background:linear-gradient(135deg,#35243c,#1b1422);color:#d9c0dc}.image-error{max-width:220px;line-height:1.7;font-size:13px}
.music-card{padding:20px;border-color:var(--border-soft)}.track-info{min-width:0}.track-info h3{overflow-wrap:anywhere}.track-art{border-radius:16px}.track-play-button{min-height:44px}.music-card .post-date{margin-bottom:6px}.music-dock{border-radius:20px 20px 0 0;border-color:#f7a2ca44;background:#1b1223f5;box-shadow:0 -10px 40px #0005}.dock-extras{display:flex;gap:8px;margin:3px 0 10px}.dock-extras button{border:1px solid #ffffff25;border-radius:999px;background:#ffffff05;color:#dbc5e0;padding:6px 12px;min-height:34px;font-size:12px}.dock-extras button[aria-pressed=true]{background:#ff86bc20;color:#ffc5e3;border-color:#fa93bf88}
.upload-strip{background:transparent;padding:10px 20px;border-color:#ffffff12}.size-limit{margin-left:0!important;font-size:11px}.feed-loading{padding:10px 20px 22px}.feed-loading p{font-size:12px}.empty-state{min-height:260px}.filter-empty{min-height:235px}.filter-empty p{max-width:440px;margin:10px auto 18px}.empty-state h3{font-size:21px}.empty-symbol{width:58px;height:58px;border-radius:18px;font-size:26px}
.compact-view .photo-grid:not(.reels-list){grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px}.compact-view .photo-grid:not(.reels-list) .photo-caption{padding:12px}.compact-view .photo-grid:not(.reels-list) .comment-preview{display:none}.compact-view .photo-grid:not(.reels-list) .photo-open{aspect-ratio:1}.compact-view .music-card{padding:13px 20px}.compact-view .music-card .comment-preview{display:none}
.back-to-top{position:fixed;right:22px;bottom:25px;z-index:40;width:46px;height:46px;border-radius:15px;border:1px solid #ff9ac95c;background:#2a1a32;color:#ffd2e9;font-size:24px;box-shadow:0 4px 18px #0005}.player-open .back-to-top{bottom:225px}.connection-status{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:100;width:max-content;max-width:calc(100% - 28px);padding:12px 20px;background:#392518;border:1px solid #f2c58788;color:#ffe0b6;border-radius:12px;font-size:13px;box-shadow:0 4px 30px #0006}
.notifications-modal,.comments-modal,.post-composer{border-color:#f5a3cd40;border-radius:22px}.notification-item{border-color:var(--border-soft);border-radius:14px}.notification-item.unread{background:#ed77b913}.notification-content{overflow-wrap:anywhere}.notification-bell{min-width:44px;min-height:44px}.public-profile-card{border-color:#ffffff20;border-radius:22px}.lightbox{border-radius:20px}.lightbox-image{touch-action:pan-y pinch-zoom}.lightbox-heading h2{overflow-wrap:anywhere}.inline-video-card,.discover-card{border-color:#ffffff24}.inline-video-settings{border-color:#ffffff20}.inline-video-discovery,.meme-discovery{border-color:#ffffff20}footer{padding-bottom:26px}
@media(min-width:1000px){.inline-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;margin:auto;align-items:start}.inline-video-card{width:100%}}
@media(max-width:1000px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-view .photo-grid:not(.reels-list){grid-template-columns:repeat(3,minmax(0,1fr))}.quick-nav a{padding:9px 13px}}
@media(max-width:700px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.sidebar{min-height:68px;padding:15px 20px;justify-content:center}.brand{font-size:23px}.quick-nav{position:fixed;bottom:0;left:0;right:0;z-index:80;background:#1b1321f5;border:0;border-top:1px solid #fca4d22e;border-radius:20px 20px 0 0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:4px;box-shadow:0 -7px 28px #0004}.quick-nav a{flex:1;min-width:0;flex-direction:column;gap:3px;font-size:10px;padding:5px 3px;min-height:50px;border-radius:12px}.quick-nav a>span{font-size:22px}.topbar{min-height:60px;padding:8px 15px;gap:8px}.breadcrumb{display:none}.account-actions{width:100%;justify-content:center;gap:4px 12px}.account-link{font-size:12px}.member-badge{display:none}.workspace-body{padding:0 14px}.sunset-hero{min-height:220px;border-radius:18px;margin-bottom:24px}.hero-copy{padding:22px 24px 35px}.hero-crown{width:37px;height:25px}.hero-kicker{font-size:8px}#sunset-title{font-size:57px}.hero-tagline{font-size:22px}.hero-caption{font-size:7px;bottom:14px}.hero-rule{margin-top:5px}.page-heading h1{font-size:29px}.discovery-bar{padding:13px;border-radius:16px}.discovery-top{flex-wrap:wrap;gap:8px}.search-field{flex-basis:100%}.discovery-button{flex:1;font-size:12px;padding:9px 10px;min-height:42px}#refresh-feed{flex:0 0 44px}.discovery-bottom{align-items:flex-start;flex-direction:column;gap:0}.discovery-bottom>span{line-height:1.6}.panel-heading{padding:16px;gap:12px}.panel-title{width:100%;justify-content:space-between}.collection-tools{width:100%;justify-content:space-between}.sort-label{flex:1}.sort-label select{max-width:100%;width:100%}.effects-toggle{align-self:flex-end}.photo-grid{padding:13px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.photo-caption{padding:12px}.photo-card .contributor{font-size:11px}.photo-card .avatar{width:24px;height:24px}.post-actions{gap:5px}.post-actions button{font-size:10px;padding:7px 8px}.post-title{font-size:13px!important}.post-date{font-size:10px}.comment-preview{font-size:11px}.photo-grid:not(.reels-list) .photo-open{aspect-ratio:1}.compact-view .photo-grid:not(.reels-list){grid-template-columns:repeat(2,minmax(0,1fr))}.music-dock{bottom:calc(76px + env(safe-area-inset-bottom));max-height:40dvh;overflow:auto}.back-to-top{right:15px;bottom:calc(90px + env(safe-area-inset-bottom));width:42px;height:42px}.player-open .back-to-top{bottom:calc(290px + env(safe-area-inset-bottom))}.player-open{padding-bottom:calc(290px + env(safe-area-inset-bottom))}.notifications-modal,.comments-modal,.post-composer{max-width:calc(100vw - 20px)}footer{padding-bottom:15px}.reels-list{grid-template-columns:minmax(0,1fr)}.reel-card .photo-caption{padding:16px}.reel-card .post-actions button{font-size:12px}.inline-video-card{scroll-margin-top:15px}}
@media(max-width:430px){body:not(.compact-view) .photo-grid:not(.reels-list){grid-template-columns:minmax(0,1fr)}body:not(.compact-view) .photo-grid:not(.reels-list) .photo-open{aspect-ratio:4/3}.compact-view .photo-grid:not(.reels-list) .contributor{flex-wrap:wrap}.compact-view .photo-grid:not(.reels-list) .post-actions .share-button{width:100%}.compact-view .photo-grid:not(.reels-list) .post-actions button{flex:1}.compact-view .photo-grid:not(.reels-list) .remove-button{width:30px;height:30px}.compact-view .photo-grid:not(.reels-list) .post-title{font-size:12px!important}}
body.effects-off .photo-open img{transition:none}body.effects-off .photo-open:hover img{transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo-open img,.quick-nav a{transition:none}.photo-open:hover img{transform:none}}
@media(forced-colors:active){.quick-nav a.active,.discovery-button[aria-pressed=true]{outline:2px solid Highlight}}
.source-jumps{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 22px}.source-jumps a{padding:10px 16px;background:#ffffff06;border:1px solid #ffffff20;border-radius:999px;color:#efc5dd;font-size:13px;text-decoration:none;min-height:44px}.source-jumps a:hover{background:#ff9dc91a}.source-jumps span{font-size:11px;color:#b6a3bf}#community-memes,#discover-memes,#comedy-discovery{scroll-margin-top:20px}@media(max-width:620px){.source-jumps span{flex-basis:100%}.source-jumps a{flex:1;text-align:center}}