.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r-ctl);font-size:14px;font-weight:600;letter-spacing:0.01em;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease), color var(--dur) var(--ease);user-select:none;}.btn:active{transform:translateY(1px);}.btn .ic{width:18px;height:18px;}.btn--primary{background:var(--green);color:var(--green-ink);border-color:var(--green);}.btn--primary:hover{background:#5be88e;}.btn--neutral{background:var(--fill);color:var(--text);border-color:var(--border);}.btn--neutral:hover{background:var(--fill-hover);border-color:#313838;}.btn--ghost{background:transparent;color:var(--text-2);border-color:transparent;}.btn--ghost:hover{background:var(--fill);color:var(--text);}.btn--sm{height:32px;padding:0 12px;font-size:13px;}.btn--icon{width:40px;padding:0;}.btn--icon.btn--sm{width:32px;}.btn:disabled{opacity:0.45;cursor:not-allowed;}.pill{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 11px 0 9px;background:var(--raised);border:1px solid var(--border);border-radius:var(--r-pill);font-size:13px;font-weight:600;color:var(--text);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);}.pill:hover{background:var(--raised-2);border-color:#313838;}.pill__ic{width:18px;height:18px;display:grid;place-items:center;border-radius:999px;flex:0 0 auto;}.pill__ic svg{width:13px;height:13px;}.pill--cash  .pill__ic{background:var(--green-tint);color:var(--green);}.pill--gems  .pill__ic{background:rgba(190,56,243,0.14);color:var(--purple);}.pill--fuel  .pill__ic{background:rgba(242,210,74,0.14);color:var(--gold);}.pill--robux .pill__ic{background:rgba(148,163,184,0.16);color:var(--grey-dot);}.pill__num{font-variant-numeric:tabular-nums;}.pill__add{margin-left:1px;width:16px;height:16px;display:grid;place-items:center;color:var(--muted);}.avatar{position:relative;flex:0 0 auto;border-radius:999px;display:inline-grid;place-items:center;background:var(--raised-2);color:var(--text-2);font-weight:600;overflow:visible;}.avatar__img{width:100%;height:100%;border-radius:999px;object-fit:cover;background:linear-gradient(135deg, #1b2120, #11201a);display:grid;place-items:center;}.avatar--live{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--red);}.avatar__dot{position:absolute;right:-1px;bottom:-1px;width:30%;height:30%;min-width:9px;min-height:9px;border-radius:999px;border:2px solid var(--bg);}.avatar__dot--online{background:var(--green);}.avatar__dot--busy{background:var(--red);}.avatar__dot--offline{background:var(--muted);}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:18px;}.nav{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:var(--r-ctl);color:var(--text-2);background:transparent;border:1px solid transparent;cursor:pointer;font-size:14px;font-weight:600;text-align:left;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);position:relative;}.nav .ic{width:22px;height:22px;flex:0 0 auto;}.nav:hover{background:var(--raised);color:var(--text);}.nav--active{color:var(--green);background:var(--green-tint);}.nav--active:hover{background:var(--green-tint);color:var(--green);}/* icon-only variant (rail / tab bar) */.nav--icon{width:auto;justify-content:center;padding:11px;}.nav--icon .nav__label{display:none;}.nav__badge{position:absolute;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;font-variant-numeric:tabular-nums;}.nav .nav__badge{position:static;margin-left:auto;}.nav--icon .nav__badge{position:absolute;top:4px;right:4px;}.tab .nav__badge{position:absolute;top:4px;right:calc(50% - 20px);}.app{height:100%;display:flex;flex-direction:column;}.topbar{height:var(--topbar-h);flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;background:rgba(6,8,8,0.72);backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40;}.topbar__right{display:flex;align-items:center;gap:8px;}.logo{display:inline-flex;align-items:center;gap:9px;cursor:pointer;}.logo__mark{width:28px;height:28px;border-radius:8px;background:var(--green);color:var(--green-ink);display:grid;place-items:center;font-weight:800;font-size:17px;letter-spacing:-0.03em;flex:0 0 auto;}.logo__word{font-size:18px;font-weight:700;letter-spacing:-0.02em;color:var(--text);}.tabbar{height:var(--tabbar-h);flex:0 0 auto;display:grid;grid-template-columns:repeat(5, 1fr);align-items:center;background:rgba(6,8,8,0.86);backdrop-filter:saturate(1.4) blur(18px);-webkit-backdrop-filter:saturate(1.4) blur(18px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom, 0);}.tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;background:transparent;border:0;cursor:pointer;color:var(--muted);padding:8px 0 6px;font-size:10.5px;font-weight:600;transition:color var(--dur) var(--ease);}.tab .ic{width:24px;height:24px;}.tab:hover{color:var(--text-2);}.tab--active{color:var(--green);}.tab--create .tab__plus{width:44px;height:34px;border-radius:11px;background:var(--green);color:var(--green-ink);display:grid;place-items:center;margin-bottom:1px;transition:background var(--dur) var(--ease), transform var(--dur) var(--ease);}.tab--create:hover .tab__plus{background:#5be88e;}.tab--create:active .tab__plus{transform:translateY(1px);}.tab--create .ic{width:26px;height:26px;}.bodyrow{flex:1 1 auto;display:flex;min-height:0;min-width:0;}.rail{width:var(--rail-w);flex:0 0 auto;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0;transition:margin-left var(--dur) var(--ease);}.rail--collapsed{margin-left:calc(var(--rail-w) * -1);}.rail__items{display:flex;flex-direction:column;gap:6px;width:100%;align-items:center;flex:1 1 auto;}.rail .nav--icon{width:48px;height:48px;}.rail .tab__plus,
.rail__create{width:48px;height:48px;border-radius:13px;background:var(--green);color:var(--green-ink);display:grid;place-items:center;cursor:pointer;border:0;transition:background var(--dur) var(--ease), transform var(--dur) var(--ease);}.rail__create:hover{background:#5be88e;}.rail__create:active{transform:translateY(1px);}.tip{position:relative;}.tip__bub{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) scale(0.96);background:var(--raised-2);color:var(--text);border:1px solid var(--border);padding:5px 9px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 140ms var(--ease), transform 140ms var(--ease);z-index:60;}.tip:hover .tip__bub{opacity:1;transform:translateY(-50%) scale(1);}.tip__bub .nav__badge{position:static;margin-left:6px;display:inline-block;}.sidebar{width:var(--sidebar-w);flex:0 0 auto;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 14px 14px;}.sidebar__top{padding:4px 8px 16px;}.sidebar__group{display:flex;flex-direction:column;gap:3px;}.sidebar__sep{height:1px;background:var(--divider);margin:14px 8px;}.sidebar__kicker{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);padding:4px 12px 8px;}.sidebar__spacer{flex:1 1 auto;}.sidebar__foot{border-top:1px solid var(--divider);padding-top:12px;margin-top:12px;display:flex;flex-direction:column;gap:12px;}.userchip{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--r-ctl);cursor:pointer;border:1px solid transparent;transition:background var(--dur) var(--ease);}.userchip:hover{background:var(--raised);}.userchip__name{font-size:13.5px;font-weight:600;color:var(--text);}.userchip__handle{font-size:12px;color:var(--muted);}.foot__pills{display:flex;gap:8px;}.cmdk{display:flex;align-items:center;gap:10px;width:100%;height:38px;padding:0 10px 0 12px;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--r-ctl);cursor:text;color:var(--muted);font-size:13px;font-weight:500;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);}.cmdk:hover{border-color:#313838;}.cmdk .ic{width:16px;height:16px;}.cmdk__kbd{margin-left:auto;display:flex;gap:3px;}.kbd{min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;background:var(--raised-2);border:1px solid var(--border);border-radius:5px;font-size:11px;font-weight:600;color:var(--text-2);}.mainwrap{flex:1 1 auto;min-width:0;min-height:0;overflow-y:auto;}.main{max-width:var(--main-max);margin:0 auto;padding:28px 24px 64px;}.main--mobile{padding:20px 16px 28px;}.rightpanel{width:var(--rightpanel-w);flex:0 0 auto;border-left:1px solid var(--border);background:var(--surface);overflow-y:auto;padding:18px 16px;transition:margin-right var(--dur) var(--ease);}.rightpanel--collapsed{margin-right:calc(var(--rightpanel-w) * -1);}.rightpanel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}.rightpanel__title{font-size:13px;font-weight:700;letter-spacing:0.02em;}.rp-reopen{position:absolute;right:16px;top:76px;z-index:30;}.deskbar{height:56px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border);background:rgba(6,8,8,0.6);backdrop-filter:blur(12px);}.deskbar__crumb{font-size:13px;color:var(--text-2);font-weight:600;}.deskcol{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;min-height:0;}.ph{display:flex;flex-direction:column;gap:20px;}.ph__hero{border:1px dashed var(--border);border-radius:var(--r-card);padding:44px 24px;text-align:center;background:repeating-linear-gradient(135deg, rgba(255,255,255,0.012) 0 10px, transparent 10px 20px);}.ph__kicker{font-family:ui-monospace, 'SF Mono', Menlo, monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;}.ph__title{font-size:26px;font-weight:700;letter-spacing:-0.02em;margin:0 0 6px;}.ph__sub{color:var(--text-2);font-size:14px;margin:0;}.ph__badge{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:5px 12px;border-radius:999px;background:var(--green-tint);color:var(--green);font-size:12px;font-weight:700;font-family:ui-monospace, 'SF Mono', Menlo, monospace;}.ph__badge .dot{width:7px;height:7px;border-radius:999px;background:var(--green);}.sc{display:grid;gap:14px;}.sc__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}.sc__label{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);margin:4px 0 2px;}.sc__sep{height:1px;background:var(--divider);margin:4px 0;}.scrim{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,0.55);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease);}.scrim--open{opacity:1;pointer-events:auto;}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:81;background:var(--raised);border-top:1px solid var(--border);border-radius:18px 18px 0 0;padding:10px 16px calc(20px + env(safe-area-inset-bottom, 0));transform:translateY(100%);transition:transform var(--dur) var(--ease);}.sheet--open{transform:translateY(0);}.sheet__grip{width:40px;height:4px;border-radius:999px;background:var(--border);margin:6px auto 14px;}.sheet__item{display:flex;align-items:center;gap:14px;width:100%;padding:13px 8px;border:0;background:transparent;color:var(--text);font-size:15px;font-weight:600;cursor:pointer;border-radius:10px;text-align:left;}.sheet__item:hover{background:var(--raised-2);}.sheet__item .ic{width:22px;height:22px;color:var(--text-2);}/* ---------- Command palette / centered modal ---------- */.modal{position:fixed;inset:0;z-index:90;display:grid;place-items:start center;padding-top:14vh;background:rgba(0,0,0,0.5);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease);}.modal--open{opacity:1;pointer-events:auto;}.palette{width:min(560px, 92vw);background:var(--raised);border:1px solid var(--border);border-radius:16px;overflow:hidden;transform:translateY(-8px) scale(0.99);transition:transform var(--dur) var(--ease);}.modal--open .palette{transform:translateY(0) scale(1);}.palette__input{display:flex;align-items:center;gap:11px;padding:16px 18px;border-bottom:1px solid var(--divider);}.palette__input .ic{width:18px;height:18px;color:var(--muted);}.palette__input input{flex:1 1 auto;background:transparent;border:0;outline:none;color:var(--text);font-size:16px;font-family:inherit;}.palette__input input::placeholder{color:var(--muted);}.palette__list{padding:8px;max-height:320px;overflow-y:auto;}.palette__row{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;cursor:pointer;color:var(--text-2);font-size:14px;font-weight:500;}.palette__row:hover, .palette__row--active{background:var(--raised-2);color:var(--text);}.palette__row .ic{width:18px;height:18px;}.palette__hint{font-size:12px;color:var(--muted);margin-left:auto;}.palette__foot{display:flex;gap:14px;padding:10px 16px;border-top:1px solid var(--divider);font-size:12px;color:var(--muted);}.chrome-mobile, .chrome-tablet, .chrome-desktop{display:none;}@media (max-width: 640px){.chrome-mobile{display:flex;flex-direction:column;height:100%;}}@media (min-width: 641px) and (max-width: 1024px){.chrome-tablet{display:flex;flex-direction:column;height:100%;}}@media (min-width: 1025px){.chrome-desktop{display:flex;height:100%;}}/* overlay gating: sheet on mobile only, modal on >=641 only */.only-mobile{display:none;}.gt-mobile{display:none;}@media (max-width: 640px){.only-mobile{display:contents;}}@media (min-width: 641px){.gt-mobile{display:contents;}}html, body{margin:0;height:100%;height:100dvh;height:var(--app-height, 100dvh);background:var(--main-bg, #0a0c0b);}#root{width:100%;max-width:100vw;height:100%;height:100dvh;height:var(--app-height, 100dvh);overflow:hidden;}.app3 .stage .chat .stream,
.app3 > .lives .lives__body,
.app3 .stage .mlist{overflow-y:auto;overflow-x:hidden;overflow-anchor:none;}.app3 > .rail,
.app3 > .lives,
.app3 .stage .chat,
.app3 .stage .mlist{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:linear-gradient(162deg, rgba(255,255,255,0.10), rgba(255,255,255,0.035) 47%, rgba(255,255,255,0.065)) !important;}.app3 .lvcard{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;}.route-boundary--page{position:relative;display:grid;align-content:center;width:100%;min-width:0;min-height:100%;padding:clamp(20px, 4vw, 48px);overflow:hidden;color:var(--text, #f6f7f6);}.route-boundary__loader{position:absolute;top:clamp(20px, 4vw, 42px);right:clamp(20px, 4vw, 48px);display:inline-flex;gap:5px;align-items:center;height:20px;}.route-boundary__loader i{width:5px;height:5px;border-radius:50%;background:var(--text-2, #ababab);animation:route-boundary-pulse 1.15s ease-in-out infinite;}.route-boundary__loader i:nth-child(2){animation-delay:120ms;}.route-boundary__loader i:nth-child(3){animation-delay:240ms;}.route-boundary__loading-copy{display:grid;gap:3px;margin:0 0 18px;}.route-boundary__loading-copy strong{font-size:clamp(18px, 2vw, 24px);font-weight:650;letter-spacing:-0.02em;}.route-boundary__loading-copy small{color:var(--text-2, #ababab);font-size:13px;}.route-boundary__preview{display:grid;gap:14px;width:min(100%, 980px);min-height:340px;padding:clamp(16px, 2vw, 24px);border:1px solid var(--border, #272727);border-radius:var(--r-card, 14px);background:var(--surface, #0a0a0a);box-shadow:0 22px 70px rgba(0, 0, 0, 0.28);}.route-boundary__preview i{display:block;min-width:0;min-height:8px;border-radius:8px;background:linear-gradient(100deg, rgba(255,255,255,0.055) 30%, rgba(255,255,255,0.11) 45%, rgba(255,255,255,0.055) 60%);background-size:240% 100%;animation:route-boundary-shimmer 1.7s linear infinite;}.route-boundary__preview-head{display:grid;grid-template-columns:42px minmax(110px, 1fr) auto;gap:12px;align-items:center;}.route-boundary__preview-icon{width:42px;height:42px;border-radius:12px !important;}.route-boundary__preview-heading{display:grid;gap:7px;width:min(260px, 70%);}.route-boundary__preview-heading i:first-child{height:12px;}.route-boundary__preview-heading i:last-child{width:62%;height:8px;}.route-boundary__preview-tools,
.route-boundary__preview-balances,
.route-boundary__preview-grid,
.route-boundary__preview-rail{display:grid;gap:10px;}.route-boundary__preview-tools{grid-template-columns:repeat(2, 32px);}.route-boundary__preview-tool{width:32px;height:32px;border-radius:50% !important;}.route-boundary__preview-body{min-height:252px;}.route-boundary__preview-body--list{display:grid;grid-template-columns:minmax(120px, 0.32fr) minmax(0, 1fr);gap:14px;}.route-boundary__preview-nav,
.route-boundary__preview-list,
.route-boundary__preview-feed,
.route-boundary__preview-aside{display:grid;align-content:start;gap:9px;}.route-boundary__preview-nav-item{height:36px;}.route-boundary__preview-row{height:34px;}.route-boundary__preview-body--feed{display:grid;grid-template-columns:minmax(0, 1fr) minmax(150px, 0.34fr);gap:14px;}.route-boundary__preview-post{height:72px;}.route-boundary__preview-person{height:44px;}.route-boundary__preview-body--media{display:grid;grid-template-columns:minmax(0, 1fr) minmax(128px, 0.28fr);gap:14px;}.route-boundary__preview-player,
.route-boundary__preview-player i{width:100%;height:100%;min-height:220px;}.route-boundary__preview-tile{height:68px;}.route-boundary__preview-body--commerce{display:grid;gap:14px;}.route-boundary__preview-balances{grid-template-columns:repeat(3, minmax(0, 1fr));}.route-boundary__preview-balance{height:48px;}.route-boundary__preview-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}.route-boundary__preview-product{height:82px;}.route-boundary--error{justify-items:center;}.route-boundary__card{display:grid;grid-template-columns:auto minmax(0, 1fr);gap:18px;width:min(100%, 620px);padding:clamp(20px, 3vw, 30px);border:1px solid rgba(255, 68, 88, 0.28);border-radius:var(--r-card, 14px);background:var(--surface, #0a0a0a);box-shadow:0 22px 70px rgba(0, 0, 0, 0.32);}.route-boundary__mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fff;background:var(--red, #ff4458);font-size:20px;font-weight:750;}.route-boundary__copy{min-width:0;}.route-boundary__eyebrow{color:var(--red, #ff4458);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}.route-boundary__copy h1{margin:5px 0 8px;font-size:clamp(22px, 3vw, 32px);line-height:1.12;letter-spacing:-.025em;}.route-boundary__copy p{margin:0;color:var(--text-2, #ababab);}.route-boundary__actions{grid-column:2;display:flex;flex-wrap:wrap;gap:9px;margin-top:2px;}.route-boundary__actions button{min-height:40px;padding:0 15px;border:1px solid var(--border, #272727);border-radius:var(--r-ctl, 10px);color:var(--text, #f6f7f6);background:var(--raised, #141414);font:inherit;font-weight:650;cursor:pointer;}.route-boundary__actions button:hover{background:var(--raised-2, #1a1a1a);}.route-boundary__actions .route-boundary__primary{border-color:transparent;color:#07150d;background:var(--green, #4ade80);}.route-boundary__actions .route-boundary__primary:hover{filter:brightness(1.08);}@keyframes route-boundary-pulse{0%, 80%, 100%{opacity:.3;transform:translateY(0);}40%{opacity:1;transform:translateY(-3px);}}@keyframes route-boundary-shimmer{from{background-position:120% 0;}to{background-position:-120% 0;}}@media (max-width: 700px){.route-boundary--page{align-content:start;padding:18px 14px 24px;}.route-boundary__loader{top:22px;right:18px;}.route-boundary__preview{min-height:300px;padding:14px;}.route-boundary__preview-body--list,
  .route-boundary__preview-body--feed,
  .route-boundary__preview-body--media{grid-template-columns:1fr;}.route-boundary__preview-nav,
  .route-boundary__preview-aside,
  .route-boundary__preview-rail{display:none;}.route-boundary__preview-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}.route-boundary__preview-player,
  .route-boundary__preview-player i{min-height:190px;}.route-boundary__card{grid-template-columns:1fr;gap:12px;}.route-boundary__actions{grid-column:1;}}@media (prefers-reduced-motion: reduce){.route-boundary__loader i,
  .route-boundary__preview i{animation:none;}}