:root{color-scheme:light;font-family:Space Grotesk,system-ui,sans-serif;--bg: #e5e4e2;--bg-deep: #f4f4f6;--panel: rgba(248, 248, 249, .84);--ink: #2d2b28;--muted: #6f6b64;--emerald: #a7afb0;--emerald-strong: #8e9699;--emerald-soft: rgba(167, 175, 176, .22);--mint: #c9cfd2;--line: rgba(109, 112, 116, .22);--danger: #c94b40;--shadow: 0 16px 40px rgba(122, 128, 134, .16);--platinum-glow: rgba(226, 229, 232, .72);--platinum-glow-strong: rgba(236, 239, 242, .88);--platinum-rim: rgba(178, 184, 190, .34);--platinum-surface-soft: rgba(239, 240, 242, .78);--platinum-surface-strong: rgba(227, 228, 230, .9);--platinum-layer-1: rgba(247, 248, 250, .94);--platinum-layer-2: rgba(236, 239, 242, .88);--platinum-layer-3: rgba(223, 228, 233, .82);--graphite-ink-soft: #5f666c;--graphite-ink-strong: #3f474f;--graphite-rim-soft: rgba(132, 142, 152, .28);--graphite-rim-strong: rgba(118, 128, 138, .4);--graphite-glow-soft: rgba(167, 175, 176, .22);--graphite-glow-strong: rgba(142, 150, 153, .3);--elevation-1: 0 10px 24px rgba(84, 92, 102, .1);--elevation-2: 0 14px 30px rgba(84, 92, 102, .14);--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--ui-density: .88;--space-1: calc(8px * var(--ui-density));--space-2: calc(12px * var(--ui-density));--space-3: calc(16px * var(--ui-density));--space-4: calc(18px * var(--ui-density));--font-xs: max(11px, calc(12px * var(--ui-density)));--font-sm: max(12px, calc(13px * var(--ui-density)));--font-md: max(13px, calc(14px * var(--ui-density)));--font-lg: max(16px, calc(18px * var(--ui-density)));--font-xl: max(18px, calc(20px * var(--ui-density)));--touch-target-min: 36px}[data-theme=dark]{color-scheme:dark;--bg: #1b1406;--bg-deep: #120c03;--panel: #2a1f0c;--ink: #faf2dc;--muted: #d1b985;--emerald: #d9a636;--emerald-strong: #e7bc5b;--emerald-soft: rgba(217, 166, 54, .28);--mint: #f0d28a;--line: rgba(240, 210, 138, .24);--danger: #e85d4a;--shadow: 0 16px 40px rgba(0, 0, 0, .42);--deep-gold-glow: rgba(127, 157, 187, .28);--deep-gold-glow-strong: rgba(173, 199, 224, .36);--deep-gold-rim: rgba(224, 238, 252, .42);--deep-gold-surface-soft: rgba(8, 16, 27, .34);--deep-gold-surface-strong: rgba(8, 16, 27, .46);--deep-gold-backdrop: #0a121d}*{box-sizing:border-box}html,body,#root{height:100%;width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}body{margin:0;background:radial-gradient(120% 120% at 15% 10%,var(--platinum-glow-strong) 0%,var(--bg) 54%,var(--bg-deep) 112%);color:var(--ink);min-height:100vh;overflow:hidden;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none;transition:background .3s ease,color .3s ease}[data-theme=dark] body{background:radial-gradient(120% 120% at 15% 10%,var(--deep-gold-glow-strong) 0%,var(--deep-gold-backdrop) 56%,var(--bg-deep) 112%)}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}#root{min-height:100vh}.app{height:100dvh;min-height:100vh;width:100%;max-width:100%;display:flex;flex-direction:column;overflow:hidden;background-image:radial-gradient(circle at 80% -10%,var(--platinum-glow) 0%,transparent 58%);transition:background-image .3s ease}[data-theme=dark] .app{background-image:radial-gradient(circle at 82% -10%,var(--deep-gold-glow) 0%,transparent 56%)}.app-main{flex:1;width:100%;min-width:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-y;padding:18px 18px calc(96px + env(safe-area-inset-bottom,0px));transition:background .3s ease;background:linear-gradient(180deg,#f4f4f6eb,#eaebedd6 35%,#f8f9fa9e 65%,#e5e4e2e6);background-size:100% 300%;background-attachment:fixed}.app-main::-webkit-scrollbar{width:0;height:0;display:none}.app-main::-webkit-scrollbar-thumb{background:transparent}[data-theme=dark] .app-main{background:linear-gradient(180deg,#daa5206b,#daa52042 52%,#2a1f0ce0);background-size:100% 300%;background-attachment:fixed}.page{min-height:100%;animation:pageIn .18s ease-out;will-change:opacity,transform}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.page{animation:none;transform:none}}.header{padding:18px 18px 12px;padding-top:max(18px,env(safe-area-inset-top,0px));position:sticky;top:0;z-index:20;background:linear-gradient(180deg,var(--platinum-surface-strong) 0%,var(--platinum-surface-soft) 100%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:background .3s ease,border-color .3s ease}[data-theme=dark] .header{background:#2b1f0ce0;border-bottom:1px solid var(--line)}.header-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;min-width:0}.header-brand-wrap{flex:1 1 auto;min-width:0}.header-meta{display:flex;align-items:center;gap:10px;min-width:0;flex:0 1 auto}.brand{font-weight:700;font-size:clamp(16px,4.6vw,20px);letter-spacing:.06em;text-transform:uppercase;--brand-gradient: linear-gradient(135deg, #fafafb 0%, #e5e4e2 26%, #c8cdd1 52%, #f4f4f6 76%, #acb4bb 100%);font-family:Space Grotesk,Montserrat,Poppins,system-ui,sans-serif;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.brand-by{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:none;color:var(--mint);text-shadow:0 0 6px rgba(169,177,186,.42);font-family:Space Grotesk,Montserrat,Poppins,system-ui,sans-serif}.brand-by-tight{word-spacing:-4px}.brand-by-pill{display:inline-flex;align-items:center;padding:3px 11px;border-radius:999px;background:var(--platinum-glow);border:1px solid var(--platinum-rim);box-shadow:inset 0 0 12px #b2b8be38;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);white-space:nowrap;max-width:min(52vw,260px);flex-shrink:1;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .brand-by-pill{background:var(--deep-gold-glow);border:1px solid var(--deep-gold-rim);box-shadow:inset 0 0 12px #f5dc982e}.brand-by-link{display:inline-flex;align-items:center;min-width:0;text-decoration:none;color:inherit;cursor:pointer}.brand-by-link .brand-by-tight{overflow:hidden;text-overflow:ellipsis}.theme-toggle{position:relative;width:52px;height:26px;border:none;background:var(--emerald-soft);border-radius:999px;cursor:pointer;padding:0;transition:background .3s ease;flex-shrink:0;overflow:hidden}[data-theme=dark] .theme-toggle{background:var(--deep-gold-glow);border:1px solid var(--deep-gold-rim)}.theme-toggle-slider{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 6px}.theme-toggle-icon{font-size:14px;transition:opacity .3s ease,transform .3s ease;z-index:1;line-height:1}.theme-toggle-icon:first-child{opacity:0;transform:scale(.8)}.theme-toggle-icon:last-child{opacity:1;transform:scale(1)}[data-theme=dark] .theme-toggle-icon:first-child{opacity:1;transform:scale(1)}[data-theme=dark] .theme-toggle-icon:last-child{opacity:0;transform:scale(.8)}.theme-toggle:before{content:"";position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;left:2px;top:50%;transform:translateY(-50%);transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s ease;box-shadow:0 2px 4px #0003;z-index:2}[data-theme=dark] .theme-toggle:before{transform:translateY(-50%) translate(26px);background:var(--emerald)}.theme-pills{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:999px;background:color-mix(in srgb,var(--emerald-soft) 70%,transparent);border:1px solid color-mix(in srgb,var(--emerald) 36%,var(--line));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}[data-theme=dark] .theme-pills{background:color-mix(in srgb,var(--emerald-soft) 78%,transparent);border:1px solid color-mix(in srgb,var(--emerald) 44%,var(--line))}.theme-pills-slider{position:relative;overflow:hidden}.theme-pills-slider:before{content:"";position:absolute;top:var(--liquid-y, 0px);left:0;height:var(--liquid-h, 0px);width:var(--liquid-w, 0px);transform:translate(var(--liquid-x, 0px));border-radius:999px;background:color-mix(in srgb,var(--emerald-soft) 94%,transparent);border:1px solid color-mix(in srgb,var(--emerald) 45%,var(--line));transition:transform .35s cubic-bezier(.2,.9,.2,1),width .35s cubic-bezier(.2,.9,.2,1),background .2s ease;z-index:0}[data-theme=dark] .theme-pills-slider:before{background:color-mix(in srgb,var(--emerald-soft) 90%,transparent);border-color:color-mix(in srgb,var(--emerald) 40%,var(--line))}.theme-pills-slider .theme-pill{position:relative;z-index:1}.theme-pill{border:1px solid transparent;background:transparent;color:var(--muted);font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease}.theme-pill.active{color:var(--emerald-strong);background:color-mix(in srgb,var(--emerald-soft) 90%,transparent);border-color:color-mix(in srgb,var(--emerald) 42%,var(--line))}[data-theme=dark] .theme-pill.active{color:var(--mint);background:color-mix(in srgb,var(--emerald-soft) 90%,transparent);border-color:color-mix(in srgb,var(--emerald) 45%,var(--line))}.theme-pills-slider .theme-pill.active{background:transparent;border-color:transparent}.pill{padding:4px 10px;background:var(--emerald-soft);color:var(--emerald);border-radius:999px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;white-space:nowrap;transition:background .3s ease,color .3s ease}[data-theme=dark] .pill{background:var(--deep-gold-glow);color:var(--mint)}.section{margin-bottom:18px}.section-title{font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:10px;transition:color .3s ease}.panel{background:var(--panel);border-radius:var(--radius-lg);padding:16px;border:1px solid var(--line);box-shadow:var(--shadow);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.panel.table-panel{min-height:220px}.grid{display:grid;gap:12px}.grid>*{min-width:0}.grid.cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.card{background:linear-gradient(160deg,#f7f8faf0,#eaecefdb);border-radius:var(--radius-md);padding:14px;border:1px solid var(--line);transition:background .3s ease,border-color .3s ease}.best-message-card{position:relative;overflow:hidden;padding-bottom:46px}.best-message-date{margin-bottom:8px}.best-message-text{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}.best-message-preview{position:relative;max-height:6.2em;overflow:hidden}.best-message-preview:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2em;background:linear-gradient(180deg,#0000,color-mix(in srgb,var(--panel) 82%,transparent));pointer-events:none;transition:opacity .2s ease}.best-message-preview.is-expanded{max-height:none}.best-message-preview.is-expanded:after{opacity:0}.best-message-actions{justify-content:flex-start;gap:6px;flex-wrap:wrap}.best-message-reactions{position:absolute;right:12px;bottom:10px;font-size:12px;color:var(--muted)}[data-theme=dark] .card{background:linear-gradient(160deg,#3a2b12,#2b200d);border:1px solid var(--line)}.card-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);transition:color .3s ease}.card-value{margin-top:8px;font-weight:600;font-size:20px;color:var(--ink);transition:color .3s ease}.setting-row{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.status-badge{font-size:12px;font-weight:700;letter-spacing:.08em;padding:4px 10px;border-radius:999px;text-transform:uppercase;box-shadow:0 0 10px #0000000f}.status-on{color:#0a3b2e;background:#30d17b33;border:1px solid rgba(48,209,123,.6);box-shadow:0 0 12px #30d17b59}.status-off{color:#4b1b1b;background:#ff634733;border:1px solid rgba(255,99,71,.6);box-shadow:0 0 12px #ff63474d}.setting-value{font-weight:700;font-size:18px;color:var(--ink)}.connection-list{display:grid;gap:12px}.connection-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel)}.connection-name{font-weight:600;color:var(--ink)}.connection-meta{display:inline-flex;align-items:center;gap:8px}.connection-latency{font-weight:600;color:var(--ink);font-size:12px}.connection-dot{width:10px;height:10px;border-radius:999px;box-shadow:0 0 8px #00000014}.connection-dot.ok{background:#30d17bf2;box-shadow:0 0 8px #30d17b99}.connection-dot.down{background:#ff6347f2;box-shadow:0 0 8px #ff634780}.connection-dot.warn{background:#ffbf00f2;box-shadow:0 0 8px #ffbf0080;animation:blinkWarning 1s ease-in-out infinite}.connection-updated{font-size:11px;color:var(--muted);text-align:right}@keyframes blinkWarning{0%,to{opacity:1}50%{opacity:.35}}.filter-row{display:grid;gap:10px}.panel.filter-row{position:relative;z-index:20}.filter-row label{display:flex;align-items:center;gap:8px}.manual-open-panel{overflow:hidden}.manual-open-panel .filter-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.manual-open-panel .filter-row label{min-width:0}.manual-open-panel input,.manual-open-panel select{max-width:100%}.manual-open-panel input[type=number]::-webkit-outer-spin-button,.manual-open-panel input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.manual-open-panel input[type=number]{-moz-appearance:textfield}.manual-open-datetime{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;min-width:0}.manual-open-datetime input{width:100%;min-width:0}.filter-row .filter-label{flex-shrink:0;font-weight:600;color:var(--ink);white-space:nowrap}.filter-row select,.filter-row input,.filter-row button{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:inherit;font-size:13px;transition:background .3s ease,border-color .3s ease,color .3s ease;flex:1;min-width:0}.filter-row select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23606870' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}[data-theme=dark] .filter-row select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23f7f0dc' d='M6 8L2 4h8z'/%3E%3C/svg%3E")}.filter-row button{background:var(--emerald);color:var(--ink);border:none;font-weight:600}[data-theme=dark] .filter-row button{background:var(--emerald);color:var(--ink)}.custom-select{position:relative;flex:1;min-width:0;z-index:30}.custom-select-trigger{padding:10px 30px 10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:inherit;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .3s ease,border-color .3s ease,color .3s ease}.custom-select-trigger:hover{border-color:var(--emerald)}.custom-select-trigger.open{border-color:var(--emerald);border-bottom-left-radius:0;border-bottom-right-radius:0}.custom-select-arrow{color:var(--muted);font-size:12px;transition:transform .2s ease}.custom-select-trigger.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-options{position:absolute;top:100%;left:0;right:0;background:var(--panel);border:1px solid var(--emerald);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px #00000026;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{padding:10px 12px;cursor:pointer;transition:background .15s ease,color .15s ease;font-size:13px}.custom-select-option:hover{background:var(--emerald-soft);color:var(--emerald-strong)}.custom-select-option.selected{background:var(--emerald);color:var(--ink)}.custom-select-option:last-child{border-radius:0 0 var(--radius-sm) var(--radius-sm)}[data-theme=dark] .custom-select-options{box-shadow:0 8px 24px #0006}[data-theme=dark] .custom-select-option:hover{background:var(--deep-gold-glow);color:var(--mint)}[data-theme=dark] .custom-select-option.selected{background:var(--emerald);color:var(--ink)}.tag{padding:4px 10px;border-radius:999px;font-size:12px;background:var(--emerald-soft);color:var(--emerald-strong);font-weight:600;transition:background .3s ease,color .3s ease}[data-theme=dark] .tag{background:var(--deep-gold-glow);color:var(--mint)}.table{width:100%;min-width:fit-content;border-collapse:collapse;font-size:13px;color:var(--ink);transition:color .3s ease}.table.table-wide{min-width:1000px}.table:not(.table-wide){min-width:auto}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#0000000d;margin:0 16px;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#707070;border-radius:4px;border:1px solid rgba(0,0,0,.15)}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#5a5a5a}[data-theme=dark] .table-wrapper::-webkit-scrollbar-track{background:#ffffff0d}[data-theme=dark] .table-wrapper::-webkit-scrollbar-thumb{background:var(--muted);opacity:.5}[data-theme=dark] .table-wrapper::-webkit-scrollbar-thumb:hover{opacity:.8}.table thead th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:8px 6px;transition:color .3s ease;white-space:nowrap}.table thead th:not(:last-child){padding-right:12px}.table tbody tr{border-bottom:1px solid var(--line);transition:border-color .3s ease}.table tbody td{padding:10px 6px;color:var(--ink);transition:color .3s ease;white-space:nowrap}.table tbody td:not(:last-child){padding-right:12px}.table tbody td:first-child,.table thead th:first-child{padding-left:0}.table tbody td:last-child,.table thead th:last-child{padding-right:0}.leaderboard-table{min-width:0}.leaderboard-table .table-wrapper{max-width:100%}.leaderboard-table .table{width:100%;table-layout:auto}.leaderboard-table .table.table-wide{min-width:560px}.leaderboard-table .table thead th,.leaderboard-table .table tbody td{padding-left:6px;padding-right:6px}.leaderboard-table .table thead th:not(:last-child),.leaderboard-table .table tbody td:not(:last-child){padding-right:16px}.page-leaderboard .section{margin-bottom:12px}.page-leaderboard .section-title{margin-bottom:6px;font-size:12px;letter-spacing:.08em}.page-leaderboard .panel{padding:10px 12px}.page-leaderboard .panel.table-panel{min-height:160px}.page-leaderboard .filter-row,.page-leaderboard .filter-row label{gap:6px}.page-leaderboard .filter-row .filter-label{font-size:12px}.page-leaderboard .custom-select-trigger{min-height:32px;padding:6px 10px;font-size:12px}.page-leaderboard .custom-select-option{padding:6px 10px;font-size:12px}.page-leaderboard .table thead th{padding:6px 4px;font-size:10px}.page-leaderboard .table tbody td{padding:6px 4px;font-size:12px}.page-leaderboard .leaderboard-table .table thead th:not(:last-child),.page-leaderboard .leaderboard-table .table tbody td:not(:last-child){padding-right:2px}.page-leaderboard .leaderboard-table .table{width:max-content;display:inline-table}.page-leaderboard .leaderboard-table .table-wrapper{background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.page-leaderboard .leaderboard-table .table thead th{background:transparent}.page-leaderboard .leaderboard-table .table.table-wide{min-width:0}.page-leaderboard .leaderboard-table .table thead th:nth-child(1),.page-leaderboard .leaderboard-table .table tbody td:nth-child(1){width:28px;text-align:right}.page-leaderboard .leaderboard-table .table thead th:nth-child(3),.page-leaderboard .leaderboard-table .table tbody td:nth-child(3){width:50px;text-align:right}.page-leaderboard .leaderboard-table .table thead th:nth-child(4),.page-leaderboard .leaderboard-table .table tbody td:nth-child(4){width:62px;text-align:right}.page-leaderboard .leaderboard-table .table thead th:nth-child(5),.page-leaderboard .leaderboard-table .table tbody td:nth-child(5){width:50px;text-align:right}.page-leaderboard .leaderboard-table .table thead th:nth-child(6),.page-leaderboard .leaderboard-table .table tbody td:nth-child(6){width:28px;text-align:right}.page-leaderboard .leaderboard-table .table thead th:nth-child(n+2),.page-leaderboard .leaderboard-table .table tbody td:nth-child(n+2){padding-left:2px}.page-leaderboard .support-table .table{width:100%;display:table}.page-leaderboard .support-table .table thead th:nth-child(3),.page-leaderboard .support-table .table tbody td:nth-child(3){text-align:right}.page-leaderboard .support-table .table thead th:nth-child(3),.page-leaderboard .support-table .table tbody td:nth-child(3){width:72px}.table-row{display:grid;gap:4px}.pill-positive{color:var(--emerald);font-weight:600;transition:color .3s ease}[data-theme=dark] .pill-positive{color:var(--mint)}.pill-negative{color:var(--danger);font-weight:600;transition:color .3s ease}.chart-frame{width:100%;height:var(--chart-height, 220px);position:relative;overflow:hidden}.xp-level-panel{display:grid;gap:12px;isolation:isolate}.panel.xp-level-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none}.xp-level-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.xp-level-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary, var(--muted))}.xp-level-value{font-size:20px;font-weight:700;color:var(--text-primary, var(--ink))}.xp-level-track{width:100%;height:12px;border-radius:999px;overflow:hidden;border:1px solid var(--glass-border, var(--line));background:#e9eff3;box-shadow:none;position:relative;transform:translateZ(0);backface-visibility:hidden;contain:paint}[data-theme=dark] .xp-level-track{background:#141b24;box-shadow:none}.xp-level-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#22d3ee);box-shadow:none;transition:width .35s ease}.xp-level-track.is-shaking{animation:xp-shake .32s ease-out;will-change:transform}@keyframes xp-shake{0%{transform:translate(0)}25%{transform:translate(2px)}50%{transform:translate(-2px)}75%{transform:translate(2px)}to{transform:translate(0)}}.xp-level-markers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;font-size:11px;color:var(--text-secondary, var(--muted))}.xp-level-markers span:nth-child(1){text-align:left}.xp-level-markers span:nth-child(2),.xp-level-markers span:nth-child(3),.xp-level-markers span:nth-child(4){text-align:center}.xp-level-markers span:nth-child(5){text-align:right}.xp-level-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 12px;font-size:13px;color:var(--text-secondary, var(--muted))}.top-traders-card .trader-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.top-traders-card .trader-head-right{display:inline-flex;align-items:center;gap:10px}.trader-period-toggle{display:inline-flex;align-items:center;padding:2px;border-radius:999px;border:1px solid var(--line);background:var(--platinum-surface-soft);box-shadow:inset 0 0 12px #b2b8be24}[data-theme=dark] .trader-period-toggle{background:var(--deep-gold-surface-soft);border-color:var(--line);box-shadow:inset 0 0 12px var(--deep-gold-glow)}.trader-period-btn{border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.02em;padding:6px 10px;border-radius:999px;cursor:pointer;touch-action:manipulation;transition:background .16s ease,color .16s ease,transform .12s ease}.trader-period-btn.is-active{background:color-mix(in srgb,var(--emerald-soft) 92%,transparent);color:var(--emerald-strong)}[data-theme=dark] .trader-period-btn.is-active{background:var(--deep-gold-glow);color:var(--mint)}[data-theme=light] .top-traders-card{--emerald: #4fb8b0;--emerald-strong: #2f8f8a;--emerald-soft: rgba(79, 184, 176, .35);--mint: #dff7f3}.top-traders-frame{position:relative;overflow:visible}.trader-carousel-wrap{position:relative}.trader-carousel-wrap.has-overlay{min-height:220px}@media (max-width: 420px){.trader-carousel-wrap.has-overlay{min-height:240px}}.trader-carousel{display:flex;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:none;padding:6px 0}.trader-carousel::-webkit-scrollbar{height:0}.trader-slide{flex:0 0 100%;scroll-snap-align:start;padding:14px 10px 10px}.trader-idcard{height:auto;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--emerald) 35%,var(--line));position:relative;-webkit-tap-highlight-color:transparent;transform-style:preserve-3d;--shine-x: 50%;--shine-y: 45%;--tilt-x: 0deg;--tilt-y: 0deg;--holo-a: .3;background:radial-gradient(140% 140% at 12% 6%,rgba(236,239,242,.55) 0%,transparent 58%),radial-gradient(120% 120% at 92% 112%,rgba(178,184,190,.26) 0%,transparent 55%),linear-gradient(160deg,#f7f8fab8,#cdd1d647);backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%);box-shadow:0 0 0 1px #b2b8be1f,inset 0 0 0 1px #ffffff8c,inset 0 0 0 2px #b2b8be29,inset 0 1px #ffffffd1,inset 0 20px 28px #ffffff4d,inset 0 -24px 34px #545c6629,inset 0 16px 26px #e2e5e870;padding:10px;display:grid;grid-template-columns:74px 1fr;gap:10px;overflow:hidden;contain:paint;clip-path:inset(0 round var(--radius-md));-webkit-clip-path:inset(0 round var(--radius-md));transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .16s ease,box-shadow .22s ease,border-color .22s ease;will-change:transform;backface-visibility:hidden;isolation:isolate;background-clip:padding-box}[data-theme=light] .top-traders-card .trader-idcard{border:1px solid color-mix(in srgb,#4fb8b0 40%,var(--line));background:radial-gradient(140% 140% at 12% 6%,rgba(146,231,222,.6) 0%,transparent 58%),radial-gradient(120% 120% at 92% 112%,rgba(84,176,168,.26) 0%,transparent 55%),linear-gradient(160deg,#eaf9f7eb,#bbe5e094);box-shadow:0 0 0 1px #58b8b01f,inset 0 0 0 1px #ffffff9e,inset 0 0 0 2px #58b8b024,inset 0 1px #ffffffd1,inset 0 20px 28px #ffffff52,inset 0 -24px 34px #4878781f,inset 0 16px 26px #c8eeea75}[data-theme=light] .top-traders-card .trader-idcard:before{opacity:.12;background:radial-gradient(140% 120% at 10% 0%,rgba(255,255,255,.22),transparent 60%),radial-gradient(120% 120% at 90% 110%,rgba(88,184,176,.22),transparent 60%),repeating-linear-gradient(135deg,#ffffff0f,#ffffff0f 1px,#0000 1px,#0000 8px)}[data-theme=light] .top-traders-card .trader-idcard:after{background:radial-gradient(circle at var(--shine-x) var(--shine-y),rgba(122,210,201,.5),transparent 64%),conic-gradient(from 180deg at var(--shine-x) var(--shine-y),rgba(84,176,168,.26),rgba(122,210,201,.18),rgba(160,230,223,.22),rgba(122,210,201,.18),rgba(84,176,168,.26)),linear-gradient(115deg,#fff0 34%,#54b0a838 46%,#7ad2c929,#a0e6df33 54%,#fff0 66%),linear-gradient(22deg,#fff0 38%,#7ad2c92e,#fff0 62%),repeating-linear-gradient(135deg,#ffffff0d,#ffffff0d 1px,#0000 1px,#0000 8px);filter:saturate(1.2) contrast(1.08)}.trader-idcard>*{position:relative;z-index:1}.trader-idcard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:.1;mix-blend-mode:overlay;background:radial-gradient(140% 120% at 10% 0%,rgba(255,255,255,.16),transparent 55%),radial-gradient(120% 120% at 90% 110%,rgba(178,184,190,.18),transparent 55%),repeating-linear-gradient(135deg,#ffffff0f,#ffffff0f 1px,#0000 1px,#0000 8px);transform:translateZ(0);z-index:0}.trader-idcard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:var(--holo-a);transition:opacity .2s ease;background:radial-gradient(circle at var(--shine-x) var(--shine-y),rgba(245,246,248,.62),transparent 62%),conic-gradient(from 180deg at var(--shine-x) var(--shine-y),rgba(178,184,190,.3),rgba(201,207,210,.24),rgba(226,229,232,.28),rgba(167,175,176,.22),rgba(178,184,190,.3)),linear-gradient(115deg,#fff0 34%,#c9cfd257 46%,#e2e5e83d,#d2d7dc47 54%,#fff0 66%),linear-gradient(22deg,#fff0 38%,#d2d7dc38,#fff0 62%),repeating-linear-gradient(135deg,#ffffff0d,#ffffff0d 1px,#0000 1px,#0000 8px);background-size:auto,auto,260% 260%,220% 220%,auto;background-position:0 0,0 0,var(--shine-x) var(--shine-y),var(--shine-x) var(--shine-y),0 0;background-blend-mode:screen,overlay,screen,overlay,overlay;filter:saturate(1.25) contrast(1.1);transform:translateZ(0);z-index:0}.trader-idcard:active,.trader-idcard:focus-visible{outline:none;box-shadow:0 0 0 1px #b2b8be2e,0 0 12px #b2b8be2e,inset 0 0 0 1px #ffffffa3,inset 0 0 0 2px #b2b8be33,inset 0 1px #ffffffd6,inset 0 20px 28px #ffffff5c,inset 0 -24px 34px #545c6629,inset 0 16px 26px #e2e5e87a}.trader-idcard:hover{--holo-a: .62;box-shadow:0 0 0 1px #b2b8be33,inset 0 0 0 1px #ffffffa8,inset 0 0 0 2px #b2b8be33,inset 0 1px #ffffffd6,inset 0 20px 28px #ffffff5c,inset 0 -24px 34px #545c6629,inset 0 16px 26px #e2e5e87a}.trader-idcard.is-interactive{--holo-a: .65;box-shadow:0 0 0 1px #b2b8be33,inset 0 0 0 1px #ffffffa8,inset 0 0 0 2px #b2b8be38,inset 0 1px #ffffffd6,inset 0 20px 28px #ffffff5c,inset 0 -24px 34px #545c6629,inset 0 16px 26px #e2e5e880}[data-theme=dark] .trader-idcard{--holo-a: .22;border:1px solid var(--line);background:radial-gradient(140% 140% at 12% 6%,rgba(217,166,54,.3) 0%,transparent 58%),linear-gradient(160deg,var(--deep-gold-surface-strong) 0%,var(--deep-gold-surface-soft) 100%);box-shadow:0 0 0 1px #e7bc5b12,inset 0 1px #ffffff0f,inset 0 18px 26px #ffffff08,inset 0 -22px 32px #00000047,inset 0 14px 18px #e7bc5b17}[data-theme=dark] .trader-idcard:before{opacity:.09;background:radial-gradient(140% 120% at 10% 0%,rgba(255,255,255,.1),transparent 60%),radial-gradient(120% 120% at 90% 110%,rgba(231,188,91,.14),transparent 60%),repeating-linear-gradient(135deg,#ffffff0d,#ffffff0d 1px,#0000 1px,#0000 8px)}[data-theme=dark] .trader-idcard:after{background:radial-gradient(circle at var(--shine-x) var(--shine-y),rgba(231,188,91,.36),transparent 64%),conic-gradient(from 180deg at var(--shine-x) var(--shine-y),rgba(217,166,54,.2),rgba(231,188,91,.14),rgba(240,210,138,.16),rgba(231,188,91,.14),rgba(217,166,54,.2)),linear-gradient(115deg,#fff0 34%,#d9a6363d 46%,#e7bc5b24,#f0d28a2e 54%,#fff0 66%),linear-gradient(22deg,#fff0 38%,#e7bc5b29,#fff0 62%),repeating-linear-gradient(135deg,#ffffff09,#ffffff09 1px,#0000 1px,#0000 8px);background-size:auto,auto,260% 260%,220% 220%,auto;background-position:0 0,0 0,var(--shine-x) var(--shine-y),var(--shine-x) var(--shine-y),0 0;background-blend-mode:screen,overlay,screen,overlay,overlay}@media (prefers-reduced-motion: reduce){.trader-idcard{transform:none;transition:none}.trader-idcard:after{opacity:.22!important;animation:none!important;transition:none}}@media (hover: none) and (prefers-reduced-motion: no-preference){.trader-idcard:not(.is-interactive){transform:none}}.trader-left{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.trader-rank{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--emerald-soft) 90%,transparent);border:1px solid color-mix(in srgb,var(--emerald) 35%,var(--line));color:var(--emerald-strong);font-size:12px;font-weight:800;letter-spacing:.04em}[data-theme=dark] .trader-rank{background:var(--deep-gold-glow);border:1px solid var(--line);color:var(--mint)}.trader-avatar-wrap{width:60px;height:60px;border-radius:999px;border:1px solid color-mix(in srgb,var(--emerald) 35%,var(--line));background:#ffffff1a;box-shadow:0 0 0 4px #b2b8be33;overflow:hidden;display:flex;align-items:center;justify-content:center}[data-theme=dark] .trader-avatar-wrap{background:var(--deep-gold-surface-soft);border:1px solid var(--line);box-shadow:0 0 0 4px #e0b74c17}.trader-avatar{width:100%;height:100%;object-fit:cover;display:block}.trader-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:var(--muted);background:#ffffff14;text-transform:uppercase}.trader-gyro-hint{position:absolute;right:10px;bottom:10px;padding:8px 10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--emerald) 35%,var(--line));background:#ffffff9e;color:#5f666cf2;font-size:11px;font-weight:800;letter-spacing:.01em;z-index:2;pointer-events:none;max-width:min(240px,70vw);opacity:0;transform:translateY(2px);animation:gyroHintIn .18s ease-out forwards}[data-theme=dark] .trader-gyro-hint{background:var(--deep-gold-surface-strong);border:1px solid var(--line);color:#f7f0dceb}@keyframes gyroHintIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (hover: none) and (prefers-reduced-motion: no-preference){.trader-idcard{--holo-a: .38}.trader-idcard:after{filter:saturate(1.3) contrast(1.12)}[data-theme=dark] .trader-idcard{--holo-a: .3}.trader-idcard:not(.is-interactive){transform:none}}.trader-right{min-width:0;display:flex;flex-direction:column;gap:6px}.trader-name{font-size:14px;font-weight:800;letter-spacing:.01em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .trader-name{color:var(--ink)}.trader-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.trader-metric{min-width:0}.trader-metric-wide{grid-column:1 / -1}.trader-metric-wide .trader-metric-value{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.15}.trader-metric-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#6f6b64d9}[data-theme=dark] .trader-metric-label{color:#c7d4e2e0}.trader-metric-value{margin-top:2px;font-size:12px;font-weight:800;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trader-dots-row{margin-top:10px;display:flex;justify-content:center}.trader-dots{display:inline-flex;align-items:center;gap:8px}.trader-dot{width:7px;height:7px;border-radius:999px;border:0;background:#8e969959;cursor:pointer;padding:0}[data-theme=dark] .trader-dot{background:#adc7e073}.trader-dot.is-active{background:#a7afb0e6;box-shadow:0 0 0 3px #a7afb038}[data-theme=dark] .trader-dot.is-active{background:var(--mint);box-shadow:0 0 0 3px var(--deep-gold-glow)}@media (max-width: 420px){.header{padding:14px 14px 10px;padding-top:max(14px,env(safe-area-inset-top,0px))}.header-title{gap:8px}.brand{font-size:clamp(14px,4.5vw,17px)}.brand-by{font-size:12px;letter-spacing:.04em}.brand-by-pill{padding:3px 8px;max-width:min(46vw,180px)}.trader-idcard{grid-template-columns:68px 1fr;gap:10px;padding:10px}.trader-avatar-wrap{width:56px;height:56px}.trader-metrics{gap:9px 10px}.trader-period-btn{padding:6px 8px}}.chart-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:8px;color:var(--muted);font-size:13px;text-align:center;pointer-events:none}.last-trade-image-wrap{display:flex;justify-content:center;margin-top:12px}.last-trade-image{width:100%;max-width:360px;border-radius:12px;box-shadow:0 12px 24px #04100e40}.last-trade-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}.last-trade-symbol,.last-trade-date{color:var(--text-soft);font-size:13px;letter-spacing:.01em}.last-trade-date{margin-left:auto}.chart{width:100%!important;height:100%!important;display:block}.maintenance-screen{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:32px 16px}.maintenance-video{width:min(320px,70vw);aspect-ratio:1 / 1;border-radius:16px;box-shadow:0 16px 40px #0a14122e;overflow:hidden;display:block;object-fit:contain}.maintenance-text{display:inline-block;font-weight:600;color:var(--ink);letter-spacing:.01em}.maintenance-dots{display:inline-block;margin-left:.2em;vertical-align:baseline}.maintenance-dot{display:inline-block;line-height:1;opacity:0;animation:maintenanceDot 1.2s ease-in-out infinite}.maintenance-dot:nth-child(1){animation-delay:0s}.maintenance-dot:nth-child(2){animation-delay:.2s}.maintenance-dot:nth-child(3){animation-delay:.4s}@keyframes maintenanceDot{0%,10%{opacity:0}30%,60%{opacity:1}80%,to{opacity:0}}.bottom-nav{position:fixed;bottom:12px;left:12px;right:12px;background:#eff0f2ad;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:999px;border:1px solid var(--platinum-rim);display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;box-shadow:0 8px 32px #545c6626,0 2px 8px #545c6614,inset 0 1px #ffffffbf;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;z-index:100}[data-theme=dark] .bottom-nav{background:var(--deep-gold-surface-soft);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--line);box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,inset 0 1px #f5dc9829}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding:6px 4px;border-radius:999px;color:var(--muted);text-decoration:none;font-size:11px;font-weight:600;transition:color .3s ease,background .3s ease,backdrop-filter .3s ease,opacity .3s ease}.nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.nav-icon{width:24px;height:24px;object-fit:contain}.nav-badge{position:absolute;top:-2px;right:-6px;width:10px;height:10px;border-radius:50%;background:var(--emerald);border:2px solid var(--panel)}.nav-item.active .nav-badge{background:var(--emerald)}[data-theme=dark] .nav-badge,[data-theme=dark] .nav-item.active .nav-badge{background:var(--mint)}.nav-item.active{color:var(--emerald);position:relative}.nav-item.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--platinum-glow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--platinum-rim);border-radius:999px;box-shadow:0 2px 8px #00000014;z-index:-1;animation:fadeOutFrame 1s ease-out .5s forwards}@keyframes fadeOutFrame{0%{opacity:1}to{opacity:0}}[data-theme=dark] .nav-item{color:var(--muted)}[data-theme=dark] .nav-item.active{color:var(--mint)}[data-theme=dark] .nav-item.active:before{background:var(--deep-gold-glow);border:1px solid var(--deep-gold-rim);box-shadow:0 2px 8px #0003}.empty{padding:20px;text-align:center;color:var(--muted);transition:color .3s ease}.link-button{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:600;background:var(--panel);transition:background .3s ease,border-color .3s ease,color .3s ease}.link-button:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .link-button{background:var(--panel);border:1px solid var(--line);color:var(--ink)}.setting-select{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:inherit;font-size:13px}.subtle{color:var(--muted);font-size:13px;transition:color .3s ease}.rules-content{color:var(--ink);font-size:14px;line-height:1.7}.rules-content h2{margin:0 0 14px;font-size:15px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--ink)}.rules-content p{margin:0 0 18px!important;padding:0;display:block}.rules-content p:last-child{margin-bottom:0!important}@supports selector(:has(*)){.rules-content p:has(>b:only-child){margin-top:24px!important;margin-bottom:12px!important}.rules-content p:first-child:has(>b:only-child){margin-top:0!important}}.rules-content p b:only-child{display:block}.rules-content b{font-weight:600;color:var(--ink)}.rules-content ul{margin:0 0 18px 18px;padding:0}.rules-content li{margin:4px 0}.rules-quote{margin:8px 0 18px;padding:10px 12px;border-left:3px solid #f59e0b;border-radius:10px;background:#0000000f;color:var(--ink);font-style:italic}[data-theme=dark] .rules-quote{background:#ffffff14;border-left-color:#f5b44a}.rules-content code{background:var(--emerald-soft);color:var(--emerald-strong);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;font-weight:600}[data-theme=dark] .rules-content code{background:var(--deep-gold-glow);color:var(--mint)}.rules-content br{line-height:1.7}.support-textarea{width:100%;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:inherit;font-size:14px;resize:vertical;min-height:100px;transition:border-color .3s ease,background .3s ease}.support-textarea:focus{outline:none;border-color:var(--emerald)}.primary-button{padding:10px 20px;border-radius:var(--radius-sm);border:none;background:var(--emerald);color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s ease,opacity .3s ease}.primary-button:hover{background:var(--emerald-strong)}.primary-button:disabled{opacity:.5;cursor:not-allowed}.success-message{margin-top:12px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--emerald-soft);color:var(--emerald-strong);font-size:13px}.error-message{margin-top:12px;padding:10px 12px;border-radius:var(--radius-sm);background:#c94b4026;color:var(--danger);font-size:13px}@media (min-width: 720px){.app-main{max-width:720px;margin:0 auto}.filter-row{grid-template-columns:repeat(3,1fr)}.table{min-width:auto}}@media (max-width: 900px){.app-main,[data-theme=dark] .app-main{background-attachment:scroll}}@media (max-width: 719px){.table{min-width:600px}.chart-frame{height:var(--chart-height-mobile, 200px)}}.version-clickable{cursor:default;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.karma-top-card{display:grid;gap:var(--space-2)}.karma-top-card__main{width:100%}.karma-top-card__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-1)}.karma-top-card__user{min-width:0;font-size:var(--font-lg);font-weight:700;line-height:1.18;color:var(--ink);overflow-wrap:anywhere;word-break:break-word;white-space:initial;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.karma-top-card__xp{justify-self:end;font-size:var(--font-md);font-weight:700;color:var(--emerald-strong);white-space:nowrap}.karma-top-card__facts{display:grid;gap:4px;margin-top:2px}.karma-top-card__fact{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-1);padding:3px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.karma-top-card__fact:last-child{border-bottom:0}.karma-top-card__fact strong{font-size:var(--font-lg);line-height:1.1;color:var(--ink)}.karma-top-card__message{margin-top:2px;padding-top:var(--space-1);border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);line-height:1.35;overflow:visible}.karma-top-card__preview{margin-top:3px;position:relative;max-height:6.4em;overflow:hidden;will-change:max-height;transition:max-height .36s cubic-bezier(.22,1,.36,1)}.karma-top-card__preview:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.2em;background:linear-gradient(180deg,#0000,color-mix(in srgb,var(--panel) 82%,transparent));pointer-events:none;transition:opacity .22s ease}.karma-top-card__preview-inner{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.karma-top-card__preview.karma-top-card__preview--expanded{max-height:none;overflow:visible}.karma-top-card__preview.karma-top-card__preview--expanded:after{opacity:0}.karma-top-card__actions{margin-top:var(--space-1);display:flex;align-items:center;justify-content:space-between;gap:8px}.karma-top-card__action-button{width:auto;min-height:29px;padding:4px 10px;font-size:12px;font-weight:700;border-radius:999px;line-height:1.1}.karma-top-card__action-spacer{width:1px;height:1px;opacity:0}@media (max-width: 540px){.trader-idcard{backdrop-filter:none;-webkit-backdrop-filter:none}.karma-top-card__head{grid-template-columns:minmax(0,1fr)}.karma-top-card__xp{justify-self:start}.karma-top-card__preview{max-height:5.6em}.karma-top-card__preview.karma-top-card__preview--expanded{max-height:1000px}.karma-top-card__actions{gap:6px}.karma-top-card__action-button{min-height:28px;padding:4px 8px}}@media (prefers-reduced-motion: reduce){.karma-top-card__preview{transition:none}}[data-theme=light] .section-title,[data-theme=light] .card-label,[data-theme=light] .subtle{color:var(--graphite-ink-soft)}[data-theme=light] .panel{background:linear-gradient(165deg,var(--platinum-layer-2) 0%,var(--platinum-layer-3) 100%);border:1px solid var(--graphite-rim-soft);box-shadow:var(--elevation-1)}[data-theme=light] .card{background:linear-gradient(160deg,var(--platinum-layer-1) 0%,var(--platinum-layer-2) 100%);border:1px solid var(--graphite-rim-soft);box-shadow:inset 0 1px #ffffffb8}[data-theme=light] .karma-top-card__message{border-top-color:#76808a47}[data-theme=light] .karma-top-card__fact{border-bottom-color:#76808a47}[data-theme=light] .filter-row button,[data-theme=light] .primary-button{background:linear-gradient(165deg,#d6dce1f5,#c4ccd4eb);color:var(--graphite-ink-strong);border:1px solid var(--graphite-rim-strong);box-shadow:0 8px 16px #545c6629}[data-theme=light] .filter-row button:hover,[data-theme=light] .primary-button:hover{background:linear-gradient(165deg,#ccd3dafa,#b8c1c9f0);box-shadow:0 10px 20px #545c6633}[data-theme=light] .custom-select-trigger:hover,[data-theme=light] .custom-select-trigger.open{border-color:var(--graphite-rim-strong);box-shadow:0 0 0 2px var(--graphite-glow-soft)}[data-theme=light] .custom-select-option.selected{background:linear-gradient(160deg,#d3d9dff5,#c1c9d1f0);color:var(--graphite-ink-strong)}[data-theme=light] .bottom-nav{background:linear-gradient(180deg,#eef0f3c7,#e4e8ecb8);border:1px solid var(--graphite-rim-soft);box-shadow:0 10px 30px #545c6624,0 3px 10px #545c6614,inset 0 1px #ffffffd1}[data-theme=light] .nav-item.active:before{background:var(--graphite-glow-strong);border:1px solid var(--graphite-rim-strong);box-shadow:0 3px 10px #545c6624}[data-theme=light] .nav-badge,[data-theme=light] .nav-item.active .nav-badge{background:var(--graphite-ink-strong)}[data-theme=light] .pill,[data-theme=light] .tag{color:var(--graphite-ink-strong);border:1px solid var(--graphite-rim-soft)}[data-theme=light] .pill{background:color-mix(in srgb,var(--graphite-glow-soft) 86%,transparent)}[data-theme=light] .tag{background:color-mix(in srgb,var(--graphite-glow-strong) 74%,transparent)}[data-theme=light] .theme-pill.active{color:var(--graphite-ink-strong);background:color-mix(in srgb,var(--graphite-glow-strong) 78%,transparent);border-color:var(--graphite-rim-strong)}[data-theme=light] .pill-positive{color:var(--graphite-ink-strong)}:root{--bg-image-light: url(/assets/day-glass-DzGgNXhW.jpg);--bg-image-dark: url(/assets/night-glass-DCsRRt00.jpg);--surface-1: rgba(255, 255, 255, .28);--surface-2: rgba(255, 255, 255, .2);--surface-3: rgba(255, 255, 255, .14);--glass-border: rgba(255, 255, 255, .52);--glass-border-strong: rgba(255, 255, 255, .72);--glass-shadow: 0 16px 42px rgba(21, 29, 37, .22);--glass-shadow-strong: 0 22px 52px rgba(16, 22, 30, .28);--glass-blur: 22px;--glass-blur-soft: 14px;--text-primary: #1f2933;--text-secondary: #4a5a67;--action: rgba(126, 146, 166, .34);--action-strong: rgba(97, 118, 138, .52);--chart-line: rgba(66, 90, 114, .95);--chart-fill: rgba(116, 140, 163, .32);--chart-axis: rgba(46, 61, 75, .88);--chart-grid: rgba(75, 94, 111, .2);--ink: var(--text-primary);--muted: var(--text-secondary);--line: var(--glass-border);--panel: var(--surface-2);--emerald: #7e92a6;--emerald-strong: #5f768a;--emerald-soft: rgba(126, 146, 166, .35);--mint: #dce6ef}@supports (background-image: image-set(url(x.webp) type("image/webp"),url(x.jpg) type("image/jpeg"))){:root{--bg-image-light: image-set(url(/assets/day-glass-U7uV25fK.webp) type("image/webp"), url(/assets/day-glass-DzGgNXhW.jpg) type("image/jpeg"));--bg-image-dark: image-set(url(/assets/night-glass-gVrX5HfG.webp) type("image/webp"), url(/assets/night-glass-DCsRRt00.jpg) type("image/jpeg"))}}[data-theme=dark]{--surface-1: rgba(8, 16, 27, .34);--surface-2: rgba(8, 16, 27, .26);--surface-3: rgba(8, 16, 27, .2);--glass-border: rgba(198, 219, 242, .34);--glass-border-strong: rgba(224, 238, 252, .52);--glass-shadow: 0 18px 46px rgba(0, 0, 0, .42);--glass-shadow-strong: 0 26px 58px rgba(0, 0, 0, .5);--text-primary: #ecf4fb;--text-secondary: #c7d4e1;--action: rgba(127, 157, 187, .35);--action-strong: rgba(173, 199, 224, .45);--chart-line: rgba(182, 209, 235, .94);--chart-fill: rgba(148, 177, 204, .3);--chart-axis: rgba(223, 235, 246, .88);--chart-grid: rgba(193, 212, 230, .22);--ink: var(--text-primary);--muted: var(--text-secondary);--line: var(--glass-border);--panel: var(--surface-2);--emerald: #aec4d9;--emerald-strong: #dbe9f6;--emerald-soft: rgba(174, 196, 217, .32);--mint: #edf6ff}body{background:#141d27}[data-theme=light] body{background:#e6edf4}[data-theme=dark] body{background:#0a121d}.app{position:relative;isolation:isolate;background-image:none}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;pointer-events:none;background-image:var(--bg-image-light);background-size:cover;background-position:center top;background-repeat:no-repeat;transform:scale(1.02)}[data-theme=dark] .app:before{background-image:var(--bg-image-dark)}.app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(125% 105% at 16% 4%,#ffffff52,#ffffff14 42%,#14192133 92%),linear-gradient(180deg,#f4f7fa57,#e4ebf129 45%,#d7e0e847)}[data-theme=dark] .app:after{background:radial-gradient(110% 95% at 20% 2%,#bcd6ee3d,#1523333d 38%,#080c147a),linear-gradient(180deg,#080f174d,#080c136b 52%,#060a108f)}.app-main{background:transparent;backdrop-filter:saturate(105%);-webkit-backdrop-filter:saturate(105%)}.app-main--profile{backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=light] .app-main,[data-theme=dark] .app-main{background:transparent}.header{background:linear-gradient(180deg,var(--surface-1) 0%,var(--surface-2) 100%);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--glass-blur)) saturate(145%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(145%)}.section-title{color:var(--text-primary);text-shadow:0 1px 10px rgba(16,20,26,.2)}.subtle{color:var(--text-secondary)}.panel{background:linear-gradient(165deg,var(--surface-1) 0%,var(--surface-2) 100%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--glass-blur-soft)) saturate(142%);-webkit-backdrop-filter:blur(var(--glass-blur-soft)) saturate(142%)}.card{background:linear-gradient(160deg,var(--surface-2) 0%,var(--surface-3) 100%);border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px #ffffff3d;backdrop-filter:blur(calc(var(--glass-blur-soft) * .9)) saturate(128%);-webkit-backdrop-filter:blur(calc(var(--glass-blur-soft) * .9)) saturate(128%)}.card-label{color:var(--text-secondary)}.card-value{color:var(--text-primary)}.table-wrapper{background:linear-gradient(160deg,#ffffff3d,#ffffff1f);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(calc(var(--glass-blur-soft) * .95)) saturate(132%);-webkit-backdrop-filter:blur(calc(var(--glass-blur-soft) * .95)) saturate(132%)}.table thead th{color:var(--text-primary);background:#ffffff29;border-bottom:1px solid var(--glass-border-strong)}.table tbody tr{border-bottom:1px solid rgba(255,255,255,.22)}.table td{color:var(--text-primary)}.filter-row select,.filter-row input,.filter-row button,.custom-select-trigger,.custom-select-options,.link-button,.primary-button{background:linear-gradient(170deg,var(--surface-2) 0%,var(--surface-3) 100%);border:1px solid var(--glass-border);color:var(--text-primary);box-shadow:0 8px 24px #0f161e29;backdrop-filter:blur(calc(var(--glass-blur-soft) * .9)) saturate(138%);-webkit-backdrop-filter:blur(calc(var(--glass-blur-soft) * .9)) saturate(138%)}.custom-select-options{background-color:#f7f9fb!important;border:1px solid rgba(15,20,26,.18);border-top:none;box-shadow:0 18px 40px #0c121a59;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important;mix-blend-mode:normal;filter:none;z-index:1000!important}.filter-row .filter-label{color:var(--text-secondary)}.filter-row button:hover,.primary-button:hover,.custom-select-trigger:hover,.custom-select-trigger.open,.link-button:hover{border-color:var(--glass-border-strong);box-shadow:0 12px 30px #1018223d}.custom-select-option{background-color:#f7f9fb!important;color:#111827!important}.custom-select-option+.custom-select-option{border-top:1px solid rgba(15,20,26,.08)}.custom-select-option:hover,.custom-select-option.selected{background-color:#eef2f6!important;color:#0f172a!important}[data-theme=dark] .custom-select-options{background-color:#0f172a!important;border:1px solid rgba(255,255,255,.12);border-top:none;box-shadow:0 18px 40px #0009}[data-theme=dark] .custom-select-option{background-color:#0f172a!important;color:#e5e7eb!important}[data-theme=dark] .custom-select-option+.custom-select-option{border-top:1px solid rgba(255,255,255,.08)}[data-theme=dark] .custom-select-option:hover,[data-theme=dark] .custom-select-option.selected{background-color:#111c2f!important;color:#f9fafb!important}.bottom-nav{background:linear-gradient(180deg,var(--surface-1) 0%,var(--surface-2) 100%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-strong);backdrop-filter:blur(var(--glass-blur)) saturate(155%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(155%)}.nav-item{color:var(--text-secondary)}.nav-item.active{color:var(--text-primary)}.nav-item.active:before{background:var(--action);border:1px solid var(--glass-border-strong);box-shadow:inset 0 1px #ffffff47,0 6px 18px #0f18223d}.nav-badge{background:var(--action-strong)}.pill,.tag,.theme-pill{background:#ffffff24;border:1px solid var(--glass-border);color:var(--text-primary)}.theme-pill.active,.pill-positive{background:var(--action);border-color:var(--glass-border-strong);color:var(--text-primary)}.theme-pills{background:linear-gradient(160deg,var(--surface-2) 0%,var(--surface-3) 100%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.empty{color:var(--text-secondary)}.error-overlay-panel{margin:18px;border-color:#ff7c7c75}.error-overlay-value{color:#d14949}.best-xp-value{margin-bottom:6px;color:var(--text-primary)}.link-button-telegram{background:linear-gradient(160deg,var(--action-strong) 0%,var(--action) 100%);color:#f5f8fb;border-color:#ffffff8c;font-weight:600}[data-theme=dark] .link-button-telegram{background:linear-gradient(160deg,#f0d28af2,#d9a636f2);color:#1b1406;border-color:#ffffff59;box-shadow:0 6px 16px #00000047}[data-theme=light] .panel,[data-theme=dark] .panel{background:linear-gradient(165deg,var(--surface-1) 0%,var(--surface-2) 100%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}[data-theme=light] .card,[data-theme=dark] .card{background:linear-gradient(160deg,var(--surface-2) 0%,var(--surface-3) 100%);border:1px solid var(--glass-border);box-shadow:inset 0 1px #ffffff3d}[data-theme=light] .bottom-nav,[data-theme=dark] .bottom-nav{background:linear-gradient(180deg,var(--surface-1) 0%,var(--surface-2) 100%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-strong)}[data-theme=light] .nav-item.active:before,[data-theme=dark] .nav-item.active:before{background:var(--action);border:1px solid var(--glass-border-strong)}[data-theme=light] .filter-row button,[data-theme=light] .primary-button,[data-theme=dark] .filter-row button,[data-theme=dark] .primary-button{background:linear-gradient(170deg,var(--surface-2) 0%,var(--surface-3) 100%);border:1px solid var(--glass-border);color:var(--text-primary)}[data-theme=light] .custom-select-option.selected,[data-theme=dark] .custom-select-option.selected{background:#ffffff2e;color:var(--text-primary)}[data-theme=dark] .header{background:linear-gradient(180deg,var(--surface-1) 0%,var(--surface-2) 100%);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--glass-blur)) saturate(145%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(145%)}[data-theme=dark] .brand-by{color:var(--text-secondary);text-shadow:0 0 6px rgba(173,199,224,.28)}[data-theme=dark] .brand-by-pill{background:#7f9dbb38;border:1px solid var(--glass-border);box-shadow:inset 0 0 10px #adc7e024}[data-theme=dark] .trader-period-toggle{background:#08101b5c;border-color:var(--glass-border);box-shadow:inset 0 0 10px #adc7e01f}[data-theme=dark] .trader-period-btn.is-active{background:var(--action);color:var(--text-primary)}[data-theme=dark] .trader-dot.is-active{background:var(--action-strong);box-shadow:0 0 0 3px #7f9dbb47}.app-main{padding:var(--space-4) var(--space-4) calc(88px + env(safe-area-inset-bottom,0px))}.header{padding:var(--space-4) var(--space-4) calc(10px * var(--ui-density));padding-top:max(var(--space-4),env(safe-area-inset-top,0px))}.brand{font-size:clamp(15px,4.2vw,19px)}.brand-by{font-size:var(--font-sm)}.brand-by-pill{padding:3px 9px}.section{margin-bottom:calc(16px * var(--ui-density))}.section-title{font-size:var(--font-sm);margin-bottom:var(--space-1)}.panel{padding:var(--space-3)}.grid{gap:var(--space-2)}.card{padding:var(--space-2)}.card-label,.subtle{font-size:var(--font-xs)}.card-value{margin-top:var(--space-1);font-size:var(--font-xl)}.filter-row{gap:var(--space-2)}.filter-row select,.filter-row input,.filter-row button,.custom-select-trigger,.link-button,.primary-button{min-height:var(--touch-target-min);padding:var(--space-1) var(--space-2);font-size:var(--font-sm)}.bottom-nav{left:10px;right:10px;bottom:10px;gap:4px;padding:6px}.nav-item{min-height:var(--touch-target-min);padding:4px 3px;gap:3px;font-size:11px}.nav-icon{width:22px;height:22px}.top-traders-card .trader-head{gap:var(--space-1)}.trader-period-btn{min-height:30px;padding:5px 9px}.trader-slide{padding:10px 8px 8px}.trader-idcard{grid-template-columns:62px 1fr;gap:var(--space-1);padding:var(--space-2)}.karma-top-card__actions{justify-content:flex-start;gap:6px;flex-wrap:wrap}.karma-top-card__actions .karma-top-card__action-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-height:22px;padding:2px 7px;font-size:10px;line-height:1;white-space:nowrap;border-radius:13px}.trader-left{gap:var(--space-1)}.trader-rank{height:20px;padding:0 8px;font-size:11px}.trader-avatar-wrap{width:50px;height:50px}.trader-right{gap:5px}.trader-name{font-size:var(--font-md)}.trader-metrics{gap:5px 8px}.trader-metric-label{font-size:10px}.trader-metric-value{font-size:var(--font-sm)}.table thead th{font-size:var(--font-xs)}.table td{font-size:var(--font-sm)}@media (max-width: 420px){.header{padding:12px 12px 9px;padding-top:max(12px,env(safe-area-inset-top,0px))}.app-main{padding:12px 12px calc(88px + env(safe-area-inset-bottom,0px))}.trader-idcard{grid-template-columns:58px 1fr;gap:7px}.karma-top-card__actions .karma-top-card__action-button{min-height:22px;padding:2px 7px;font-size:10px}.trader-avatar-wrap{width:46px;height:46px}.trader-period-btn{padding:5px 7px}}