@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&family=Press+Start+2P&family=Space+Grotesk:wght@500;600;700&family=VT323&display=swap');
:root{--blue:#294f9b;--blue2:#3e66b3;--ink:#1d2d49;--muted:#77849a;--line:#e1e7f0;--paper:#fff;--bg:#f2f5f9;--lime:#d5f573;--peach:#ffe5d8;--shadow:0 8px 25px rgba(37,61,104,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{height:68px;background:var(--blue);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 12px #102d6230}.topbar-inner{height:100%;max-width:1320px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;font:700 22px 'Space Grotesk',sans-serif;letter-spacing:-1px;white-space:nowrap}.brand-mark{background:var(--lime);color:var(--blue);width:34px;height:34px;border-radius:10px 10px 10px 2px;display:grid;place-items:center;font:700 20px 'Space Grotesk';box-shadow:3px 3px 0 #163974}.brand-dot{font-weight:500;color:#c9d5ee}.searchbox{height:38px;display:flex;align-items:center;background:#ffffff1d;border:1px solid #ffffff25;border-radius:7px;padding:0 10px;gap:8px;max-width:440px;flex:1;color:#d9e3f8}.searchbox>span{font-size:22px}.searchbox input{border:0;outline:0;color:white;background:transparent;width:100%;font-size:13px}.searchbox input::placeholder{color:#d4def2}.searchbox kbd{font:11px 'DM Mono';border:1px solid #ffffff4a;padding:2px 5px;border-radius:3px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.icon-button{border:0;color:white;background:transparent;font-size:26px;position:relative}.icon-button i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--lime);right:0;top:5px}.avatar{border:0;display:grid;place-items:center;background:linear-gradient(140deg,#d6e5ff,#9fbae8);color:#254780;font-family:'Space Grotesk';font-weight:700;border-radius:50%;flex:0 0 auto}.avatar.tiny{width:30px;height:30px}.page-shell{max-width:1320px;margin:24px auto 70px;padding:0 28px}.announcement{background:#e8effd;border:1px solid #d9e4f8;border-radius:7px;padding:11px 15px;color:#38558c;display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:19px}.announcement .sparkle{color:#6e95da;font-size:19px}.announcement button{margin-left:auto;border:0;background:none;color:#7890b9;font-size:20px}.layout{display:grid;grid-template-columns:236px minmax(430px,1fr) 276px;gap:21px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.left-rail,.right-rail{display:flex;flex-direction:column;gap:15px}.profile-card{overflow:hidden}.profile-cover{height:78px;background:linear-gradient(116deg,#294f9b 5%,#4873c0 49%,#9fb6dd 100%);position:relative}.profile-cover:after{content:'♫  ♪  ♫';position:absolute;right:13px;top:17px;color:#ffffff3b;font:21px 'DM Mono';letter-spacing:6px;transform:rotate(-8deg)}.profile-body{padding:0 16px 16px;position:relative}.profile-avatar{width:60px;height:60px;border:4px solid white;margin-top:-29px;font-size:19px;box-shadow:0 2px 8px #1e3c7025}.profile-name{font:700 16px 'Space Grotesk';margin-top:7px}.muted{color:var(--muted);font-weight:400}.profile-body>.muted{font-size:12px;color:#7b8aa4;margin-top:2px}.profile-body p{font-size:12px;line-height:1.55;color:#67758d;margin:11px 0 14px}.profile-stats{border-top:1px solid var(--line);padding:11px 0 13px;display:flex;gap:30px}.profile-stats span{display:flex;flex-direction:column}.profile-stats b{font:600 15px 'Space Grotesk'}.profile-stats small{font-size:10px;color:#8a97aa;margin-top:2px}.button{border:0;border-radius:6px;padding:10px 14px;font-weight:700;font-size:12px;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button-blue{background:var(--blue);color:white;box-shadow:0 3px 0 #193d7f}.button-blue:hover{background:#345fa9}.button-light{background:white;color:var(--blue);padding:8px 13px}.button-outline{border:1px solid #cbd6e7;background:#fff;color:#3d5d95}.full{width:100%}.side-nav{padding:7px}.nav-link{width:100%;border:0;background:none;text-align:left;padding:11px;border-radius:6px;color:#5b6a82;font-size:13px;font-weight:600;display:flex;align-items:center;gap:12px}.nav-link span{font-size:18px;color:#8497b7;width:19px;text-align:center}.nav-link.active{background:#edf2fc;color:var(--blue)}.nav-link.active span{color:var(--blue)}.nav-link em{font:9px 'DM Mono';font-style:normal;color:#8aa03d;background:#eff7d5;padding:3px 5px;border-radius:3px;margin-left:auto}.note-card{padding:15px}.panel-heading{font:700 13px 'Space Grotesk';display:flex;align-items:center;justify-content:space-between}.panel-heading span{color:#7292cf}.note-card p{font-size:12px;color:#77849a;line-height:1.55;margin:9px 0 13px}.sticker-row{display:flex;gap:7px}.sticker-row span{width:27px;height:25px;border-radius:6px;background:#f4f6fb;display:grid;place-items:center;color:#6d88bb}.sticker-row span:nth-child(2){background:#fff4e9;color:#e19b74}.sticker-row span:nth-child(3){background:#f1f6df;color:#91a648}.side-footer{font-size:10px;color:#71809a;line-height:1.9;padding:1px 3px}.side-footer span{color:#9aa5b5}.center-column{min-width:0}.feed-heading{display:flex;align-items:end;justify-content:space-between;margin:3px 0 15px}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:1.2px;color:#91a0b5}.feed-heading h1{font:700 23px 'Space Grotesk';margin:4px 0 0;letter-spacing:-.5px}.now-playing{display:flex;align-items:center;gap:8px;color:#8190a5;font:9px 'DM Mono';letter-spacing:.7px;padding-bottom:4px}.eq{height:15px;display:flex;gap:2px;align-items:center}.eq i{display:block;width:2px;height:8px;background:#91aa54;border-radius:2px;animation:eq .7s infinite alternate}.eq i:nth-child(2){height:14px;animation-delay:.25s}.eq i:nth-child(3){height:5px;animation-delay:.45s}.eq i:nth-child(4){height:10px;animation-delay:.15s}@keyframes eq{to{transform:scaleY(.45)}}.composer{padding:14px 16px;margin-bottom:15px}.composer-top{display:flex;gap:11px;align-items:center}.avatar.mini{height:34px;width:34px;font-size:12px}.composer-prompt{flex:1;text-align:left;background:#f5f7fa;border:1px solid #edf0f4;border-radius:5px;padding:11px 13px;color:#91a0b5;font-size:12px}.composer-tools{display:flex;align-items:center;justify-content:space-between;padding:12px 0 0 45px}.composer-hint{color:#9ba6b5;font-size:11px}.composer-tools .button{padding:9px 13px}.feed-list{display:flex;flex-direction:column;gap:14px}.loading{padding:24px;text-align:center;color:#8796aa}.post-card{padding:17px 18px}.post-head{display:flex;align-items:center;gap:10px}.post-head .avatar{width:37px;height:37px;font-size:12px}.post-author{min-width:0;flex:1}.post-author b{font-size:13px}.post-author small{display:block;color:#8a97aa;font-size:10px;margin-top:2px}.post-more{border:0;background:transparent;color:#92a0b5;font-size:19px}.post-text{font-size:13px;color:#53647d;line-height:1.6;margin:13px 0}.track-card{display:flex;align-items:center;gap:12px;padding:12px;background:#f7f8fb;border:1px solid #e9edf4;border-radius:7px;margin:11px 0 13px;min-width:0}.track-art{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;border-radius:6px;background:linear-gradient(135deg,#cbd9f4,#e8d4e8);color:#4769a8;font-size:23px;position:relative;overflow:hidden}.track-art:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 6px,#fff2 6px 7px)}.track-meta{min-width:0;flex:1}.track-meta b{display:block;font:700 13px 'Space Grotesk';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-meta small{display:block;color:#8491a4;margin-top:3px}.track-link{font-size:11px;color:#466bb0;font-weight:700}.track-card iframe{width:100%;height:80px;border:0;border-radius:5px}.track-card iframe.spotify{height:80px}.track-card iframe.youtube{height:210px}.track-card audio{width:100%;height:34px;margin-top:7px}.post-actions{border-top:1px solid #edf0f4;padding-top:11px;display:flex;gap:16px;align-items:center;color:#8b97a9}.post-actions button{border:0;background:none;color:inherit;font-size:11px;padding:2px 0}.post-actions button:hover,.post-actions button.liked{color:#ce6782}.post-actions .comment-toggle{margin-left:auto}.comments{padding:11px 0 0 47px}.comment{font-size:11px;color:#66748a;padding:5px 0;line-height:1.5}.comment b{color:#30496f;margin-right:5px}.comment-form{display:flex;gap:6px;margin-top:7px}.comment-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:5px;padding:8px;font-size:11px}.comment-form button{border:0;color:var(--blue);font-weight:700;background:none;font-size:11px}.welcome-panel{padding:17px;position:relative;overflow:hidden;min-height:190px;background:#f9fbff}.welcome-panel .eyebrow{font-size:9px}.welcome-panel h2{font:700 20px/1.2 'Space Grotesk';max-width:185px;margin:10px 0 8px;position:relative;z-index:1}.welcome-panel h2 i{font-style:normal;color:#5577b4}.welcome-panel p{color:#8692a5;font-size:11px;margin:0 0 14px;position:relative;z-index:1}.text-link{border:0;background:transparent;padding:0;color:#4968a5;font-size:11px;font-weight:700;position:relative;z-index:1}.text-link span{font-size:16px;margin-left:4px}.welcome-orb{position:absolute;width:116px;height:116px;border:1px solid #dce5f5;border-radius:50%;right:-34px;bottom:-34px;color:#92a9d3;font:43px 'DM Mono';display:grid;place-items:center;transform:rotate(15deg)}.trend-panel{padding:15px}.trend-panel .panel-heading .muted{font:10px 'DM Sans'}.trend-row{display:flex;align-items:center;gap:10px;border-top:1px solid #f0f2f6;padding:11px 0 1px;margin-top:10px;color:#90a0b6}.trend-row>span:nth-child(2){flex:1}.trend-index{font:11px 'DM Mono';color:#a2adbd}.trend-row b{display:block;font-size:11px;color:#495a73}.trend-row small{font-size:10px;color:#98a3b2;display:block;margin-top:3px}.quote-panel{padding:15px 16px;background:#fffcf8;border-color:#f4ebdf;position:relative}.quote-mark{color:#dfa878;font:38px Georgia;line-height:20px}.quote-panel p{color:#6f6254;font:italic 13px/1.55 'Space Grotesk';margin:8px 0}.quote-credit{font-size:10px;color:#aa9a88}.playlist-mini{padding:15px}.playlist-mini p{font-size:11px;line-height:1.5;color:#8a96a7;margin:10px 0 12px}.search-results{position:fixed;z-index:30;top:59px;left:calc(50% - 265px);width:min(440px,90vw);background:white;border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow);padding:8px}.search-result{display:flex;gap:9px;padding:9px;align-items:center;border-radius:5px;font-size:12px}.search-result:hover{background:#f4f6fa}.search-results h4{margin:5px 8px;font:10px 'DM Mono';text-transform:uppercase;color:#8997aa}.popover{position:fixed;right:max(25px,calc((100vw - 1320px)/2 + 30px));top:58px;width:300px;padding:14px;z-index:30}.notice{padding:10px 0;border-bottom:1px solid #edf0f4;font-size:12px;line-height:1.5}.notice:last-child{border:0}.notice small{display:block;color:#98a3b2;margin-top:4px}.dialog{border:1px solid #dfe5ef;border-radius:11px;box-shadow:0 25px 90px #132a5160;width:min(420px,calc(100vw - 30px));padding:27px;color:var(--ink);max-height:90vh;overflow:auto}.dialog::backdrop{background:#15294b77;backdrop-filter:blur(3px)}.dialog.wide{width:min(560px,calc(100vw - 30px))}.dialog-close{position:absolute;right:14px;top:11px;border:0;background:transparent;color:#8d9ab0;font-size:24px}.dialog-logo{width:43px;height:43px;border-radius:12px 12px 12px 2px;background:var(--blue);color:var(--lime);display:grid;place-items:center;font:700 24px 'Space Grotesk';box-shadow:3px 3px 0 #d9e4f6;margin-bottom:16px}.dialog h2{font:700 24px 'Space Grotesk';letter-spacing:-.5px;margin:4px 0 17px}.dialog form label{display:block;font-size:11px;font-weight:700;color:#53647d;margin:12px 0}.dialog input,.dialog textarea{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #dfe5ee;border-radius:5px;background:#fbfcfe;outline:0;color:var(--ink);font-size:12px}.dialog input:focus,.dialog textarea:focus{border-color:#7894ca;box-shadow:0 0 0 3px #dce6f8}.dialog textarea{resize:vertical}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:16px}.auth-tabs button{flex:1;border:0;background:none;padding:10px;color:#8290a4;font-size:12px}.auth-tabs button.selected{color:var(--blue);font-weight:700;border-bottom:2px solid var(--blue)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-drop{border:1px dashed #c7d2e5;border-radius:6px;padding:12px;display:flex!important;gap:10px;align-items:center;background:#f9fbfe;color:#5972a1!important}.upload-drop>span{display:flex;flex-direction:column;gap:3px}.upload-drop small{font-weight:400;color:#8996aa}.upload-drop input{max-width:180px;padding:6px;border:0;margin:0;background:transparent}.form-message{min-height:16px;font-size:11px;color:#b34f64;line-height:1.4}.fine-print{font-size:10px;color:#9aa4b2;text-align:center;margin:15px 0 0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#1f355b;color:white;padding:11px 17px;border-radius:7px;box-shadow:var(--shadow);z-index:50;opacity:0;pointer-events:none;transition:.2s;font-size:12px;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.playlist-entry{padding:12px 0;border-top:1px solid var(--line);font-size:12px}.playlist-entry b{font-family:'Space Grotesk'}.playlist-entry p{color:#8894a6;margin:4px 0}.message-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(140deg,#e7edf8,#f7f8fa)}.message-card{max-width:430px;padding:30px}.message-card h1{font:700 28px 'Space Grotesk';margin:6px 0}.message-card p:not(.eyebrow){color:#68768c;line-height:1.6;margin-bottom:22px}.mobile-nav{display:none}
@media(max-width:1080px){.layout{grid-template-columns:220px minmax(400px,1fr)}.right-rail{display:none}}
@media(max-width:700px){.topbar{height:58px}.topbar-inner{padding:0 14px;gap:10px}.brand{font-size:16px;gap:6px;letter-spacing:-.7px}.brand-mark{width:28px;height:28px}.searchbox{max-width:none;min-width:80px;height:34px;padding:0 7px;gap:4px}.searchbox kbd,.top-actions .avatar{display:none}.top-actions{gap:3px}.top-actions .button{display:block;font-size:10px;padding:7px 8px}.icon-button{font-size:23px}.page-shell{padding:0 12px;margin:13px auto 84px}.announcement{font-size:11px;padding:9px 10px}.layout{display:block}.left-rail{display:none}.center-column{width:100%}.feed-heading{margin:5px 2px 12px}.feed-heading h1{font-size:20px}.now-playing{font-size:8px}.composer{padding:12px}.composer-tools{padding-left:44px}.composer-hint{font-size:10px}.post-card{padding:14px}.post-text{font-size:12px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:18;height:63px;background:#fff;border-top:1px solid var(--line);justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 15px #18335a0c}.mobile-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#8190a6;font-size:20px;min-width:48px}.mobile-nav button small{font-size:9px}.mobile-nav button.active{color:var(--blue)}.comments{padding-left:0}.search-results{left:5vw;top:52px;width:90vw}.popover{right:10px;top:52px;width:min(300px,90vw)}.form-grid{grid-template-columns:1fr;gap:0}.upload-drop input{max-width:130px}.post-actions{gap:12px}.track-card iframe.youtube{height:190px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
.plain{border:0;background:none;padding:0;color:inherit;font-weight:700}.profile-link:hover{color:var(--blue);text-decoration:underline}.embed-card{display:block;padding:0;overflow:hidden}.embed-card iframe{display:block}.empty-state{text-align:center;padding:34px 20px;color:#78869a}.empty-state>span{font-size:28px;color:#839cc8}.empty-state h3{font:700 17px 'Space Grotesk';color:var(--ink);margin:8px 0}.empty-state p{font-size:12px;line-height:1.5;margin:0 auto 15px;max-width:310px}.profile-banner{display:flex;justify-content:space-between;align-items:center;padding:17px;margin-bottom:14px}.profile-banner b{font:700 18px 'Space Grotesk'}.profile-banner p{font-size:12px;color:#68778d;margin:7px 0}.profile-banner small{font-size:10px;color:#8794a7}.report-row{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.report-row p{margin:5px 0 10px;line-height:1.5}
.verify-link{display:inline-block;margin-top:7px;color:var(--blue);font-weight:700;text-decoration:underline}

/* Fixed-bright Y2K web palette: never follows the device's dark-mode preference. */
:root{color-scheme:only light;--blue:#302cb5;--blue2:#5148ec;--ink:#181640;--muted:#625d91;--line:#9da5ee;--paper:#fff;--bg:#edf0ff;--lime:#d7ff32;--peach:#ffb8df;--shadow:4px 4px 0 rgba(48,44,181,.2)}
body{background-color:#edf0ff;background-image:linear-gradient(rgba(91,102,222,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(91,102,222,.09) 1px,transparent 1px),radial-gradient(ellipse at 22% 10%,#fff 0%,#f5f4ff 38%,#e9eeff 100%);background-size:24px 24px,24px 24px,auto;color:var(--ink)}
body:before{content:"";position:fixed;inset:0;z-index:15;pointer-events:none;opacity:.09;background:repeating-linear-gradient(to bottom,transparent 0 3px,rgba(29,25,108,.35) 4px);mix-blend-mode:multiply}
.topbar{background:linear-gradient(100deg,#17166b 0%,#302cb5 54%,#6721ac 100%);border-bottom:4px solid #ff45ce;box-shadow:0 4px 0 #14dcea,0 8px 18px #302cb533}
.brand{font-family:'VT323','Space Grotesk',sans-serif;font-size:30px;letter-spacing:0;text-shadow:2px 2px 0 #17166b}.brand-mark{border-radius:2px;background:#d7ff32;color:#211c8f;box-shadow:3px 3px 0 #ff45ce}.brand-dot{color:#74f5ff}.searchbox{background:#f8f7ff;border:2px inset #b5b9ee;color:#443da9;border-radius:2px}.searchbox input{color:#201b72}.searchbox input::placeholder{color:#7772ad}.searchbox kbd{border-color:#bebaf1;color:#5148aa;background:#f0efff}
.icon-button{color:#d7ff32}.announcement{background:linear-gradient(90deg,#dffaff,#f4eaff 55%,#fff0fa);border:1px solid #51d9e8;border-left:5px solid #ff45ce;border-radius:2px;box-shadow:3px 3px 0 #8178db;color:#322e8e}.announcement .sparkle{color:#fa3dc9}.announcement button{color:#5d51b3}
.panel{border:1px solid #a3a8ec;border-radius:2px;box-shadow:4px 4px 0 rgba(48,44,181,.16),inset 1px 1px 0 #fff}.profile-cover{background-color:#302cb5;background-image:linear-gradient(90deg,transparent 49%,#58e8ff30 50%),linear-gradient(transparent 49%,#58e8ff30 50%),linear-gradient(112deg,#1b1d82,#5540cf 58%,#ff54c7);background-size:14px 14px,14px 14px,auto}.profile-cover:after{color:#d7ff8b;font:22px 'VT323';text-shadow:2px 2px #201b72}.profile-avatar{border-radius:3px}.avatar{border-radius:4px}.profile-name,.panel-heading,.post-author b,.track-meta b{font-family:'Space Grotesk',sans-serif}.profile-body p,.note-card p,.welcome-panel p{color:#625d91}.profile-stats{border-color:#d8d8fb}.side-nav{padding:6px}.nav-link{border-radius:2px;color:#514b8a}.nav-link.active{background:#cffffa;color:#201a95;box-shadow:inset 3px 0 #ff45ce}.nav-link.active span{color:#352dc3}.nav-link em{background:#e7ff9d;color:#586e00;border:1px solid #c5e85a;border-radius:0}
.button{border-radius:2px;letter-spacing:.1px}.button-blue{background:linear-gradient(#554bf0,#3930be);color:#f3ffae;border:1px solid #211c8c;box-shadow:3px 3px 0 #1a176f}.button-blue:hover{background:linear-gradient(#655cf7,#4137c7)}.button-light{border:1px solid #a7a1ec;box-shadow:2px 2px 0 #17166b}.button-outline{border-radius:2px;border:1px solid #6d69cd;box-shadow:2px 2px 0 #c4c1ef;color:#3832a6}
.eyebrow{color:#a51f9b;letter-spacing:1px}.feed-heading h1{font-family:'VT323','Space Grotesk',sans-serif;font-size:34px;letter-spacing:.2px;color:#242080;text-shadow:1px 1px 0 white}.now-playing{color:#463eaa}.eq i{background:#c022bf}.composer-prompt{border:1px inset #c5c6ec;border-radius:2px;background:#f4f5ff;color:#6e6ba0}.composer .button{box-shadow:3px 3px 0 #211b78}.track-card{background:linear-gradient(110deg,#f5fcff,#fff8fe);border:1px solid #a8dce8;border-radius:2px}.track-art{border:1px solid #c4bdf8;border-radius:2px;background:radial-gradient(circle at 50% 50%,#7166d8 0 9%,#f7eaff 10% 17%,#5adcea 18%,#f5d3ff 43%,#aaa2ed 45%,#faf6ff 49%,#7668dc 52%,#f8dafa 67%,#8b8fec 100%);color:#fff;text-shadow:1px 1px #4235a7}.post-card{border-top:3px solid #51d9e8}.post-actions button{color:#625e9b}.post-actions button.liked,.post-actions button:hover{color:#d329a4}.post-actions{border-color:#e0defa}.comments .comment b{color:#4037b4}.comment-form input{border-radius:2px;border-color:#c2bfed}
.welcome-panel{background-color:#f6f1ff;background-image:linear-gradient(rgba(107,99,201,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(107,99,201,.09) 1px,transparent 1px);background-size:13px 13px}.welcome-panel h2{color:#211e83}.welcome-panel h2 i{color:#bd25ac}.welcome-orb{border-color:#a39bee;color:#792bb7}.trend-index{color:#b527a7}.quote-panel{background:#fff6fc;border-color:#f5b6e2}.quote-mark{color:#d127a4}.quote-panel p{color:#4e3d70}.quote-credit{color:#9b67a0}.sticker-row span{border-radius:2px;border:1px solid #dbdaf5}.sticker-row span:nth-child(2){background:#fff0fa;color:#d22ba7}.sticker-row span:nth-child(3){background:#f3ffc9;color:#6d8500}
.dialog{border:2px solid #5148d4;border-radius:3px;box-shadow:7px 7px 0 #17166b66;background:#fff}.dialog::backdrop{background:rgba(33,28,116,.58);backdrop-filter:blur(2px)}.dialog-logo{border-radius:2px;background:#302cb5;color:#d7ff32;box-shadow:3px 3px 0 #ff45ce}.dialog input,.dialog textarea{border-radius:2px;background:#fcfbff;border-color:#bcb9ea}.dialog input:focus,.dialog textarea:focus{border-color:#4b47d4;box-shadow:0 0 0 3px #d4d0ff}.auth-tabs button.selected{color:#392fb5;border-bottom-color:#ef35c1}.upload-drop{border-radius:2px;border-color:#55cfde;background:#f2feff;color:#3730aa!important}.mobile-nav{background:#fafaff;border-top:2px solid #7973de;box-shadow:0 -3px 0 #ff45ce,0 -7px 14px #29228b16}.mobile-nav button.active{color:#bd21a8}.empty-state>span{color:#c324af}.profile-banner{background:linear-gradient(90deg,#edfcff,#fff8fd)}.toast{border-radius:2px;background:#211c80;border:1px solid #ff45ce;box-shadow:4px 4px 0 #10d4e6}

/* Fixed, low-glare Y2K night palette; it does not adapt to system theme. */
:root{color-scheme:only dark;--blue:#4b4b9f;--blue2:#6964bd;--ink:#e4e6fa;--muted:#9ca2c0;--line:#414768;--paper:#191d34;--bg:#111426;--lime:#b8cd79;--peach:#d59abf;--shadow:4px 4px 0 rgba(5,7,20,.4)}
body{background-color:#111426;background-image:linear-gradient(rgba(131,141,207,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(131,141,207,.075) 1px,transparent 1px),radial-gradient(ellipse at 22% 8%,#222342 0%,#15182d 42%,#101322 100%);background-size:24px 24px,24px 24px,auto;color:var(--ink)}body:before{opacity:.045;mix-blend-mode:screen}
.topbar{background:linear-gradient(100deg,#0c1023 0%,#1c2044 54%,#30203f 100%);border-bottom:3px solid #92518e;box-shadow:0 3px 0 #436d80,0 8px 18px #05071380}.brand{color:#f0efff;text-shadow:2px 2px 0 #090b18}.brand-mark{background:#bacd7a;color:#1d2038;box-shadow:3px 3px 0 #a24c8e}.brand-dot{color:#95bdc5}.searchbox{background:#111528;border:2px inset #454a70;color:#bbc0e3}.searchbox input{color:#f0efff}.searchbox input::placeholder{color:#8e94b5}.searchbox kbd{border-color:#4c527a;color:#b2b7dc;background:#1b203a}.icon-button{color:#c6d791}
.announcement{background:linear-gradient(90deg,#1c263c,#242039 60%,#2a2037);border:1px solid #4a5b79;border-left:4px solid #b369a8;border-radius:2px;box-shadow:3px 3px 0 #090b18;color:#d6daf3}.announcement .sparkle{color:#a6d4cf}.announcement button{color:#b2b7d9}.panel{background-color:var(--paper);border:1px solid #3d456d;border-radius:2px;box-shadow:4px 4px 0 rgba(4,6,18,.38),inset 1px 1px 0 #ffffff0d}.profile-cover{background-color:#25264c;background-image:linear-gradient(90deg,transparent 49%,#a9b8dd18 50%),linear-gradient(transparent 49%,#a9b8dd18 50%),linear-gradient(112deg,#20244b,#41396d 58%,#68416a);background-size:14px 14px,14px 14px,auto}.profile-cover:after{color:#cbd89a;text-shadow:2px 2px #161930}.profile-avatar{border-color:#191d34}.avatar{background:linear-gradient(140deg,#526587,#8b7195);color:#f1eaff}.profile-name{color:#f0efff}.profile-body>.muted{color:#9ca2c0}.profile-body p,.note-card p,.welcome-panel p{color:#a2a8c4}.profile-stats{border-color:#343a5b}.profile-stats small{color:#a2a8c4}.side-nav{background-color:#191d34}.nav-link{color:#b0b5d1}.nav-link span{color:#8e96bc}.nav-link.active{background:#252a48;color:#d9d9f3;box-shadow:inset 3px 0 #b365a5}.nav-link.active span{color:#a2d0d0}.nav-link em{background:#343d3c;color:#c4d990;border:1px solid #58654f;border-radius:0}
.button-blue{background:linear-gradient(#5555a5,#3a3b79);color:#e4e9c8;border:1px solid #7075ad;box-shadow:3px 3px 0 #080a18}.button-blue:hover{background:linear-gradient(#6262b2,#444583)}.button-light{background:#e1e2f0;color:#282850;border:1px solid #a8abca;box-shadow:2px 2px 0 #080a18}.button-outline{border:1px solid #666b9d;background:#222641;box-shadow:2px 2px 0 #090b18;color:#d6d8f1}.eyebrow{color:#c48abf;letter-spacing:1px}.feed-heading h1{color:#e2e3f8;text-shadow:1px 1px 0 #090a18}.now-playing{color:#aeb6d1}.eq i{background:#9a79ae}.composer-hint{color:#a2a8c4}.composer-prompt{border:1px inset #444b72;border-radius:2px;background:#14182b;color:#a2a8c4}.track-card{background:linear-gradient(110deg,#1d263b,#26213b);border:1px solid #47516d;border-radius:2px}.track-art{border:1px solid #65658d;border-radius:2px;background:radial-gradient(circle at 50% 50%,#77709c 0 9%,#a9a6bd 10% 17%,#687d88 18%,#c0a9c1 43%,#706e91 45%,#d2c3d3 49%,#57577d 52%,#bea8c7 67%,#696a91 100%);color:#f2eaf5;text-shadow:1px 1px #42356f}.post-card{border-top:3px solid #738b98}.post-author b{color:#edeefe}.post-author small,.track-meta small{color:#a3aac4}.track-meta b{color:#f0efff}.track-link{color:#b7c1ea}.post-actions{border-color:#363b5b}.post-actions button{color:#aaafcc}.post-actions button.liked,.post-actions button:hover{color:#dc8bbc}.comments .comment b{color:#b9c3ed}.comment{color:#bac0d6}.comment-form input{background:#12162a;border:1px solid #464d72;color:#e5e6f6}.comment-form input::placeholder{color:#8e95b5}
.welcome-panel{background-color:#201d36;background-image:linear-gradient(rgba(166,150,206,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(166,150,206,.07) 1px,transparent 1px);background-size:13px 13px}.welcome-panel h2{color:#e7e5f7}.welcome-panel h2 i{color:#d39ac7}.welcome-orb{border-color:#62557f;color:#a58caf}.trend-index{color:#c090bd}.trend-row{border-color:#34394f;color:#a5aec7}.trend-row b{color:#d9dced}.trend-row small{color:#9ba3bc}.quote-panel{background:#211e33;border-color:#53445f}.quote-mark{color:#cd90be}.quote-panel p{color:#d6cadd}.quote-credit{color:#aa91ad}.sticker-row span{background:#232844;border-color:#414a69;color:#b8bfdf}.sticker-row span:nth-child(2){background:#33263c;color:#d49bc7}.sticker-row span:nth-child(3){background:#2e3427;color:#c3d98d}
.topbar .button-light{background:#373957;color:#e2e3f4;border-color:#666b91;box-shadow:2px 2px 0 #080a18}
*[hidden]{display:none!important}
.dialog{border:2px solid #666a9e;border-radius:3px;box-shadow:7px 7px 0 #05071399;background:#191d34;color:#e4e6fa}.dialog::backdrop{background:rgba(4,6,18,.74);backdrop-filter:blur(2px)}.dialog-close{color:#b0b6d4}.dialog input,.dialog textarea{border-radius:2px;background:#12162a;border-color:#454b70;color:#eff0fb}.dialog label{color:#c4c9e0!important}.dialog input::placeholder,.dialog textarea::placeholder{color:#8991b0}.dialog input:focus,.dialog textarea:focus{border-color:#8a88c3;box-shadow:0 0 0 3px #6964bd44}.dialog-logo{border-radius:2px;background:#4b4b9f;color:#d1e29a;box-shadow:3px 3px 0 #92518e}.dialog h2{color:#efeffa}.auth-tabs{border-color:#3a405f}.auth-tabs button{color:#a1a8c6}.auth-tabs button.selected{color:#d9c5e5;border-bottom-color:#ad6eaa}.fine-print{color:#a1a6bd}.upload-drop{border-radius:2px;border-color:#637d88;background:#192538;color:#d5d8ef!important}.upload-drop small{color:#a5adc5}.form-message{color:#e59ab0}.verify-link{color:#bad1a0}.search-results,.popover{background:#191d34;border-color:#42496d;color:#e3e5f5}.search-result{color:#dce0f2}.search-result:hover{background:#282d4a}.search-results h4{color:#bd91bc}.popover .notice{border-color:#3a405d;color:#d7daed}.notice small{color:#9ca4bd}.playlist-mini p{color:#a5abc4}.playlist-entry{border-color:#3e4360;color:#e0e2f1}.playlist-entry p{color:#9fa6c0}.playlist-entry a{color:#b8c2ed}.profile-banner{background:linear-gradient(90deg,#1d2839,#282039);color:#e7e8f5}.profile-banner p{color:#b3bad2}.profile-banner small{color:#9fa6c0}.mobile-nav{background:#171b30;border-top:2px solid #625e94;box-shadow:0 -3px 0 #865381,0 -7px 14px #05071366}.mobile-nav button{color:#a3aac8}.mobile-nav button.active{color:#d0c0df}.empty-state{color:#a6aec6}.empty-state h3{color:#ececf8}.empty-state p{color:#a6aec6}.empty-state>span{color:#b096c0}.toast{background:#1c203d;border:1px solid #806389;box-shadow:4px 4px 0 #070914;color:#eff0fa}.message-page{background:radial-gradient(ellipse at 22% 8%,#222342 0%,#15182d 42%,#101322 100%)}.message-card{color:#e4e6fa}.message-card p:not(.eyebrow){color:#b2bad2}

/* Personal appearance: modern surfaces with a quiet 90s cyber edge. */
:root{--user-accent:var(--lime);--surface-raised:color-mix(in srgb,var(--paper) 88%,var(--blue));--focus-ring:color-mix(in srgb,var(--user-accent) 38%,transparent)}
[data-theme="seaglass"]{--blue:#376e76;--blue2:#548f92;--ink:#e0eeeb;--muted:#9db9b6;--line:#354f55;--paper:#18282d;--bg:#101b20;--lime:#85c8b5;--peach:#c59ebf;--shadow:0 12px 32px #07111577;color-scheme:only dark}
[data-theme="dusk"]{--blue:#68517d;--blue2:#88699b;--ink:#eee5f2;--muted:#b3a3bd;--line:#51445e;--paper:#28212f;--bg:#19151f;--lime:#c9ad78;--peach:#d09cbb;--shadow:0 12px 32px #0d091377;color-scheme:only dark}
[data-theme="soft"]{--blue:#535575;--blue2:#777b9d;--ink:#e1e2ed;--muted:#aaadc1;--line:#484a62;--paper:#222435;--bg:#171925;--lime:#aeb69b;--peach:#c3a8bd;--shadow:0 10px 28px #090a1255;color-scheme:only dark}
body{font-family:Inter,'DM Sans',Arial,sans-serif;background-image:linear-gradient(rgba(131,141,207,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(131,141,207,.035) 1px,transparent 1px),radial-gradient(ellipse at 22% 8%,color-mix(in srgb,var(--blue) 22%,var(--bg)),var(--bg) 64%);background-size:28px 28px,28px 28px,auto}
.panel,.dialog,.announcement,.track-card,.composer-prompt,.button,.searchbox,.search-results,.popover{border-radius:12px}
.panel{box-shadow:var(--shadow);border-color:var(--line)}
.topbar{border-bottom-width:2px;box-shadow:0 8px 28px #07091455}
.button-blue{background:linear-gradient(145deg,color-mix(in srgb,var(--blue2) 86%,var(--user-accent)),var(--blue));border:1px solid color-mix(in srgb,var(--user-accent) 30%,var(--line));box-shadow:0 4px 12px color-mix(in srgb,var(--blue) 38%,transparent);border-radius:9px}
.button-blue:hover{filter:brightness(1.12);background:linear-gradient(145deg,color-mix(in srgb,var(--blue2) 86%,var(--user-accent)),var(--blue))}
.button-light{border-radius:9px}
.nav-link,.search-result,.comment-form input,.dialog input,.dialog textarea{border-radius:8px}
.nav-link.active{box-shadow:inset 3px 0 var(--user-accent)}
.post-card{border-top:2px solid color-mix(in srgb,var(--user-accent) 70%,var(--line))}
.post-actions button.liked,.post-actions button:hover,.track-link,.auth-tabs button.selected{color:var(--user-accent)}
.auth-tabs button.selected{border-bottom-color:var(--user-accent)}
.dialog{border:1px solid var(--line);box-shadow:0 24px 90px #05071199;background:var(--paper);color:var(--ink)}
.dialog::backdrop{background:#080b18bb;backdrop-filter:blur(8px)}
.dialog input:focus,.dialog textarea:focus,input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--user-accent);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-ring)}
.mobile-nav{border-top:1px solid var(--line);box-shadow:0 -8px 24px #05071355}
[data-theme="soft"] body{background-image:linear-gradient(rgba(149,151,180,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(149,151,180,.035) 1px,transparent 1px),radial-gradient(ellipse at 22% 8%,#282a3c,var(--bg) 68%)}
.appearance-trigger{width:36px;height:36px;border:1px solid #aab3d944;border-radius:10px;background:#ffffff0b;font-size:20px;transition:background .15s,border .15s}
.appearance-trigger:hover{background:#ffffff18;border-color:#c0d48c88}
.appearance-dialog{width:min(500px,calc(100vw - 28px));padding:28px}
.appearance-note{color:var(--muted);font-size:13px;line-height:1.5;margin:-8px 0 18px}
.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.theme-option{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;align-items:center;gap:2px 10px;text-align:left;padding:10px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--paper) 78%,var(--bg));color:var(--ink)}
.theme-option:hover{border-color:var(--user-accent)}
.theme-option[aria-pressed="true"]{border-color:var(--user-accent);box-shadow:0 0 0 2px var(--focus-ring)}
.theme-option b{font-size:12px}.theme-option small{font-size:10px;color:var(--muted);grid-column:2}
.theme-swatch{width:38px;height:38px;border-radius:9px;grid-row:1/3;border:1px solid #ffffff2e}
.swatch-midnight{background:linear-gradient(135deg,#111426 50%,#4b4b9f 50%)}.swatch-seaglass{background:linear-gradient(135deg,#101b20 50%,#548f92 50%)}.swatch-dusk{background:linear-gradient(135deg,#19151f 50%,#88699b 50%)}.swatch-soft{background:linear-gradient(135deg,#171925 50%,#777b9d 50%)}
.accent-picker{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;margin:17px 0}
.accent-picker input{width:50px;height:34px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--paper);cursor:pointer}
.appearance-actions{display:flex;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid var(--line)}
@media(max-width:480px){.theme-grid{gap:7px}.theme-option{padding:8px;grid-template-columns:30px 1fr;gap:2px 7px}.theme-swatch{width:30px;height:30px}.appearance-dialog{padding:23px 18px}.appearance-trigger{width:32px;height:32px}}