@font-face{font-family:SkysBrush;src:url('/assets/permanent-marker.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--muted:#bdb0c0;--line:#3a253b;--accent:#ff80b6;color:#f4eef4;background:#100c12}
body{background:radial-gradient(ellipse at 95% 15%,#49122e44,transparent 55%),#100c12;color:#f4eef4}
.site-shell{display:block}.sidebar{height:auto;min-height:84px;position:relative;top:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;padding:18px max(24px,calc((100vw - 1220px)/2));border:0;border-bottom:1px solid #44233a;background:#100b12;overflow:visible}.brand{font-size:25px;color:#f6edf4}.brand-mark{background:linear-gradient(145deg,#ff5a9e,#a41569);box-shadow:0 0 20px #ff31812b;color:white;transform:rotate(-7deg);border-radius:9px}.brand-dot{color:#ff6cab}.sidebar-label,.sidebar-bottom{display:none}.collection-nav{flex-direction:row;gap:10px;margin:0}.nav-item{width:auto;border-radius:999px;padding:10px 20px;color:#cfbfce;min-height:44px}.nav-item.active{background:#422039;border-color:#9e3b6b;color:#ffc5df}.nav-item:hover{background:#301a2c}.nav-count{background:#ffffff0b;border:0;color:inherit;margin-left:0}.topbar{max-width:1220px;margin:auto;padding:0 24px;height:58px;border-bottom:0}.account-link{color:#ffd0e3;font-weight:600}.breadcrumb{color:#b6a7bb}.breadcrumb strong{color:#e8d5e5}.workspace-body{max-width:1220px;padding:0 24px;margin:auto}.sunset-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:400px;border:1px solid #6d2b4b;border-radius:18px;overflow:hidden;margin-bottom:36px;background:linear-gradient(90deg,#09070be6 0%,#130b1499 45%,#1a06182b 75%),url('/assets/sunset.png') center 55%/cover;box-shadow:0 20px 60px #0005}.sunset-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#100810c9,transparent 48%);pointer-events:none}.hero-copy{position:relative;padding:38px 44px 42px;max-width:850px}.hero-kicker{font-size:11px;letter-spacing:.25em;color:#ffc8df;font-weight:700;margin:0 0 12px}.hero-crown{width:68px;height:42px;color:#ff66ac;transform:rotate(-9deg);margin-left:10px;filter:drop-shadow(0 0 8px #ff388377)}#sunset-title{font-family:SkysBrush,Impact,sans-serif;font-weight:400;font-size:clamp(54px,8.6vw,111px);line-height:1.12;letter-spacing:-.055em;transform:rotate(-4deg);transform-origin:left center;margin:3px 0 12px;color:#eee8ed;background:linear-gradient(168deg,#fff 18%,#ddd0db 40%,#fff 50%,#998d9c 62%,#f6eef4 84%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(3px 5px 0 #c62371) drop-shadow(0 8px 6px #0008)}.hero-tagline{font-family:SkysBrush,Impact,sans-serif;font-size:clamp(22px,3vw,36px);line-height:1.5;color:#ff79b9;margin:8px 0 8px;transform:rotate(-4deg)}.hero-rule{display:block;width:220px;height:6px;margin-top:16px;background:#ff4c99;transform:rotate(-5deg);clip-path:polygon(0 35%,98% 0,88% 50%,100% 75%,9% 100%)}.hero-caption{position:absolute;right:24px;bottom:21px;font-size:9px;letter-spacing:.18em;font-weight:700;color:#efd5e1}.page-heading{margin-bottom:25px}.eyebrow{color:#ff8cbd;font-size:11px;letter-spacing:.17em}h1{font-size:clamp(30px,3.5vw,42px);font-weight:750;color:#f2eaf2}h1 span,.dot{color:#ff70ad}.page-heading p{color:#c4b6c7;font-size:15px}.primary-button{border:1px solid #ff83b7;background:linear-gradient(120deg,#f74791,#ce267a);box-shadow:0 6px 24px #d9206b2b;color:white;border-radius:9px}.primary-button:hover:not(:disabled){background:linear-gradient(120deg,#ff60a5,#e1328c)}.secondary-button{background:#361b31;border-color:#7e365c;color:#ffd0e4}.secondary-button:hover:not(:disabled){background:#4f2442;border-color:#c86798}.welcome-note,.publishing-info{background:#1e1521;border:1px solid #4c2c43;border-radius:12px}.welcome-note strong{color:#f6daed}.welcome-note p,.publishing-info p{color:#c6b3ca}.publishing-info label{color:#e6cfe1}.publishing-info input{background:#120e16;border:1px solid #63415c;color:#f4edf4}.publishing-info input:focus{outline-color:#ff7fb7}.collection-panel{background:#151019;border:1px solid #4a2b42;border-radius:15px;box-shadow:0 18px 50px #0003}.panel-heading{border-color:#43243b;background:#1d1320}.panel-title h2{color:#f0dfeb}.panel-meta{color:#c1aec0}.count-pill{background:#3a2234;border-color:#67405c;color:#f0c6de}.photo-card{background:#211725;border:1px solid #51364b;border-radius:12px;transition:border-color .2s,box-shadow .2s}.photo-card:hover{border-color:#a34678;box-shadow:0 10px 26px #0004}.photo-open{background:#231927}.photo-caption{padding:17px}.photo-caption h3{font-weight:650;color:#f1e5ef}.photo-caption p{color:#bcabc2}.contributor{color:#e1bdd2}.avatar{background:#57213f;border-color:#964368;color:#ffdcf0}.heart-button{background:#311b2d;border-color:#744462;color:#f1bfd7}.heart-button:hover{background:#4a2440;border-color:#d8679a}.heart-button.is-liked{background:#5b203e;border-color:#ed6a9f;color:#ffa7ce}.heart-button:focus-visible{outline-color:#ff87be}.upload-strip{background:#1d1421;border-color:#43243b}.upload-strip strong{color:#e5cfe1}.upload-strip p,.size-limit{color:#bfaec2}.size-limit{border-color:#5b3650}.empty-state{background:radial-gradient(ellipse at 50% 40%,#65234433,transparent 70%)}.empty-symbol,.track-art{background:linear-gradient(140deg,#662541,#29172a);border-color:#a44b79;color:#ffb9d9}.empty-kicker{color:#e19cbd}.music-card{border-color:#452940}.track-info h3{color:#f0dfed}.track-info p,.track-number{color:#c3acc4}.upload-progress{background:#301a30;border-color:#774163}.progress-heading{color:#ffcfeb}.progress-note{color:#d6b0ce}.upload-progress progress::-webkit-progress-bar{background:#4f2a43}.upload-progress progress::-webkit-progress-value{background:#ff65a5}.upload-progress progress::-moz-progress-bar{background:#ff65a5}.drop-overlay{inset:18px;background:#2a1027ed;border-color:#ff85bd;color:#ffcae3}.lightbox{background:#1a101e;border-color:#784667}.lightbox::backdrop{background:#09050bea}.lightbox-image{background:#09070c}.lightbox-heading p,.lightbox-footer{color:#d1b8ce}.lightbox-footer a{border-color:#ab6591}.skip-link{background:#c82676}button:focus-visible,a:focus-visible{outline-color:#ff87be}footer{color:#bda7bd}.page-header{border-color:#4c2b43}.page-header .mark{background:linear-gradient(145deg,#ff5a9e,#a41569)}.summary,.contact-card{background:#241524;border-color:#5b304e}.contents,main>section,footer{border-color:#44263e}main .eyebrow{color:#ff9ac8}main h2{color:#f7e5f3}main p,main li{color:#c8b5cc}main a,footer a{color:#f9add2}.back{color:#ffb8d9}.brand .dot{color:#ff70ad}
@media(max-width:800px){.sidebar{padding:17px 20px;gap:16px;flex-wrap:wrap}.brand{font-size:23px}.collection-nav{flex-direction:row;margin:0}.nav-item{padding:10px 15px;border-radius:999px}.topbar{padding:0 20px}.workspace-body{padding:0 20px}.sunset-hero{min-height:345px}.hero-copy{padding:30px}.hero-caption{font-size:8px;right:18px;bottom:18px}.primary-button{margin-top:0}}
@media(max-width:580px){.sidebar{padding:15px 17px;gap:15px}.brand{font-size:22px}.brand-mark{width:32px;height:32px;font-size:17px}.collection-nav{width:100%;gap:8px}.nav-item{justify-content:center;flex:1;padding:9px 14px}.topbar{height:53px;padding:0 18px;font-size:12px}.account-actions{gap:10px}.account-link{font-size:12px}.breadcrumb{font-size:12px;gap:9px}.workspace-body{padding:0 14px}.sunset-hero{min-height:308px;margin-bottom:28px;border-radius:13px;background-position:58% 55%;background-image:linear-gradient(90deg,#0b070de0,#14081777),url('/assets/sunset.png')}.hero-copy{padding:25px 20px 46px;max-width:100%;width:100%}.hero-kicker{font-size:9px;letter-spacing:.19em}.hero-crown{width:54px;height:34px;margin:3px 0 1px 8px}#sunset-title{font-size:clamp(46px,12.6vw,72px);letter-spacing:-.06em;margin:5px 0 14px}.hero-tagline{font-size:clamp(19px,5.6vw,26px);line-height:1.6}.hero-rule{width:165px;margin-top:10px}.hero-caption{left:22px;right:auto;bottom:16px;font-size:7px}.page-heading{gap:18px}.page-heading p{font-size:14px}.page-heading h1{font-size:31px}.photo-grid{padding:14px;gap:18px}.panel-heading{padding:17px}.panel-title h2{font-size:15px}.publishing-info,.welcome-note{padding:17px}.heart-button{min-height:44px}.page-header{padding:20px}.page-header .brand{font-size:20px}}