:root{--w-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--w-weight-regular:400;--w-weight-medium:500;--w-weight-semibold:600;--w-weight-bold:700;--w-weight-display:800;--w-canvas:#eef2f7;--w-surface:#fff;--w-surface-soft:#f7f9fc;--w-surface-muted:#f1f4f8;--w-surface-hover:#f3f6fb;--w-text:#243047;--w-text-strong:#182338;--w-text-muted:#69758a;--w-text-subtle:#8792a4;--w-border:#e0e5ed;--w-border-strong:#cfd7e3;--w-danger:#b84b58;--w-success:#2f8b67;--w-warning:#9c7222;--w-radius-xs:6px;--w-radius-sm:9px;--w-radius-md:12px;--w-radius-lg:16px;--w-radius-xl:22px;--w-radius-pill:999px;--w-control-sm:34px;--w-control-md:40px;--w-control-lg:46px;--w-space-1:4px;--w-space-2:8px;--w-space-3:12px;--w-space-4:16px;--w-space-5:20px;--w-space-6:24px;--w-space-8:32px;--w-shadow-xs:0 1px 2px #121f3a0d;--w-shadow-sm:0 6px 20px #121f3a12;--w-shadow-md:0 14px 36px #121f3a1c;--w-shadow-lg:0 24px 60px #121f3a29;--w-motion-fast:.12s;--w-motion-normal:.17s;--w-motion-slow:.24s;--w-ease-standard:cubic-bezier(.2, .8, .2, 1);--w-ease-emphasized:cubic-bezier(.16, 1, .3, 1)}.appRoot{--w-accent:var(--ui-accent,#5368d8);--w-accent-2:var(--ui-accent-2,#23a49a);--w-accent-soft:color-mix(in srgb, var(--w-accent) 9%, var(--w-surface));--w-accent-softer:color-mix(in srgb, var(--w-accent) 5%, var(--w-surface));--w-accent-border:color-mix(in srgb, var(--w-accent) 28%, var(--w-border));--w-focus-ring:color-mix(in srgb, var(--w-accent) 34%, transparent);--w-shell-highlight:#ffffff1a;--w-shell-highlight-strong:#ffffff26}.wUiButton{min-height:var(--w-control-md);justify-content:center;align-items:center;gap:var(--w-space-2);border:1px solid var(--w-border-strong);border-radius:var(--w-radius-sm);background:var(--w-surface);color:var(--w-text);box-shadow:var(--w-shadow-xs);font-weight:var(--w-weight-semibold);transition:background var(--w-motion-fast) var(--w-ease-standard), border-color var(--w-motion-fast) var(--w-ease-standard), color var(--w-motion-fast) var(--w-ease-standard), box-shadow var(--w-motion-fast) var(--w-ease-standard), transform var(--w-motion-fast) var(--w-ease-standard);padding:0 14px;line-height:1;display:inline-flex}.wUiButton:hover:not(:disabled){background:var(--w-surface-hover);border-color:var(--w-accent-border);box-shadow:var(--w-shadow-sm)}.wUiButton:active:not(:disabled){box-shadow:var(--w-shadow-xs);transform:translateY(1px)}.wUiButtonPrimary{background:linear-gradient(135deg, var(--w-accent), var(--w-accent-2));color:#fff;box-shadow:0 8px 22px var(--ui-glow,#5368d82e);border-color:#0000}.wUiButtonPrimary:hover:not(:disabled){background:linear-gradient(135deg, color-mix(in srgb, var(--w-accent) 92%, #fff), color-mix(in srgb, var(--w-accent-2) 92%, #fff));border-color:#0000}.wUiButtonQuiet{box-shadow:none;color:var(--w-text-muted);background:0 0;border-color:#0000}.wUiButtonQuiet:hover:not(:disabled){background:var(--w-accent-softer);color:var(--w-text-strong);box-shadow:none;border-color:#0000}.wUiButtonDanger{border-color:color-mix(in srgb, var(--w-danger) 28%, var(--w-border));color:var(--w-danger);background:color-mix(in srgb, var(--w-danger) 4%, #fff)}.wUiIconButton{width:var(--w-control-md);min-width:var(--w-control-md);border-radius:var(--w-radius-md);padding:0}.wUiButtonSmall{min-height:var(--w-control-sm);padding-inline:11px;font-size:12px}.wUiButtonLarge{min-height:var(--w-control-lg);padding-inline:18px}.wUiPanel{border:1px solid var(--w-border);border-radius:var(--w-radius-lg);background:var(--w-surface);box-shadow:var(--w-shadow-sm)}.wUiPanelSoft{background:color-mix(in srgb, var(--w-surface) 90%, var(--w-surface-soft))}.wUiField{min-height:var(--w-control-md);border:1px solid var(--w-border-strong);border-radius:var(--w-radius-sm);background:var(--w-surface);width:100%;color:var(--w-text);transition:border-color var(--w-motion-fast) var(--w-ease-standard), box-shadow var(--w-motion-fast) var(--w-ease-standard), background var(--w-motion-fast) var(--w-ease-standard);padding:0 12px}.wUiField:hover{border-color:color-mix(in srgb, var(--w-accent) 20%, var(--w-border-strong))}.wUiField:focus{border-color:var(--w-accent);box-shadow:0 0 0 3px var(--w-focus-ring);outline:0}.wUiBadge{border-radius:var(--w-radius-pill);background:var(--w-accent-soft);min-height:20px;color:var(--w-accent);font-size:10px;font-weight:var(--w-weight-bold);justify-content:center;align-items:center;padding:0 7px;display:inline-flex}.wUiDivider{background:var(--w-border);border:0;height:1px}html,body{background:var(--w-canvas)}body{font-family:var(--w-font-sans);color:var(--w-text);font-weight:var(--w-weight-regular)}.appRoot{background:radial-gradient(circle at 12% 0%, var(--ui-glow), transparent 29%), radial-gradient(circle at 88% 5%, color-mix(in srgb, var(--ui-accent-2) 10%, transparent), transparent 27%), var(--w-canvas)}.loadingScreen{background:var(--w-canvas);color:var(--w-text-muted);font-weight:var(--w-weight-semibold)}button,input,textarea,select{font-family:var(--w-font-sans)}button{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.48}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--w-focus-ring);outline-offset:2px}.topBar{gap:var(--w-space-3);background:linear-gradient(115deg, color-mix(in srgb, var(--ui-shell) 96%, transparent), color-mix(in srgb, var(--ui-shell-2) 94%, transparent));-webkit-backdrop-filter:saturate(125%)blur(12px);backdrop-filter:saturate(125%)blur(12px);border-bottom-color:#ffffff1a;min-height:64px;box-shadow:0 7px 24px #0e193624}.brand{gap:var(--w-space-2);min-height:44px}.brand>span{border-radius:var(--w-radius-md);font-weight:var(--w-weight-display);box-shadow:inset 0 1px #fff3,0 5px 14px #00000029}.brand b{font-weight:var(--w-weight-bold)}.brand small{font-weight:var(--w-weight-semibold)}.searchWrap>input{min-height:var(--w-control-md);border-radius:var(--w-radius-md);transition:background var(--w-motion-fast) var(--w-ease-standard), border-color var(--w-motion-fast) var(--w-ease-standard), box-shadow var(--w-motion-fast) var(--w-ease-standard);background:#ffffff17;border-color:#ffffff24}.searchWrap>input:hover{background:#ffffff1f}.searchWrap>input:focus{background:#ffffff24;border-color:#ffffff47;box-shadow:0 0 0 3px #ffffff12}.searchPanel,.appearanceTray{border-color:var(--w-border);border-radius:var(--w-radius-lg);background:var(--w-surface);color:var(--w-text);box-shadow:var(--w-shadow-lg)}.searchPanel>button{border-bottom-color:var(--w-border);background:var(--w-surface);color:var(--w-text);transition:background var(--w-motion-fast) var(--w-ease-standard)}.searchPanel>button:hover{background:var(--w-surface-hover)}.searchPanel small,.searchPanel p,.appearanceTray>span{color:var(--w-text-muted)}.mainNav{gap:2px}.mainNav button,.utilityNav>button,.appearanceWrap>button,.loggedOutNav button{min-height:var(--w-control-md);border-radius:var(--w-radius-sm);color:#ffffffc7;font-weight:var(--w-weight-semibold);transition:background var(--w-motion-fast) var(--w-ease-standard), color var(--w-motion-fast) var(--w-ease-standard), box-shadow var(--w-motion-fast) var(--w-ease-standard), transform var(--w-motion-fast) var(--w-ease-standard);padding-inline:11px}.mainNav button:hover,.utilityNav>button:hover,.appearanceWrap>button:hover{background:var(--w-shell-highlight);color:#fff}.mainNav .activeNav{color:#fff;background:var(--w-shell-highlight);box-shadow:inset 0 -2px color-mix(in srgb, var(--w-accent-2) 72%, #fff)}.loggedOutNav .joinButton{font-weight:var(--w-weight-bold);box-shadow:0 6px 18px #0000001f}.userChip{border-radius:var(--w-radius-md);font-weight:var(--w-weight-bold)}.themeChoice{border-color:var(--w-border);border-radius:var(--w-radius-sm);background:var(--w-surface-soft);min-height:39px;color:var(--w-text);font-weight:var(--w-weight-semibold);transition:background var(--w-motion-fast) var(--w-ease-standard), border-color var(--w-motion-fast) var(--w-ease-standard)}.themeChoice:hover{background:var(--w-surface-hover);border-color:var(--w-accent-border)}.selectedTheme{border-color:var(--w-accent);box-shadow:inset 0 0 0 1px var(--w-accent)}.toast{border-radius:var(--w-radius-md);box-shadow:var(--w-shadow-md);font-weight:var(--w-weight-semibold)}.heroKicker,.eyebrow{font-weight:var(--w-weight-bold)}.pageHeading h1{font-weight:var(--w-weight-display);letter-spacing:-.02em}.pageHeading p{line-height:1.5}.homeProfileCard,.homeShortcuts,.shortcutCard,.railCard,.composer,.feedPost,.modernPanel,.messageShell,.futureGrid article,.gamesLibrary article,.creatorDashboardGrid article,.creatorProjectPanel,.creatorSkinForm,.creatorMoneyCard,.creatorEarnings article,.marketplaceDetail,.marketplaceComingSoon{border-color:var(--w-border);border-radius:var(--w-radius-lg);box-shadow:var(--w-shadow-sm)}.homeProfileCard{color:var(--w-text-strong)}.homeProfileCard small,.shortcutCard,.railCard{color:var(--w-text-muted)}.homeShortcuts button{border-radius:var(--w-radius-sm);color:var(--w-text-muted);font-weight:var(--w-weight-semibold);transition:background var(--w-motion-fast) var(--w-ease-standard), color var(--w-motion-fast) var(--w-ease-standard)}.homeShortcuts button:hover{background:var(--w-accent-softer);color:var(--w-accent)}.pageHeading{border-radius:var(--w-radius-lg);box-shadow:0 12px 34px color-mix(in srgb, var(--ui-glow) 78%, transparent)}.pageHeading>button{min-height:var(--w-control-md);border-radius:var(--w-radius-sm);font-weight:var(--w-weight-semibold);transition:background var(--w-motion-fast) var(--w-ease-standard), border-color var(--w-motion-fast) var(--w-ease-standard)}.pageHeading>button:hover:not(:disabled){background:#ffffff29;border-color:#ffffff59}.primaryAction,.primarySmall,.sendMessageButton{border-radius:var(--w-radius-sm);font-weight:var(--w-weight-bold);transition:filter var(--w-motion-fast) var(--w-ease-standard), box-shadow var(--w-motion-fast) var(--w-ease-standard), transform var(--w-motion-fast) var(--w-ease-standard)}.primaryAction:hover:not(:disabled),.primarySmall:hover:not(:disabled),.sendMessageButton:hover:not(:disabled){filter:brightness(1.035);box-shadow:0 8px 22px var(--ui-glow)}.primaryAction:active:not(:disabled),.primarySmall:active:not(:disabled),.sendMessageButton:active:not(:disabled){transform:translateY(1px)}.appRoot input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.appRoot textarea,.appRoot select{border-color:var(--w-border-strong);border-radius:var(--w-radius-sm);color:var(--w-text);transition:border-color var(--w-motion-fast) var(--w-ease-standard), box-shadow var(--w-motion-fast) var(--w-ease-standard), background var(--w-motion-fast) var(--w-ease-standard)}.appRoot input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):hover,.appRoot textarea:hover,.appRoot select:hover{border-color:color-mix(in srgb, var(--w-accent) 20%, var(--w-border-strong))}.appRoot input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):focus,.appRoot textarea:focus,.appRoot select:focus{border-color:var(--w-accent);box-shadow:0 0 0 3px var(--w-focus-ring);outline:0}.messageShellLive{border-color:var(--w-border);box-shadow:var(--w-shadow-sm)}.conversationListHeader{border-bottom-color:var(--w-border);background:color-mix(in srgb, var(--w-surface-soft) 94%, transparent)}.conversationListHeader>span b{color:var(--w-text-strong);font-weight:var(--w-weight-bold)}.conversationListHeader>span small{color:var(--w-text-subtle)}.conversationComposeButton{border-color:var(--w-border);border-radius:var(--w-radius-md);box-shadow:var(--w-shadow-xs);transition:transform var(--w-motion-fast) var(--w-ease-standard), box-shadow var(--w-motion-fast) var(--w-ease-standard), border-color var(--w-motion-fast) var(--w-ease-standard), background var(--w-motion-fast) var(--w-ease-standard)}.conversationComposeButton:hover{border-color:var(--w-accent-border);background:var(--w-accent-softer);box-shadow:var(--w-shadow-sm)}.chatConversationHeader{border-bottom-color:var(--w-border)}.chatHeaderTextButton{border-color:var(--w-border-strong);border-radius:var(--w-radius-sm);font-weight:var(--w-weight-semibold)}.chatComposer input{border-color:var(--w-border-strong);border-radius:var(--w-radius-sm)}.chatComposerExtras button{border-color:var(--w-border);border-radius:var(--w-radius-sm);background:var(--w-surface);color:var(--w-text-muted);font-weight:var(--w-weight-semibold)}@media (prefers-reduced-motion:reduce){.appRoot *,.appRoot :before,.appRoot :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
