@layer components{.beta-app-shell{min-height:100dvh;display:flex;background:var(--background);color:var(--fg)}.beta-sidebar{display:none;width:90px;position:fixed;left:0;top:0;bottom:0;flex-direction:column;justify-content:space-between;align-items:center;padding:12px 0;background:color-mix(in srgb,var(--sbn-blue) 6%,var(--surface));border-right:1px solid var(--border-subtle);z-index:30;flex-shrink:0}.beta-sidebar-bottom,.beta-sidebar-top{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.beta-logo-wrap{display:flex;align-items:center;justify-content:center;padding:8px 0 16px;width:100%}.beta-main{flex:1;display:flex;flex-direction:column;min-height:100dvh;width:100%;background:var(--background)}.beta-header{height:52px;position:sticky;top:0;z-index:20;padding:0 8px;gap:4px;background:var(--background);border-bottom:1px solid var(--border-subtle)}.beta-header,.beta-header-left{display:flex;align-items:center;flex-shrink:0}.beta-header-left{width:40px}.beta-header-title{font-size:15px;font-weight:600;color:var(--fg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beta-header-title,.beta-title-mobile{flex:1;text-align:center}.beta-header-search{display:none;flex:1;justify-content:center;padding:0 8px;max-width:560px}.beta-header-search .search-input{width:100%}.beta-header-right{display:flex;align-items:center;gap:2px;flex-shrink:0}.beta-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:84px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.beta-content.has-search{padding-bottom:132px}.beta-search-mobile{display:flex;align-items:center;position:fixed;bottom:72px;left:0;right:0;height:48px;padding:4px 16px;background:var(--background);border-top:1px solid var(--border-subtle);z-index:35}.beta-search-mobile .search-input{width:100%}.beta-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:72px;align-items:center;justify-content:space-around;padding:0 2px 8px;background:color-mix(in srgb,var(--sbn-blue) 6%,var(--surface));border-top:1px solid var(--border-subtle);z-index:40}@media (min-width:1024px){.beta-sidebar{display:flex}.beta-main{margin-left:90px}.beta-content,.beta-content.has-search{padding-bottom:32px}.beta-bottom-nav,.beta-search-mobile{display:none}.beta-header-search{display:flex}.beta-title-mobile{display:none}.screen-content{max-width:800px;margin-left:auto;margin-right:auto}}.top-bar-icon{width:36px;height:36px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--dur-fast);border:none;background:none;color:var(--fg);flex-shrink:0}.top-bar-icon:hover{background:var(--accent-tint)}.search-wrap{padding:6px 16px;background:var(--background);border-top:1px solid var(--border-subtle)}.search-input{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);padding:7px 12px;height:38px}.search-input input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-sans);font-size:14px;color:var(--fg);min-width:0}.search-input input::placeholder{color:var(--fg-3)}.search-divider{width:1px;height:16px;background:var(--border);margin:0 2px;flex-shrink:0}.screen-content{padding:12px 16px 16px;display:flex;flex-direction:column;gap:12px}.section-label{font-size:12px;font-weight:600;color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em}.filter-sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:50;animation:fadeIn .2s ease-out}.filter-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;z-index:51;padding:0 0 env(safe-area-inset-bottom,16px);animation:slideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.filter-sheet-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:12px auto 16px}.filter-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px 12px;border-bottom:1px solid var(--border-subtle)}.filter-sheet-body{padding:16px 20px;overflow-y:auto;max-height:60vh;display:flex;flex-direction:column;gap:20px}.filter-sheet-footer{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--border-subtle)}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group-title{font-size:11px;font-weight:700;color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em}.filter-options{display:flex;flex-wrap:wrap;gap:6px}.filter-scroll-container{gap:0;background:var(--surface);height:200px;padding:0 8px}.filter-col,.filter-scroll-container{display:flex;position:relative;overflow:hidden}.filter-col{flex:1;flex-direction:column;height:100%}.filter-col-title{font-size:10px;font-weight:700;color:var(--fg-3);text-transform:uppercase;text-align:center;padding:8px 0;border-bottom:1px solid var(--border-subtle);background:var(--surface);z-index:2;flex-shrink:0;height:31px}.filter-scroll{flex:1;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;position:relative}.filter-scroll::-webkit-scrollbar{display:none}.filter-opt{height:40px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--fg);scroll-snap-align:center;scroll-snap-stop:always;transition:all .2s;cursor:pointer;font-weight:500}.filter-opt.active{color:var(--sbn-blue);font-weight:700}.filter-highlight{position:absolute;top:88px;left:4px;right:4px;height:40px;background:var(--accent-tint);border-radius:8px;pointer-events:none;z-index:0;border:1px solid color-mix(in srgb,var(--sbn-blue) 30%,transparent)}.filter-chip-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:4px 0;-webkit-overflow-scrolling:touch}.filter-chip-row::-webkit-scrollbar{display:none}.bottom-zone{display:none}.nav-tab{flex-direction:column;gap:4px;padding:4px 6px;cursor:pointer;min-width:52px;-webkit-tap-highlight-color:transparent;text-decoration:none;border:none;background:none}.nav-tab,.nav-tab-icon{display:flex;align-items:center}.nav-tab-icon{width:64px;height:32px;justify-content:center;border-radius:16px;transition:all var(--dur-default)}.nav-tab.active .nav-tab-icon{background:rgba(49,116,173,.15)}.dark .nav-tab.active .nav-tab-icon{background:rgba(95,168,209,.2)}.nav-tab.active .msr{color:var(--sbn-blue)!important;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24!important}.nav-tab-label{font-size:10px;color:var(--fg-2);font-weight:500;transition:color var(--dur-fast);white-space:nowrap}.nav-tab.active .nav-tab-label{color:var(--fg);font-weight:600}.beta-sidebar .nav-tab{width:100%;padding:4px 0;min-width:unset;border-radius:0;flex-direction:column}.beta-sidebar .nav-tab-icon{width:56px;height:32px;border-radius:16px}.beta-sidebar .nav-tab-label{font-size:10px;text-align:center;line-height:1.2}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px}.card-title{font-size:11px;font-weight:600;color:var(--fg-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.rtable-wrap{border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border);background:var(--surface)}.rtable{width:100%;border-collapse:collapse;font-size:12px}.rtable th{font-size:10px;font-weight:600;color:var(--fg-3);text-transform:uppercase;letter-spacing:.04em;padding:10px 8px;border-bottom:1px solid var(--border);text-align:left;background:var(--surface);position:sticky;top:0;z-index:1}.rtable th:not(:first-child):not(:nth-child(2)){text-align:right}.rtable td{padding:10px 8px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.rtable tr:last-child td{border-bottom:none}.rtable td:not(:first-child):not(:nth-child(2)){text-align:right}.row-gold{background:color-mix(in srgb,#D4AF37 18%,transparent)}.row-silver{background:color-mix(in srgb,#B0B7C0 14%,transparent)}.row-bronze{background:color-mix(in srgb,#CD7F32 18%,transparent)}.row-top10{background:var(--accent-tint)}.badge{padding:2px 7px;border-radius:var(--r-xs);font-size:11px;font-weight:600}.badge,.chip{display:inline-flex;align-items:center}.chip{gap:4px;padding:4px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:500;border:1px solid var(--border);background:var(--surface);color:var(--fg-2);cursor:pointer;white-space:nowrap;transition:all var(--dur-fast);-webkit-tap-highlight-color:transparent}.chip.active,.chip:hover{border-color:var(--sbn-blue);color:var(--sbn-blue)}.chip.active{font-weight:600}.avatar,.chip.active{background:var(--accent-tint)}.avatar{width:40px;height:40px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--sbn-blue);flex-shrink:0}.mono{font-family:var(--font-geist-mono);font-variant-numeric:tabular-nums}.auth-screen{padding:32px 24px 80px;gap:20px}.auth-screen,.field{display:flex;flex-direction:column}.field{gap:5px}.field label{font-size:13px;font-weight:500;color:var(--fg)}.field input{height:48px;padding:0 14px;border:1px solid var(--border);border-radius:var(--r-sm);font-family:var(--font-sans);font-size:15px;background:var(--surface);color:var(--fg);outline:none}.field input:focus{border-color:var(--sbn-blue);box-shadow:0 0 0 3px var(--accent-tint)}.btn-full{width:100%;height:48px;background:var(--sbn-blue);color:white;border:none;border-radius:var(--r-md);font-family:var(--font-sans);font-size:15px;font-weight:600;cursor:pointer;transition:opacity var(--dur-fast)}.btn-full:hover{opacity:.9}.btn-full:disabled{opacity:.5;cursor:not-allowed}}