:root{--bg: #f5f5f7;--bg-deep: #eaeaea;--bg-glow: #f5f5f7;--sidebar-bg: #fafafa;--card-bg: #ffffff;--card-bg-2: #f5f5f7;--glass: rgba(255,255,255,.72);--glass-2: rgba(255,255,255,.86);--ink: #1d1d1f;--primary: #0071e3;--primary-light: #42a5f5;--primary-dark: #006edb;--primary-glow: rgba(0,113,227,.35);--accent: #2f7d5b;--accent-light: #3f8f6b;--warn: #ff9500;--warn-light: #ffb340;--danger: #ff3b30;--danger-light: #ff6961;--pink: #ff2d55;--cyan: #0071e3;--indigo: #5e5ce6;--text: #1d1d1f;--text-secondary: #6e6e73;--text-muted: #86868b;--border: rgba(0,0,0,.08);--border-light: rgba(0,0,0,.04);--border-strong: rgba(0,0,0,.1);--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow: 0 4px 16px rgba(0,0,0,.06);--shadow-md: 0 8px 24px rgba(0,0,0,.08);--shadow-lg: 0 16px 40px rgba(0,0,0,.1);--shadow-xl: 0 24px 60px rgba(0,0,0,.14);--glow-primary: 0 0 0 1px rgba(0,113,227,.3), 0 8px 32px rgba(0,113,227,.14);--ease: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.5, 1.6, .5, 1);--radius-xl: 22px;--radius-lg: 18px;--radius: 14px;--radius-sm: 10px;--radius-xs: 8px;--transition: .32s cubic-bezier(.16, 1, .3, 1);--transition-spring: .5s cubic-bezier(.5, 1.6, .5, 1)}body.dark{--bg: #0a0c18;--bg-deep: #05060d;--bg-glow: #12152e;--sidebar-bg: #11142a;--card-bg: #1c2038;--card-bg-2: #252a48;--glass: rgba(28, 32, 56, .6);--glass-2: rgba(40, 44, 76, .72);--ink: #eef1f8;--primary: #0a84ff;--primary-light: #42a5f5;--primary-dark: #3d9bff;--primary-glow: rgba(10,132,255,.4);--accent: #3f8f6b;--accent-light: #4ca57a;--warn: #ff9f0a;--warn-light: #ffb340;--danger: #ff453a;--danger-light: #ff6961;--pink: #ff375f;--cyan: #0a84ff;--indigo: #6e6cf5;--text: #eef1f8;--text-secondary: #9aa3b8;--text-muted: #5e6781;--border: rgba(255,255,255,.07);--border-light: rgba(255,255,255,.045);--border-strong: rgba(255,255,255,.12);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow: 0 4px 16px rgba(0,0,0,.22);--shadow-md: 0 8px 24px rgba(0,0,0,.32);--shadow-lg: 0 16px 40px rgba(0,0,0,.4);--shadow-xl: 0 24px 60px rgba(0,0,0,.5);--glow-primary: 0 0 0 1px rgba(10,132,255,.3), 0 8px 32px rgba(10,132,255,.2);background:#0a0c18;background-attachment:fixed}body.dark .stat-label{color:#9aa3b8}body.dark th{background:linear-gradient(180deg,#0a0c18eb,#1c2038d9)}body.dark tbody tr:nth-child(2n) td{background:#ffffff06}body.dark tbody tr:hover td{background:#0a84ff1a!important}body.dark .drill-table th{background:#0a0c1899}body.dark .drill-table tbody tr:hover td{background:#0a84ff1a}body.dark .kpi-hero{background:#3f8f6b14;border-color:var(--border-strong);box-shadow:0 8px 28px #0006}body.dark .kpi-hero .stat-label{color:var(--text-secondary)}body.dark .kpi-hero .stat-value{color:#fff}body.dark .kpi-hero .stat-icon{background:var(--card-bg-2);color:var(--text-secondary)}body.dark .kpi-hero .stat-trend{background:#3f8f6b29;color:var(--accent-light)}body.calendar-mode{display:block;min-height:auto;background:#f5f5f7;background-attachment:fixed}.theme-toggle-wrap{margin-top:auto;padding:14px 16px;border-top:1px solid var(--border-light)}.theme-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition)}.theme-toggle:hover{background:var(--card-bg-2);color:var(--text);border-color:var(--primary-light);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0) scale(.98)}.theme-toggle .theme-icon{font-size:16px;display:inline-flex;width:20px;justify-content:center}.layout-row.sidebar-collapsed .theme-toggle-wrap{display:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Noto Sans SC,Inter,system-ui,sans-serif;background:var(--bg);background-attachment:fixed;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column;transition:background-color .3s var(--ease)}.layout-row{display:flex;flex:1;min-height:0;transition:padding-left .35s var(--ease)}.layout-row.sidebar-collapsed{padding-left:0}.sidebar{width:230px;background:var(--glass);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-right:1px solid var(--border);padding:24px 0;display:flex;flex-direction:column;position:sticky;top:57px;left:0;flex-shrink:0;align-self:flex-start;height:calc(100vh - 57px);overflow:hidden;transition:width .35s var(--ease),margin-left .35s var(--ease)}.layout-row.sidebar-collapsed .sidebar{width:0;margin-left:-1px;border-right:none}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 22px 28px;border-bottom:1px solid var(--border-light);margin-bottom:8px;transition:padding .3s var(--ease);position:relative}.layout-row.sidebar-collapsed .sidebar-brand{padding:0 8px 20px;justify-content:center}.sidebar-toggle{margin-left:auto;width:26px;height:26px;background:var(--card-bg);border:1px solid var(--border);border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;color:var(--text-muted);font-weight:600;transition:all .25s var(--ease);flex-shrink:0;box-shadow:var(--shadow-sm)}.sidebar-toggle:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #0071e34d;transform:scale(1.05)}.sidebar-toggle .arrow{transition:transform .35s var(--ease);display:inline-block}.layout-row.sidebar-collapsed .sidebar-toggle{margin-left:0}.layout-row.sidebar-collapsed .sidebar-toggle .arrow{transform:rotate(180deg)}.layout-row.sidebar-collapsed .sidebar-brand-name,.layout-row.sidebar-collapsed .sidebar-brand-sub,.layout-row.sidebar-collapsed .sidebar-section,.layout-row.sidebar-collapsed .sidebar-section .sidebar-group-body,.layout-row.sidebar-collapsed .sidebar-section .sidebar-group-title{display:none}.sidebar-fab{display:none;position:fixed;top:73px;left:16px;width:44px;height:44px;background:var(--primary);color:#fff;border:none;border-radius:12px;align-items:center;justify-content:center;cursor:pointer;font-size:18px;z-index:70;box-shadow:0 4px 12px #0071e32e;transition:all .3s var(--ease)}.sidebar-fab:hover{transform:scale(1.06) translateY(-1px);box-shadow:0 8px 22px #0071e34d}.layout-row.sidebar-collapsed .sidebar-fab{display:flex}.sidebar-brand-icon{width:36px;height:36px;border-radius:10px;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;box-shadow:0 2px 8px #0071e32e}.sidebar-brand-name{font-size:15px;font-weight:700;color:var(--text)}.sidebar-brand-sub{font-size:11px;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase}.sidebar-section{margin-bottom:8px}.sidebar-group-title{font-size:10px;font-weight:600;letter-spacing:1.2px;color:var(--text-muted);padding:12px 22px 6px;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:6px;transition:color .2s var(--ease)}.sidebar-group-title:hover{color:var(--text)}.sidebar-group-title .caret{font-size:9px;transition:transform .25s var(--ease);display:inline-block}.sidebar-section.collapsed .sidebar-group-title .caret{transform:rotate(-90deg)}.sidebar-group-body{max-height:500px;overflow:hidden;transition:max-height .3s var(--ease),opacity .2s var(--ease);opacity:1}.sidebar-section.collapsed .sidebar-group-body{max-height:0;opacity:0}.sidebar-item{display:flex;align-items:center;gap:10px;padding:9px 22px;color:var(--text-secondary);font-size:13.5px;cursor:pointer;transition:all .25s var(--ease);position:relative;border-left:3px solid transparent;-webkit-user-select:none;user-select:none}.sidebar-item:hover{background:#0071e314;color:var(--primary)}.sidebar-item.active{background:#0071e31f;color:var(--primary);border-left-color:var(--primary);font-weight:600}.sidebar-item-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.main-content{flex:1;min-width:0;display:flex;flex-direction:column}.app-header{background:var(--glass);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);padding:20px 32px;border-bottom:1px solid var(--border-strong);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.app-header-meta{display:none}.app-header-date{font-size:18px;font-weight:700;color:var(--text);letter-spacing:.5px}.app-header-title{font-size:24px;font-weight:700;color:var(--text);letter-spacing:-.5px;margin:0}.app-header-title .accent{color:var(--primary)}.app-header-sub{font-size:17px;font-weight:500;line-height:1.6;letter-spacing:.3px;background:linear-gradient(90deg,var(--text-secondary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.app-header-sub .accent{font-weight:700;-webkit-text-fill-color:var(--primary-dark);color:var(--primary-dark)}.app-header-right{display:flex;align-items:center;gap:12px;position:relative}.export-dropdown{position:relative}.export-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;background:var(--glass-2);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:220px;z-index:50;padding:6px;animation:fadeIn .2s var(--ease)}.export-menu.open{display:block}.export-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border:none;background:transparent;cursor:pointer;text-align:left;border-radius:var(--radius-sm);font-size:13px;color:var(--text);transition:background .15s var(--ease)}.export-menu button:hover{background:var(--card-bg-2)}.export-menu button span{font-size:15px}.export-menu hr{margin:4px 0;border:none;border-top:1px solid var(--border-light)}.btn-adminator{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--card-bg);color:var(--text);transition:all .25s var(--ease)}.btn-adminator:hover{background:var(--card-bg-2);border-color:var(--primary-light);transform:translateY(-1px)}.btn-adminator.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px #0071e340}.btn-adminator.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 4px 12px #0071e359}.sync-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:5px 14px;border-radius:20px;background:#0071e31a;color:var(--primary);border:1px solid rgba(0,113,227,.2);font-weight:500}.sync-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px #10b98180}.sync-badge.error .dot{background:var(--danger);box-shadow:0 0 6px #ef444480}.sync-badge.local{background:#f59e0b1a;border-color:#f59e0b40;color:var(--warn)}.sync-badge.local .dot{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.theme-toggle-header{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border);background:var(--card-bg);color:var(--text);font-size:18px;line-height:1;cursor:pointer;transition:all .25s var(--ease);box-shadow:var(--shadow-sm);flex-shrink:0}.theme-toggle-header:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.theme-toggle-header .theme-toggle-icon{display:inline-block;transition:transform .3s var(--ease)}.theme-toggle-header:hover .theme-toggle-icon{transform:scale(1.15) rotate(12deg)}body.dark .theme-toggle-header{background:#1c2038;border-color:#ffffff1a;box-shadow:0 2px 10px #0006}.container{max-width:1520px;margin:0 auto;padding:20px 28px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{background:var(--glass);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-radius:var(--radius-lg);padding:20px 22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);border:1px solid var(--border);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 0 1px #0071e338;border-color:#0071e366}.kpi-hero{background:var(--card-bg);border:1px solid var(--border-strong);box-shadow:var(--shadow)}.kpi-hero .stat-label{color:var(--text-secondary)}.kpi-hero .stat-value{color:var(--text);font-size:56px;letter-spacing:-2px}.kpi-hero .stat-sub{color:var(--text-muted)}.kpi-hero .stat-icon{background:var(--card-bg-2);color:var(--text-secondary)}.kpi-hero .stat-trend{background:#2f7d5b1a;color:var(--accent)}.kpi-hero:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#2f7d5b47}.stat-card-top{display:flex;align-items:center;justify-content:space-between}.stat-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.stat-icon.c1{background:#0071e31f;color:var(--primary)}.stat-icon.c2{background:#2f7d5b1f;color:var(--accent)}.stat-icon.c3{background:#f59e0b1f;color:var(--warn)}.stat-icon.c4{background:#ec48991f;color:var(--pink)}.stat-label{font-size:11px;color:var(--text-secondary);letter-spacing:.8px;font-weight:600;text-transform:uppercase}.stat-trend{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;background:#2f7d5b1a;color:var(--accent)}.stat-trend.down{background:#ef44441f;color:var(--danger)}.stat-trend.steady{background:#94a3b82e;color:var(--text-secondary)}.stat-trend .arrow{font-size:10px}.stat-value{font-size:42px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);line-height:1;letter-spacing:-1.5px}.stat-value .unit{font-size:16px;color:var(--text-muted);font-weight:500;margin-left:3px}.stat-sub{font-size:15px;color:var(--text-muted)}.stat-sub .arrow-up{color:var(--accent);margin-right:2px}.stat-sub .arrow-down{color:var(--danger);margin-right:2px}.stat-sub .num{color:var(--text-secondary);font-weight:600}.filter-bar{background:var(--glass);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-radius:var(--radius-lg);padding:14px 20px;margin-bottom:20px;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:12px;align-items:center;border:1px solid var(--border)}.filter-group{display:flex;align-items:center;gap:8px}.filter-label{font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap;letter-spacing:.2px}.fs{padding:7px 30px 7px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;background:var(--card-bg);color:var(--text);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:all var(--transition)}.fs:hover{border-color:var(--primary-light)}.fs:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0071e326}.fi{padding:7px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;width:80px;background:var(--card-bg);color:var(--text);transition:all var(--transition)}.fi:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0071e326}.search-wrap{position:relative;margin-left:4px}.search-wrap input{padding:7px 14px 7px 32px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;width:200px;background:var(--card-bg);color:var(--text);transition:all var(--transition)}.search-wrap input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0071e326;width:240px}.search-wrap .sicon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--text-muted);pointer-events:none}.btn-sm{padding:7px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;background:var(--card-bg);cursor:pointer;color:var(--text-secondary);transition:all var(--transition);white-space:nowrap;font-weight:500}.btn-sm:hover{background:var(--card-bg-2);border-color:var(--primary-light);color:var(--text);transform:translateY(-1px)}.btn-sm.accent{border-color:var(--accent);background:#10b98114;color:var(--accent);font-weight:600}.btn-sm.accent:hover{background:#10b98126;border-color:var(--accent)}.btn-sm.primary{border-color:var(--primary);background:#0071e314;color:var(--primary);font-weight:600}.btn-sm.primary:hover{background:#0071e326;border-color:var(--primary)}.btn-sm.danger{border-color:var(--danger);background:#ef444414;color:var(--danger)}.btn-sm.danger:hover{background:#ef444426;border-color:var(--danger)}.filter-count{margin-left:auto;font-size:12px;color:var(--text-secondary);font-weight:500;padding:5px 14px;background:var(--border-light);border-radius:20px;white-space:nowrap}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;transition:max-height .4s var(--ease),opacity .3s var(--ease);overflow:hidden}.charts-grid.collapsed{max-height:0;opacity:0;margin:0;padding:0;pointer-events:none}.charts-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.charts-header .title{font-size:15px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:10px}.charts-header .title:before{content:"";width:4px;height:18px;background:var(--primary);border-radius:2px}.charts-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .25s var(--ease)}.charts-toggle:hover{background:var(--card-bg-2);color:var(--primary);border-color:var(--primary-light)}.charts-toggle .arrow{transition:transform .3s var(--ease)}.charts-toggle.collapsed .arrow{transform:rotate(-90deg)}.chart-panel{background:var(--card-bg);border-radius:var(--radius-lg);padding:20px 22px;box-shadow:var(--shadow);transition:box-shadow var(--transition);border:1px solid var(--border-light)}.chart-panel:hover{box-shadow:var(--shadow-md);border-color:var(--border)}.chart-panel.full{grid-column:1 / -1}.chart-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.chart-section-label{font-size:10px;font-weight:600;letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px}.chart-title{font-size:15px;font-weight:600;margin-bottom:0;display:flex;align-items:center;gap:10px;color:var(--text)}.chart-title:before{content:"";width:4px;height:18px;background:var(--primary);border-radius:2px;flex-shrink:0}.chart-view-link{font-size:12px;color:var(--primary);cursor:pointer;font-weight:500}.chart-view-link:hover{color:var(--primary-dark);text-decoration:underline}.chart-container{position:relative;height:350px;width:100%}.chart-container canvas{width:100%!important;height:100%!important;display:block}.chart-container.tall{height:420px}.bubble-chart-panel{min-height:480px;display:flex;flex-direction:column}.bubble-chart-container{flex:1 1 auto;min-height:0;height:auto}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.chart-fullscreen{background:none;border:none;font-size:16px;cursor:pointer;color:var(--text-muted);padding:4px 8px;border-radius:6px;transition:all var(--transition)}.chart-fullscreen:hover{background:var(--card-bg-2);color:var(--primary)}.chart-with-rank{height:350px}.chart-with-rank .chart-container{width:100%;height:100%}.l3rank-page{padding:28px 32px;max-width:100%;margin:0 auto;animation:fadeIn .35s var(--ease);display:flex;flex-direction:column;min-height:calc(100vh - 100px)}.l3rank-page-header{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:28px}.l3rank-page-title-wrap{text-align:center}.l3rank-page-title{font-size:30px;font-weight:800;letter-spacing:-.5px;color:var(--text);line-height:1.2}.l3rank-page-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.l3rank-page-sub{font-size:14px;color:var(--text-secondary);margin-top:6px;font-weight:500}.l3rank-page-controls label{font-size:13px;color:var(--text-secondary);font-weight:600}.l3rank-page-controls .fs{min-width:200px;padding:10px 14px;border-radius:10px;font-size:14px}.l3rank-search{position:relative}.l3rank-search input{width:200px;padding:10px 14px 10px 36px;border:1px solid var(--border);background:var(--card-bg);color:var(--text);border-radius:10px;font-size:14px;transition:all .2s var(--ease)}.l3rank-search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0071e326}.l3rank-search:before{content:"🔍";position:absolute;left:12px;top:calc(50% + 2px);transform:translateY(-50%);font-size:14px;opacity:.6}.l3rank-boards{display:grid;grid-template-columns:1fr 1fr;gap:24px;flex:1}.l3rank-board{background:var(--card-bg);border-radius:var(--radius-xl);padding:24px 28px;box-shadow:var(--shadow);border:1px solid var(--border);display:flex;flex-direction:column}.l3rank-board-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;color:var(--text);margin-bottom:22px;letter-spacing:-.3px}.l3rank-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 4px #0000000a}.l3rank-dot.high{background:#10b981}.l3rank-dot.low{background:#ef4444}.l3rank-list{display:flex;flex-direction:column;gap:12px;flex:1;justify-content:flex-start}.l3rank-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:14px;background:var(--card-bg-2);transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.l3rank-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.l3rank-rank{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0}.l3rank-rank.gold{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.l3rank-rank.silver{background:linear-gradient(135deg,#94a3b8,#cbd5e1);color:#334155}.l3rank-rank.bronze{background:linear-gradient(135deg,#b45309,#d97706)}.l3rank-rank.normal{background:var(--border);color:var(--text-secondary)}.l3rank-name{flex:1;font-size:16px;font-weight:600;color:var(--text)}.l3rank-meta{font-size:12px;color:var(--text-secondary)}.l3rank-score{font-size:22px;font-weight:800;font-family:SF Mono,ui-monospace,monospace;min-width:64px;text-align:right}.l3rank-score.high{color:#10b981}.l3rank-score.low{color:#ef4444}.l3rank-empty{text-align:center;color:var(--text-secondary);font-size:14px;padding:60px 0;flex:1;display:flex;align-items:center;justify-content:center}.l3rank-page{position:relative}.l3rank-close{position:absolute;top:24px;right:28px;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease);z-index:10}.l3rank-close:hover{background:var(--card-bg-2);color:var(--text);border-color:var(--primary-light);transform:rotate(90deg)}@media (max-width: 980px){.l3rank-boards{grid-template-columns:1fr}.l3rank-page-header{flex-direction:column;align-items:flex-start}.l3rank-close{top:20px;right:20px}}.drill-car-slicer{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;max-height:80px;overflow-y:auto;padding:4px 0;align-items:center}.drill-car-slicer .slicer-label{font-size:12px;color:var(--text-secondary);margin-right:4px;font-weight:500}.drill-chart-panel{position:relative}.drill-chart-inner{animation:drillFadeIn .45s cubic-bezier(.32,.72,0,1)}.drill-chart-title{margin-bottom:8px;transition:opacity .3s ease,transform .3s ease}.drill-breadcrumb{transition:opacity .3s ease,transform .3s ease}.drill-car-slicer{transition:opacity .3s ease,max-height .35s ease}.drill-fullscreen{position:absolute;top:16px;right:18px;background:none;border:none;font-size:16px;cursor:pointer;color:var(--text-muted);padding:4px 8px;border-radius:6px;transition:all var(--transition);z-index:5}.drill-fullscreen:hover{background:var(--card-bg-2);color:var(--primary)}@keyframes drillFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fs-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:200;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fs-overlay.active{display:flex;animation:fsOverlayIn .24s ease}.fs-overlay.active.closing{animation:fsOverlayOut .28s ease forwards}@keyframes fsOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes fsOverlayOut{0%{opacity:1}to{opacity:0}}.fs-box{animation:fsBoxIn .34s cubic-bezier(.32,.72,0,1)}.fs-box.closing{animation:fsBoxOut .28s cubic-bezier(.32,.72,0,1) forwards}@keyframes fsBoxIn{0%{opacity:0;transform:scale(.96) translateY(14px)}to{opacity:1;transform:none}}@keyframes fsBoxOut{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.96) translateY(14px)}}.fs-box{background:var(--card-bg);border-radius:var(--radius-xl);padding:24px;width:92vw;height:88vh;max-width:1400px;display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-xl);border:1px solid var(--border)}.fs-box .fs-close{position:absolute;top:16px;right:20px;background:none;border:none;font-size:26px;cursor:pointer;color:var(--text-muted);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.fs-box .fs-close:hover{background:var(--card-bg-2);color:var(--text)}.fs-box .fs-title{font-size:17px;font-weight:600;margin-bottom:14px;padding-right:36px;color:var(--text)}.fs-box .fs-breadcrumb{font-size:13px;color:var(--text-secondary);margin-bottom:12px;min-height:18px}.fs-box .fs-breadcrumb span{cursor:pointer;transition:color var(--transition)}.fs-box .fs-breadcrumb span:hover{color:var(--primary)}.fs-box .fs-breadcrumb .sep{color:var(--text-muted);margin:0 6px;cursor:default}.fs-canvas-wrap{flex:1;position:relative;min-height:0}.fs-canvas-wrap canvas{max-height:100%}.car-selector{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;max-height:80px;overflow-y:auto;padding:4px 0}.car-chip{padding:5px 14px;border-radius:20px;border:1.5px solid var(--border);font-size:12px;cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none;background:var(--card-bg);color:var(--text-secondary);font-weight:500}.car-chip:hover{border-color:var(--primary-light);color:var(--primary);background:#0071e314}.car-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #0071e34d}.drill-breadcrumb{display:flex;align-items:center;gap:4px;font-size:12px;margin-bottom:10px;flex-wrap:wrap;color:var(--text-secondary)}.drill-breadcrumb span{cursor:pointer;color:var(--primary);font-weight:500}.drill-breadcrumb span:hover{text-decoration:underline}.drill-breadcrumb .sep{color:var(--text-muted)}.drill-breadcrumb .current{color:var(--primary);font-weight:600;cursor:default}.drill-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a80;z-index:210;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drill-overlay.active{display:flex;animation:fadeIn .3s var(--ease)}.drill-modal{background:var(--glass-2);backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);border-radius:var(--radius-xl);padding:28px 32px;width:720px;max-width:94vw;max-height:82vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid var(--border-strong)}.drill-modal h3{font-size:18px;margin-bottom:16px;color:var(--text);font-weight:700}.drill-table{width:100%;border-collapse:collapse;font-size:13px}.drill-table th{background:#ffffffe0;padding:11px 14px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-strong);font-size:11px;letter-spacing:.3px}.drill-table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text)}.drill-table tbody tr:hover td{background:#0071e317}.drill-table tr:last-child td{border-bottom:none}.drill-table .hl{font-size:12px;color:var(--accent);max-width:200px}.drill-table .sl{font-size:12px;color:var(--danger);max-width:200px}.drill-close{position:sticky;top:0;float:right;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-muted);padding:4px 8px;line-height:1;border-radius:8px;transition:all var(--transition)}.drill-close:hover{color:var(--text);background:var(--card-bg-2)}.drill-carname{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.table-panel{background:var(--glass);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-radius:var(--radius-lg);padding:20px 22px;box-shadow:var(--shadow);border:1px solid var(--border)}.table-title{font-size:15px;font-weight:600;display:flex;align-items:center;gap:10px;color:var(--text);margin-bottom:16px}.table-title:before{content:"";width:4px;height:18px;background:var(--primary);border-radius:2px;flex-shrink:0}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:13px}th{background:linear-gradient(180deg,#fffffff5,#f5f5f7eb);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:13px 14px;text-align:left;font-weight:600;color:var(--text-secondary);font-size:11px;border-bottom:1px solid var(--border-strong);white-space:nowrap;position:sticky;top:0;z-index:2;letter-spacing:.3px}td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--text)}tbody tr:nth-child(2n) td{background:#00000005}tbody tr:hover td{background:#0071e317!important}tbody tr:last-child td{border-bottom:none}.score-cell{font-weight:600;font-variant-numeric:tabular-nums}.sc-hi{color:var(--accent)}.sc-md{color:var(--warn)}.sc-lo{color:var(--danger)}.badge{display:inline-block;padding:3px 12px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.2px}.bd-suv{background:#0071e31a;color:var(--primary)}.bd-car{background:#ec48991a;color:var(--pink)}.bd-mpv{background:#10b9811a;color:var(--accent)}.bd-other{background:#f59e0b1a;color:var(--warn)}.bd-ev{background:#0071e31a;color:var(--primary)}.bd-hybrid{background:#10b9811a;color:var(--accent)}.bd-range{background:#ec48991a;color:var(--pink)}.bd-fuel{background:#f59e0b1a;color:var(--warn)}.price-tag{font-size:12px;color:var(--text-secondary);font-weight:500}.btn-edit,.btn-del{padding:5px 14px;background:none;border-radius:8px;font-size:12px;cursor:pointer;transition:all var(--transition);margin-right:4px;font-weight:500}.btn-edit{border:1.5px solid rgba(0,113,227,.4);color:var(--primary)}.btn-edit:hover{background:#0071e31a;border-color:var(--primary)}.btn-del{border:1.5px solid rgba(239,68,68,.4);color:var(--danger)}.btn-del:hover{background:#ef44441a;border-color:var(--danger)}.btn-drill{padding:5px 14px;background:none;border:1.5px solid rgba(0,113,227,.4);color:var(--primary);border-radius:8px;font-size:12px;cursor:pointer;font-weight:500;transition:all var(--transition)}.btn-drill:hover{background:#0071e31a;border-color:var(--primary)}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a73;z-index:90;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.active{display:flex;animation:fadeIn .3s var(--ease)}.modal{background:var(--card-bg);border-radius:var(--radius-xl);padding:28px 32px;width:700px;max-width:94vw;box-shadow:var(--shadow-xl);max-height:86vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border)}.modal h2{font-size:19px;margin-bottom:20px;font-weight:700;flex-shrink:0;color:var(--text)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex-shrink:0}.form-group{display:flex;flex-direction:column;gap:4px}.form-group.fw{grid-column:1/-1}.form-group label{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.2px}.form-group input,.form-group select{padding:9px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:13px;transition:all var(--transition);background:var(--card-bg);color:var(--text)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0071e326}.dim-scores{margin-top:16px;border-top:1px solid var(--border);padding-top:14px;overflow-y:auto;flex:1;min-height:0;padding-right:6px}.edit-dim{margin-bottom:16px}.edit-dim-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:10px;padding-left:8px;border-left:3px solid var(--primary)}.edit-l2{background:var(--bg-deep);border-radius:var(--radius);padding:12px 14px;margin-bottom:10px;border:1px solid var(--border-light)}.edit-l2-title{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:10px;letter-spacing:.2px}.edit-l3-grid{display:grid;grid-template-columns:1fr;gap:8px}.edit-l3-row{display:grid;grid-template-columns:1.4fr 70px 1fr 1fr;gap:10px;align-items:center}.edit-l3-name{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px 10px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-xs);font-weight:500}.edit-l3-score,.edit-l3-hl,.edit-l3-sl{padding:7px 10px;border:1.5px solid var(--border);border-radius:var(--radius-xs);font-size:12px;background:var(--card-bg);color:var(--text);transition:all var(--transition)}.edit-l3-score{text-align:center}.edit-l3-score:invalid{border-color:var(--danger);background:#ef444414}.edit-l3-score.invalid{border-color:var(--danger)!important;background:#ef444414;box-shadow:0 0 0 3px #ef44441f;color:var(--danger);font-weight:600}.edit-l3-hl::placeholder,.edit-l3-sl::placeholder{color:var(--text-muted)}.edit-l3-row:hover .edit-l3-score,.edit-l3-row:hover .edit-l3-hl,.edit-l3-row:hover .edit-l3-sl{border-color:var(--primary-light)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 0 0;margin-top:0;border-top:1px solid var(--border);flex-shrink:0;background:var(--card-bg)}.btn-save{padding:10px 28px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-save:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #0071e34d}.btn-cancel{padding:10px 20px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14px;background:var(--card-bg);color:var(--text);cursor:pointer;font-weight:500;transition:all var(--transition)}.btn-cancel:hover{background:var(--card-bg-2);border-color:var(--primary-light)}.confirm-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a73;z-index:110;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-overlay.active{display:flex;animation:fadeIn .3s var(--ease)}.confirm-box{background:var(--card-bg);border-radius:var(--radius-xl);padding:32px 36px;width:380px;max-width:90vw;box-shadow:var(--shadow-xl);text-align:center;border:1px solid var(--border)}.confirm-box p{font-size:15px;margin-bottom:24px;line-height:1.6;color:var(--text)}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-actions .btn-save{background:var(--danger)}.confirm-actions .btn-save:hover{background:var(--danger-light);box-shadow:0 4px 12px #ef44444d}.toast{position:fixed;top:24px;right:24px;padding:14px 24px;border-radius:var(--radius);color:#fff;font-size:14px;z-index:120;box-shadow:var(--shadow-lg);animation:slideIn .35s var(--ease);font-weight:500}.toast.ok{background:linear-gradient(135deg,var(--accent),#059669)}.toast.err{background:linear-gradient(135deg,var(--danger),#dc2626)}@keyframes slideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.layout-row{animation:fadeIn .5s var(--ease) both}.sidebar{animation:fadeIn .6s var(--ease) both}.page-title-bar,.stats-row .stat-card{animation:fadeIn .5s var(--ease) both}.stats-row .stat-card:nth-child(1){animation-delay:.05s}.stats-row .stat-card:nth-child(2){animation-delay:.12s}.stats-row .stat-card:nth-child(3){animation-delay:.19s}.stats-row .stat-card:nth-child(4){animation-delay:.26s}.filter-bar{animation:fadeIn .5s var(--ease) both;animation-delay:.25s}.charts-grid .chart-panel{animation:fadeIn .5s var(--ease) both}.charts-grid .chart-panel:nth-child(1){animation-delay:.3s}.charts-grid .chart-panel:nth-child(2){animation-delay:.38s}.table-panel{animation:fadeIn .5s var(--ease) both;animation-delay:.42s}@media (prefers-reduced-motion: reduce){.layout-row,.sidebar,.page-title-bar,.stat-card,.filter-bar,.chart-panel,.table-panel{animation:none!important}}.empty-state{text-align:center;padding:48px;color:var(--text-muted);font-size:14px}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}}.page-title-bar{background:var(--sidebar-bg);padding:16px 32px;text-align:center;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page-title-bar h1{font-size:22px;font-weight:700;color:var(--text);letter-spacing:.5px;margin:0}.calendar-back{position:fixed;top:12px;right:16px;z-index:200;display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#1d1d1f;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 2px 12px #0000000f;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.calendar-back:hover{background:#fff;box-shadow:0 6px 18px #0000001f;transform:translateY(-1px)}.boot-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--text-secondary)}.page-title-bar{text-align:center;padding:22px 16px 6px}.page-title-bar h1{font-size:20px;font-weight:700;color:var(--text);letter-spacing:.5px}body.calendar-mode{--bg: #f5f5f7;--surface: #ffffff;--ink: #1d1d1f;--muted: #6e6e73;--faint: #86868b;--rule: rgba(0, 0, 0, .08);--accent: #0071e3;--green: #008a20;--red: #e30000;--indigo: #5e5ce6;--tag-launch: #0071e3;--tag-presale: #b25000;--tag-reveal: #0d7f74;--tag-event: #5e5ce6;--radius: 18px;--shadow: 0 2px 12px rgba(0, 0, 0, .04);--shadow-hover: 0 14px 36px rgba(0, 0, 0, .1);--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body.calendar-mode ::selection{background:#0071e32e}body.calendar-mode a{color:var(--accent)}button{font-family:inherit}.nav{position:sticky;top:0;z-index:100;background:#ffffffb8;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}.nav-inner{max-width:1080px;margin:0 auto;padding:0 24px;height:52px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:650;letter-spacing:-.01em}.nav-logo{width:26px;height:26px;border-radius:8px;flex:none;background:linear-gradient(135deg,#0071e3,#42a5f5);display:inline-flex;align-items:center;justify-content:center;color:#fff}.nav-meta{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}@media (max-width: 560px){.nav-meta{display:none}}body.calendar-mode .calendar-back{position:fixed;left:20px;bottom:20px;z-index:200;height:38px;padding:0 18px 0 14px;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;display:inline-flex;align-items:center;gap:7px;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);transition:transform .18s ease,box-shadow .18s ease}body.calendar-mode .calendar-back:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}body.calendar-mode .calendar-back:active{transform:translateY(0)}.hero{text-align:center;padding:clamp(64px,10vw,104px) 24px 52px;background:radial-gradient(58% 90% at 50% 0%,#0071e317,#0071e300 70%)}.hero-eyebrow{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 20px}.hero h1{margin:0 0 18px;font-size:clamp(40px,6.5vw,64px);font-weight:700;letter-spacing:-.025em;line-height:1.06}.hero-sub{margin:0 auto;max-width:620px;font-size:clamp(17px,2.4vw,21px);line-height:1.5;color:var(--muted)}.hero-stats{display:flex;justify-content:center;align-items:stretch;gap:clamp(24px,6vw,72px);margin-top:52px;flex-wrap:wrap}.stat{text-align:center;min-width:96px}.stat+.stat{border-left:1px solid var(--rule);padding-left:clamp(24px,6vw,72px)}.stat-num{display:block;font-size:clamp(36px,5vw,46px);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.stat-num .unit{font-size:.42em;font-weight:600;color:var(--muted);margin-left:3px}.stat-label{display:block;font-size:13px;color:var(--muted);margin-top:7px}.filters{max-width:1080px;margin:4px auto 68px;padding:0 24px}.filters-card{background:var(--surface);border-radius:20px;border:1px solid rgba(0,0,0,.04);box-shadow:var(--shadow);padding:18px 22px}.filter-row{display:flex;align-items:center;gap:10px}.filter-row+.filter-row{margin-top:14px;padding-top:14px;border-top:1px solid rgba(0,0,0,.05)}.filter-label{font-size:13px;font-weight:600;color:var(--muted);flex:none}.track-wrap{position:relative;flex:1;min-width:0;display:flex;align-items:center}.pill-track{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:2px 0;flex:1;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.pill-track::-webkit-scrollbar{display:none}.track-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:26px;height:26px;border-radius:50%;flex:none;border:1px solid rgba(0,0,0,.08);cursor:pointer;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 6px #0000001f;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.track-btn.show{opacity:1;visibility:visible;pointer-events:auto}.track-btn:hover{background:#fff}.track-btn.prev{left:0}.track-btn.next{right:0}.track-fade{position:absolute;top:0;bottom:0;width:34px;z-index:1;pointer-events:none;opacity:0;transition:opacity .2s ease}.track-fade.left{left:0;background:linear-gradient(to right,#fff 15%,#fff0)}.track-fade.right{right:0;background:linear-gradient(to left,#fff 15%,#fff0)}.track-wrap.can-prev .track-fade.left,.track-wrap.can-next .track-fade.right{opacity:1}.pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--rule);background:transparent;color:var(--ink);font-size:13.5px;font-weight:500;padding:7px 15px;border-radius:980px;cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease,border-color .2s ease}.pill:hover{background:#0000000b}.pill.active{background:var(--ink);color:#fff;border-color:var(--ink)}.search-wrap{position:relative;flex:1;min-width:200px;max-width:420px}.search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search{width:100%;padding:9px 14px 9px 36px;border-radius:10px;border:1px solid var(--rule);background:var(--bg);font-size:15px;font-family:inherit;color:var(--ink);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.search::placeholder{color:var(--faint)}.search:focus{outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #0071e31f}.section{max-width:1080px;margin:0 auto 88px;padding:0 24px}.sec-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sec-icon{font-size:17px;line-height:1;flex:none}.sec-title{margin:0;font-size:clamp(26px,3.5vw,34px);font-weight:700;letter-spacing:-.02em}.sec-count{font-size:13px;font-weight:600;color:var(--muted);background:#0000000d;padding:4px 12px;border-radius:980px;font-variant-numeric:tabular-nums}.sec-sub{color:var(--muted);font-size:15px;margin:10px 0 0}#sec-upcoming .sec-icon{color:var(--green)}#sec-recent .sec-icon{color:var(--red)}#sec-future .sec-icon{color:var(--indigo)}.date-head{display:flex;align-items:center;gap:10px;margin:34px 0 14px}.date-line{width:4px;height:18px;border-radius:2px;flex:none}#sec-upcoming .date-line{background:var(--green)}#sec-recent .date-line{background:var(--red)}.date-main{font-size:18px;font-weight:650;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.date-week{font-size:14px;color:var(--muted)}.date-chip{margin-left:auto;font-size:12.5px;font-weight:600;padding:4px 12px;border-radius:980px;white-space:nowrap}.chip-soon{color:var(--green);background:#008a2017}.chip-today{color:var(--accent);background:#0071e317}.chip-ago{color:var(--muted);background:#0000000d}.chip-presale{color:var(--tag-presale);background:#b2500017}.chip-tbd{color:var(--muted);background:#0000000d}.chip-confirm{color:var(--accent);background:#0071e317}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 760px){.cards{grid-template-columns:1fr}}.card{background:var(--surface);border-radius:var(--radius);padding:22px 24px 16px;border:1px solid rgba(0,0,0,.04);box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.25,.1,.25,1),box-shadow .3s ease;animation:rise .55s cubic-bezier(.25,.1,.25,1) both}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-brand{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.02em}.card-when{font-size:12.5px;font-weight:600;color:var(--indigo);background:#5e5ce617;padding:3px 10px;border-radius:980px;white-space:nowrap;font-variant-numeric:tabular-nums}.card-title{margin:5px 0 10px;font-size:20px;font-weight:650;letter-spacing:-.015em}.card-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:12px;font-weight:600;padding:3px 10px;border-radius:980px}.tag-type{color:var(--muted);background:#0000000d}.tag-launch{color:var(--tag-launch);background:#0071e317}.tag-presale{color:var(--tag-presale);background:#b2500017}.tag-reveal{color:var(--tag-reveal);background:#0d7f7417}.tag-event{color:var(--tag-event);background:#5e5ce617}.tag-tbd{color:var(--faint);background:transparent;border:1px dashed rgba(0,0,0,.18)}.card-desc{font-size:14.5px;color:var(--muted);line-height:1.55;margin:12px 0 16px}.card-bottom{margin-top:auto;padding-top:13px;border-top:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:space-between;gap:12px}.price{font-size:16.5px;font-weight:650;letter-spacing:-.01em;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:6px;min-width:0}.price-note{font-size:12px;font-weight:500;color:var(--faint);white-space:nowrap}.price-null{font-size:14px;font-weight:500;color:var(--faint)}.source{font-size:13px;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:3px;white-space:nowrap;flex:none}.source:hover{text-decoration:underline}.source svg{flex:none}.empty{grid-column:1 / -1;text-align:center;padding:60px 24px;color:var(--muted);background:var(--surface);border-radius:var(--radius);border:1px dashed rgba(0,0,0,.1)}.empty-title{font-size:17px;font-weight:600;color:var(--ink);margin:0 0 6px}.empty p{margin:0;font-size:14px}.empty .reset-link{margin-top:14px;background:none;border:none;cursor:pointer;color:var(--accent);font-size:14px;font-weight:500;padding:0}.empty .reset-link:hover{text-decoration:underline}footer{border-top:1px solid var(--rule);background:var(--surface)}.footer-inner{max-width:1080px;margin:0 auto;padding:44px 24px 60px;text-align:center;font-size:13px;color:var(--muted);line-height:1.8}.footer-inner strong{color:var(--ink);font-weight:600}.footer-sources{margin-top:10px}.footer-updated{margin-top:10px;color:var(--faint)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.card{animation:none;transition:none}html{scroll-behavior:auto}}