.beta-app{--bg-primary:#f7f7f9;--bg-secondary:#fff;--bg-tertiary:#eeeef3;--bg-elevated:#fff;--bg-hover:#e9e9f0;--border-subtle:#0a0a140f;--border-default:#0a0a1417;--border-strong:#0a0a1429;--text-primary:#0a0a12;--text-secondary:#565b6e;--text-tertiary:#8a8fa3;--accent-primary:#6d5efc;--accent-secondary:#fc5696;--accent-from:#6d5efc;--accent-to:#fc5696;--shadow-sm:0 1px 2px #0a0a140d;--shadow-md:0 2px 8px #0a0a1412, 0 8px 24px #0a0a140f;--shadow-lg:0 4px 16px #0a0a1414, 0 24px 60px #0a0a141f;--b-rail:#fff;--b-brand-1:#6d5efc;--b-brand-2:#fc5696;--b-active:#6d5efc1a;--b-active-text:#4b3ff0;background:var(--bg-primary);color:var(--text-primary);font-feature-settings:"cv02", "cv03", "cv04", "cv11"}.dark .beta-app{--bg-primary:#07070b;--bg-secondary:#101018;--bg-tertiary:#16161f;--bg-elevated:#1c1c27;--bg-hover:#22222e;--border-subtle:#ffffff0f;--border-default:#ffffff17;--border-strong:#ffffff2e;--text-primary:#f6f6f8;--text-secondary:#a3a7b7;--text-tertiary:#71768a;--accent-primary:#8b7dff;--accent-secondary:#ff77ad;--accent-from:#8b7dff;--accent-to:#ff77ad;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 2px 8px #00000080, 0 8px 24px #0006;--shadow-lg:0 4px 16px #0000008c, 0 24px 60px #0009;--b-rail:#0c0c13;--b-active:#6d5efc33;--b-active-text:#b6adff}.beta-app .b-nav{text-align:left;width:100%;color:var(--text-secondary);border-radius:14px;align-items:center;transition:background .18s,color .18s;display:flex;position:relative}.beta-app .b-nav:hover{background:var(--bg-tertiary);color:var(--text-primary)}.beta-app .b-nav-active{background:var(--b-active);color:var(--b-active-text);font-weight:600}.beta-app .b-nav-active:before{content:"";background:linear-gradient(180deg, var(--b-brand-1), var(--b-brand-2));border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.beta-app .b-seg{background:var(--bg-tertiary);border-radius:13px;gap:2px;padding:3px;display:flex}.beta-app .b-seg-item{color:var(--text-secondary);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 4px;font-size:12.5px;font-weight:600;transition:all .18s;display:flex}.beta-app .b-seg-item:hover{color:var(--text-primary)}.beta-app .b-seg-active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.beta-app .b-pill{border:1px solid var(--border-default);background:var(--bg-secondary);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:border-color .2s,transform .2s;display:inline-flex}.beta-app .b-pill:hover{border-color:var(--border-strong)}.beta-app .b-cta{color:#fff;background:linear-gradient(100deg, var(--b-brand-1), var(--b-brand-2));border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-size:13.5px;font-weight:600;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s;display:inline-flex;box-shadow:0 5px 16px -6px #6d5efca6}.beta-app .b-cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px -8px #6d5efcbf}.beta-app .b-icon-btn{border:1px solid var(--border-default);width:34px;height:34px;color:var(--text-secondary);border-radius:11px;place-items:center;transition:background .18s,color .18s,border-color .18s;display:grid}.beta-app .b-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-strong)}.beta-app .b-credits{border:1px solid var(--border-default);background:var(--bg-secondary);box-shadow:var(--shadow-sm);border-radius:16px}.beta-app .b-rail-surface{background:var(--b-rail);border-right:1px solid var(--border-subtle)}.beta-app .b-scroll{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.beta-app .b-scroll::-webkit-scrollbar{width:6px}.beta-app .b-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.beta-app .b-scroll::-webkit-scrollbar-track{background:0 0}.beta-app .b-badge-beta{letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(100deg, var(--b-brand-1), var(--b-brand-2));border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:800}
