#server-auth-error{color:#ffb8cd;font-size:12px}.server-welcome{min-height:70vh}.server-welcome .hero h1{letter-spacing:-3px}.server-welcome .form-card{max-width:450px}.server-welcome .back{font-size:12px;line-height:1.5}.server-welcome input[type=password]{letter-spacing:1px}@media(max-width:700px){.server-welcome{padding-top:30px}.server-welcome .hero h1{font-size:48px}.server-welcome .hero p{font-size:13px}.server-welcome .form-card{margin-top:28px}}

.google-auth{display:flex;justify-content:center;align-items:center;gap:10px;text-decoration:none;min-height:44px;border-radius:12px;margin:12px 0;font-weight:700}.google-auth:before{content:"G";font-family:Arial,sans-serif;font-weight:700;color:#4285f4;background:#fff;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}
body.auth-screen>header{display:none!important}
.favorite-action{font-size:12px!important;white-space:nowrap}.favorite-action[aria-pressed=true]{color:var(--lime)!important}.comment-reaction{display:flex;flex-direction:column;align-items:center;gap:5px;margin-left:auto;min-width:48px}.comment-heart{border:1px solid #51415d;border-radius:20px;background:#ae91ff0d;color:#d8cbea;padding:6px 10px;white-space:nowrap}.comment-heart[aria-pressed=true]{color:#ff91b4;border-color:#a55774}.author-heart{color:#ffaccb;font-size:9px!important;max-width:90px;text-align:center}.comment-row>div:nth-child(2){min-width:0;flex:1}.nearby-settings{background:#ae91ff13;border:1px solid #534166;color:#d7c7f4;border-radius:9px;padding:9px 12px;width:100%;text-align:left;margin:10px 0;font-size:12px}.nearby-optin{display:flex;align-items:flex-start;gap:13px;border:1px solid #5e4778;background:#ae91ff0a;border-radius:14px;padding:17px;margin:22px 0}.nearby-optin input{flex:0 0 20px;width:20px;height:20px;accent-color:var(--lime);margin:2px 0}.nearby-optin strong{font-size:14px}.nearby-optin small{display:block;color:var(--muted);margin-top:8px;line-height:1.5}#nearbySettings{width:min(540px,94vw);max-height:90dvh;overflow:auto}#nearby-status{font-size:12px;color:#d4c4f0}.favorites-shell{grid-template-columns:200px minmax(0,700px)!important}.favorites-shell .post{margin-bottom:22px}@media(max-width:700px){.comment-reaction{min-width:42px}.author-heart{font-size:8px!important}.social-shell .sidebar button[data-favorites-nav]{font-size:9px}.favorite-action{font-size:10px!important}.nearby-optin{padding:13px}}
.audio-card{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #645078;border-radius:15px;background:linear-gradient(120deg,#30243e,#1d1c29);margin:14px 0;color:#eee;min-width:0}.audio-note{flex:0 0 43px;width:43px;height:43px;border-radius:12px;background:#ae91ff25;color:var(--lime);display:grid;place-items:center;font-size:27px}.audio-card>div{flex:1;min-width:0}.audio-card strong{display:block;margin-bottom:9px;font-size:13px;overflow-wrap:anywhere}.audio-card audio,.audio-preview{width:100%;max-width:100%;height:38px}.audio-tools{display:flex;gap:10px}.audio-tools button{width:auto;flex:1;font-size:12px}.audio-status,.music-error{font-size:12px;min-height:18px}.music-error{color:#ffb8cd}.audio-picker{padding:0 15px 15px;margin:18px 0;background:#ae91ff08;border:1px solid #4f405d;border-radius:14px}.audio-picker .field{margin-top:16px}.audio-picker input[type=file]{margin-top:10px}.audio-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#352544,#1d1c29)!important;color:#eee}.audio-tile>span{font-size:44px;color:var(--lime)}.audio-tile strong{font-size:12px;max-width:90%;overflow-wrap:anywhere}.profile-music-banner{max-width:620px}#profileMusic{width:min(540px,94vw)}#storyViewer .audio-card{width:100%;margin:16px 0}#storyViewer .story-content:has(.audio-card){display:block}#mediaComposer{max-height:90dvh;overflow:auto}#profileMusic{max-height:90dvh;overflow:auto}
.vip-friends{position:relative;max-width:500px;margin:28px 0;border:1px solid #635270;border-radius:20px;overflow:hidden;background:#25212d;box-shadow:0 18px 50px #0003}.vip-friends img{display:block;width:100%;height:285px;object-fit:cover;object-position:center 40%}.vip-friends:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#141019d9);pointer-events:none}.vip-friends figcaption{position:absolute;bottom:21px;left:22px;right:15px;z-index:1}.vip-friends-tag{display:block;color:#d0fc72;font-size:9px;font-weight:700;letter-spacing:1.7px;margin-bottom:9px}.vip-friends strong{display:block;color:#fff;font:600 clamp(21px,2.4vw,29px)/1.2 'Space Grotesk',sans-serif;letter-spacing:-.7px}@media(max-width:700px){.vip-friends{margin:22px 0}.vip-friends img{height:210px}.vip-friends figcaption{bottom:17px;left:17px}.vip-friends-tag{font-size:8px}.vip-friends strong{font-size:23px}}
.server-welcome{max-width:1280px;grid-template-columns:minmax(0,1.15fr) minmax(350px,1fr);gap:72px;align-items:start;padding-top:48px;padding-bottom:56px}.server-welcome .form-card{width:100%;justify-self:end;margin-top:12px}.vip-wordmark{display:flex;align-items:center;gap:14px;font:700 clamp(48px,5.5vw,72px)/1 'Space Grotesk',sans-serif;letter-spacing:-4px;margin-bottom:28px}.vip-mark{color:var(--lime);font:normal 90px/1 'DM Sans',sans-serif;letter-spacing:-8px;margin-left:-5px}.vip-kicker{display:block;letter-spacing:2px;font-size:10px}.server-welcome .vip-intro h1{font-size:clamp(40px,4.3vw,59px);line-height:1.07;letter-spacing:-2.8px;margin:16px 0 18px}.server-welcome .vip-description{font-size:15px;line-height:1.7;max-width:470px;margin-bottom:26px}.vip-showcase{position:relative;max-width:470px;padding:14px 18px 20px 0;margin-bottom:24px}.vip-showcase:before{content:'';position:absolute;inset:15% -5% 0 5%;background:radial-gradient(ellipse,#ae91ff22,transparent 68%);pointer-events:none}.vip-preview-post{position:relative;background:#1c1c27;border:1px solid #41404e;border-radius:17px;overflow:hidden;margin:0 0 0 18px;transform:rotate(-2deg);box-shadow:0 15px 40px #0003}.vip-preview-label{display:flex;align-items:center;gap:9px;font-size:10px;padding:12px 14px;color:#ddd9ed}.vip-preview-label>span:last-child{margin-left:auto}.vip-mini-avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--purple);color:#211833;font-weight:700}.vip-preview-art{height:150px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 50%,#765c9e66,transparent 60%),linear-gradient(120deg,#252237,#15151f)}.vip-art-ring{position:absolute;left:20%;top:10%;width:240px;height:110px;border:1px solid #c5afff66;border-radius:50%;transform:rotate(-25deg)}.vip-art-ring.second{transform:rotate(25deg);border-color:#d0fc7244}.vip-art-core{position:absolute;left:47%;top:21%;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 28% 22%,#e7deff,#a88ad8 38%,#4c326d 75%);box-shadow:0 0 35px #ae91ff44}.vip-play{position:absolute;left:calc(47% + 22px);top:calc(21% + 16px);color:#fff;font-size:28px;line-height:1}.vip-art-caption{position:absolute;bottom:15px;left:16px;letter-spacing:2px;font-size:9px;color:#ddd3ed}.vip-preview-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:9px;color:#b4b0c5}.vip-preview-footer>span:first-child{font-size:20px;color:#ede8ff}.vip-preview-story{position:absolute;right:0;top:-9px;z-index:2;display:flex;align-items:center;gap:9px;background:#252331;border:1px solid #67577e;border-radius:13px;padding:10px 14px;box-shadow:0 7px 25px #0004;transform:rotate(3deg)}.vip-preview-story b,.vip-preview-story div>span{display:block;font-size:10px}.vip-preview-story div>span{color:#b5acc8;font-size:9px;margin-top:3px}.vip-preview-orbit{display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--purple);outline:1px solid #d0fc7277;outline-offset:3px;border-radius:50%;color:var(--lime);margin-right:4px}.vip-preview-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);margin-left:7px}.vip-floating-tag{position:absolute;bottom:4px;right:0;background:var(--lime);color:#263016;border-radius:8px;padding:9px 13px;font-size:10px;font-weight:700;transform:rotate(2deg)}.vip-benefits{list-style:none;margin:0;padding:0;display:grid;gap:17px}.vip-benefits li{display:flex;gap:12px;align-items:center}.vip-benefits li>span{display:grid;place-items:center;flex:0 0 34px;height:34px;background:#ae91ff10;border:1px solid #ae91ff30;border-radius:10px;color:var(--purple);font-size:20px}.vip-benefits b{font-size:12px;font-weight:600}.vip-benefits p{font-size:11px;margin:3px 0 0;line-height:1.5}.server-welcome .vip-intro:after{content:'';position:absolute;top:24px;right:-32px;bottom:12px;width:1px;background:linear-gradient(transparent,#36313f,transparent)}
@media(max-width:1000px) and (min-width:701px){.server-welcome{gap:40px;padding-left:24px;padding-right:24px;grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}.server-welcome .form-card{padding:25px}.vip-wordmark{font-size:54px;letter-spacing:-3px}.vip-mark{font-size:72px}.vip-preview-story{right:-6px}.vip-art-ring{left:6%}.server-welcome .vip-intro h1{font-size:43px}.server-welcome .vip-intro:after{right:-20px}}
@media(max-width:700px){.server-welcome{display:block;padding:28px 22px 40px}.vip-wordmark{font-size:54px;letter-spacing:-3px;margin-bottom:18px}.vip-mark{font-size:70px}.server-welcome .vip-intro h1{font-size:40px;letter-spacing:-2px;margin:14px 0}.server-welcome .vip-description{font-size:14px;margin-bottom:20px}.vip-showcase{display:none}.vip-benefits{grid-template-columns:1fr;gap:10px}.vip-benefits li>span{flex-basis:28px;height:28px;font-size:17px}.vip-benefits p{display:none}.vip-benefits b{font-size:11px}.server-welcome .vip-intro:after{display:none}.server-welcome .form-card{margin-top:28px;max-width:none}.vip-kicker{font-size:9px}}