:root{color:oklch(24% .032 255);font-synthesis:none;--brand:oklch(47% .158 257);--brand-soft:oklch(94% .035 257);--brand-deep:oklch(38% .13 257);--surface:oklch(99% .004 245);--surface-soft:oklch(97.4% .008 245);--ink:oklch(22% .035 255);--ink-soft:oklch(42% .038 255);--muted:oklch(54% .035 255);--line:oklch(88% .018 245);--line-strong:oklch(80% .025 245);--green:oklch(52% .135 154);--green-soft:oklch(94% .04 154);--red:oklch(55% .17 28);--red-soft:oklch(95% .045 28);--purple:oklch(53% .17 300);--purple-soft:oklch(95% .035 300);--amber:oklch(64% .13 78);--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-subtle:0 1px 2px color-mix(in oklch,var(--ink) 8%,transparent);--sidebar-width:244px;--sidebar-collapsed:72px;background:oklch(96.5% .011 245);font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,-apple-system,sans-serif}:root[data-theme=dark]{color:oklch(92% .02 245);--brand:oklch(68% .12 257);--brand-soft:oklch(28% .04 257);--brand-deep:oklch(78% .1 257);--surface:oklch(22% .03 255);--surface-soft:oklch(19% .028 255);--ink:oklch(94% .018 245);--ink-soft:oklch(82% .022 245);--muted:oklch(68% .03 245);--line:oklch(32% .028 255);--line-strong:oklch(38% .03 255);--green:oklch(72% .14 154);--green-soft:oklch(26% .04 154);--red:oklch(68% .16 28);--red-soft:oklch(28% .05 28);--purple:oklch(72% .13 300);--purple-soft:oklch(27% .04 300);--shadow-subtle:0 1px 2px oklch(0% none none/.28);background:oklch(18% .028 255)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--surface-soft);min-width:320px;color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid color-mix(in oklch,var(--brand) 70%,white);outline-offset:2px}.mobile-only,.bottom-nav{display:none}.shell{background:var(--surface-soft);min-height:100vh}.shell-main{min-height:100vh;margin-left:var(--sidebar-width);transition:margin .18s}.is-sidebar-collapsed .shell-main{margin-left:var(--sidebar-collapsed)}.side-nav{z-index:30;width:var(--sidebar-width);border-right:1px solid var(--line);background:var(--surface);flex-direction:column;padding:16px 12px;transition:width .18s;display:flex;position:fixed;inset:0 auto 0 0}.is-sidebar-collapsed .side-nav{width:var(--sidebar-collapsed)}.brand-block{align-items:center;gap:10px;min-height:48px;padding:4px 8px;display:flex}.brand-logo{background:var(--brand);color:#fff;width:36px;height:36px;box-shadow:0 4px 12px color-mix(in oklch,var(--brand) 22%,transparent);border-radius:10px;flex:0 0 36px;place-items:center;font-weight:850;display:grid}.brand-copy{white-space:nowrap;gap:2px;display:grid}.brand-copy strong{font-size:16px}.brand-copy span,.mobile-brand span{color:var(--muted);font-size:11px}.side-links{gap:4px;margin-top:20px;display:grid}.side-link,.side-action{border-radius:var(--radius-md);min-height:44px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:650;display:flex}.side-link:hover,.side-action:hover{background:var(--surface-soft);color:var(--ink)}.side-link.active{background:var(--brand-soft);color:var(--brand-deep);font-weight:800}.nav-icon{flex:0 0 20px;width:20px;height:20px}.side-footer{border-top:1px solid var(--line);gap:4px;margin-top:auto;padding-top:12px;display:grid}.side-action.danger:hover{background:var(--red-soft);color:var(--red)}.desktop-topbar{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in oklch,var(--surface) 96%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.desktop-topbar>div:first-child{gap:2px;display:grid}.desktop-topbar strong{font-size:17px}.desktop-topbar span{color:var(--muted);font-size:12px}.topbar-actions{align-items:center;gap:12px;display:flex}.service-state{align-items:center;gap:7px;display:flex}.service-state i,.refresh-state i{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 3px var(--green-soft);border-radius:50%}.user-chip{background:var(--surface-soft);border-radius:999px;padding:7px 10px;font-weight:650;color:var(--ink)!important}.icon-btn{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:40px;height:40px;color:var(--ink-soft);cursor:pointer;place-items:center;padding:0;display:grid}.icon-btn:hover{border-color:var(--line-strong);color:var(--brand-deep)}.icon-btn svg{width:18px;height:18px}.page{gap:var(--space-md);max-width:1480px;margin:0 auto;padding:24px;display:grid}.page-heading{justify-content:space-between;align-items:flex-end;display:flex}.page-heading h1{margin:4px 0 5px;font-size:24px;line-height:1.3}.page-heading p{color:var(--muted);margin:0;font-size:13px}.eyebrow{color:var(--muted);font-size:12px;font-weight:680}.card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-subtle)}.overview-metrics{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.metric-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-height:76px;box-shadow:var(--shadow-subtle);align-items:center;gap:12px;padding:14px 16px;display:flex}.metric-icon{background:var(--brand-soft);width:40px;height:40px;color:var(--brand-deep);border-radius:10px;place-items:center;display:grid}.metric-icon.live{background:var(--green-soft);color:var(--green)}.metric-icon.favorite{color:var(--amber);background:oklch(95% .04 85)}.metric-icon svg{width:20px}.metric-card>div{gap:4px;display:grid}.metric-card span{color:var(--muted);font-size:12px}.metric-card strong,.metric-card a{font-size:15px;font-weight:780}.metric-card a{color:var(--brand-deep)}.overview-grid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.board-card{min-width:0;overflow:hidden}.board-header{justify-content:space-between;align-items:center;padding:16px;display:flex}.board-header h2{margin:3px 0 0;font-size:18px}.board-header-actions{align-items:center;gap:8px;display:flex}.refresh-state{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.refresh-state i.paused{background:var(--amber);box-shadow:none}.desktop-filter-row{align-items:center;gap:8px;padding:0 16px 14px;display:flex}.native-field,.search-field{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);min-height:44px;color:var(--ink)}.native-field{padding:9px 11px}.desktop-filter-row .native-field{max-width:160px;min-height:40px}.search-field{flex:1;align-items:center;gap:8px;min-height:40px;padding:0 11px;display:flex}.search-field svg{width:17px;color:var(--muted)}.search-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.secondary-btn,.primary-btn{border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 13px;font-weight:700;display:inline-flex}.secondary-btn{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft)}.primary-btn{border:1px solid var(--brand);background:var(--brand);color:#fff}.secondary-btn svg{width:16px}.desktop-board-table{border-top:1px solid var(--line);overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px;font-size:12px}th{background:var(--surface-soft);color:var(--muted);text-align:right;white-space:nowrap;padding:10px 12px;font-weight:650}th:nth-child(2){text-align:left}td{border-top:1px solid var(--line);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;padding:11px 12px}td.entity{text-align:left}.entity{gap:2px;display:grid}.entity b{color:var(--ink);font-size:13px}.entity small{color:var(--muted)}.rank span{width:24px;height:24px;color:var(--muted);border-radius:7px;place-items:center;display:inline-grid}.rank span.top,.mobile-rank.top{background:var(--red-soft);color:var(--red);font-weight:800}.up{color:var(--red)!important}.down{color:var(--green)!important}.open-flow{color:var(--brand-deep)}.dark-flow{color:var(--purple)}.favorite-btn{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.favorite-btn svg{fill:#0000;width:18px}.favorite-btn.selected{color:var(--amber)}.favorite-btn.selected svg{fill:currentColor}.notice{border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin:0 16px 12px;padding:10px 12px;font-size:12px;display:flex}.notice.error{border:1px solid color-mix(in oklch,var(--red) 25%,var(--line));background:var(--red-soft);color:var(--red)}.notice button{color:inherit;cursor:pointer;background:0 0;border:0;font-weight:800}.board-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:10px 14px;font-size:10px;display:flex}.board-skeleton{display:grid}.skeleton-row{border-top:1px solid var(--line);grid-template-columns:32px 1.5fr repeat(2,1fr);gap:12px;padding:14px;display:grid}.skeleton-row>*{background:linear-gradient(90deg,var(--surface-soft),var(--line),var(--surface-soft));background-size:220% 100%;border-radius:6px;height:12px;animation:1.3s infinite shimmer;display:block}.skeleton-row i{width:24px}.spinning{animation:.8s linear infinite spin}.empty-state{color:var(--muted);text-align:center;justify-items:center;gap:7px;padding:38px 20px;display:grid}.empty-state>svg{width:28px}.empty-state strong{color:var(--ink)}.empty-state .primary-btn{margin-top:8px}.favorite-board{overflow:hidden}.segmented{border-bottom:1px solid var(--line);gap:4px;padding:12px;display:flex}.segmented button{border-radius:var(--radius-md);min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 18px}.segmented button.active{background:var(--brand-soft);color:var(--brand-deep);font-weight:800}.favorite-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;display:grid}.favorite-cards article{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:14px}.favorite-card-head{align-items:center;gap:10px;display:flex}.favorite-icon{width:36px;height:36px;color:var(--amber);background:oklch(95% .04 85);border-radius:9px;place-items:center;display:grid}.favorite-icon svg{fill:currentColor;width:18px}.favorite-card-head>div{flex:1;gap:2px;display:grid}.favorite-card-head span{color:var(--muted);font-size:11px}.icon-btn.danger:hover{color:var(--red)}.favorite-values{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;padding-top:12px;display:grid}.favorite-values div{gap:4px;display:grid}.favorite-values span{color:var(--muted);font-size:11px}.favorite-values b{font-variant-numeric:tabular-nums;font-size:12px}.settings-grid{grid-template-columns:minmax(280px,360px) 1fr;gap:16px;display:grid}.profile-card{padding:20px}.profile-identity{align-items:center;gap:12px;display:flex}.profile-avatar{background:var(--brand-soft);width:52px;height:52px;color:var(--brand-deep);border-radius:14px;place-items:center;display:grid}.profile-avatar svg{width:24px}.profile-identity h2{margin:0;font-size:19px}.profile-identity p{color:var(--muted);margin:4px 0 0;font-size:12px}.profile-card dl{margin:20px 0 0}.profile-card dl div{border-top:1px solid var(--line);justify-content:space-between;padding:13px 0;font-size:13px;display:flex}.profile-card dt{color:var(--muted)}.profile-card dd{margin:0}.status-tag{background:var(--green-soft);color:var(--green);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:750}.status-tag.expired{background:var(--red-soft);color:var(--red)}.settings-stack{gap:12px;display:grid}.setting-card{align-items:center;gap:14px;padding:18px;display:flex}.setting-icon{background:var(--brand-soft);width:42px;height:42px;color:var(--brand-deep);border-radius:11px;place-items:center;display:grid}.setting-icon svg{width:20px}.setting-card>div{flex:1}.setting-card h2{margin:0;font-size:16px}.setting-card p{color:var(--muted);margin:5px 0 0;font-size:12px}.setting-card form{gap:8px;margin-top:14px;display:flex}.setting-card form .native-field{flex:1}.secondary-btn.danger{color:var(--red)}.inline-message{color:var(--green);margin-top:8px;font-size:12px;display:block}.auth-page{background:var(--surface-soft);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:min(440px,100%);padding:28px}.auth-brand{align-items:center;gap:11px;display:flex}.auth-logo{background:var(--brand);color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.auth-logo svg{width:22px}.auth-brand>div{gap:2px;display:grid}.auth-brand strong{font-size:17px}.auth-brand span{color:var(--muted);font-size:11px}.auth-title{margin:28px 0 22px}.auth-title h1{margin:0;font-size:25px}.auth-title p{color:var(--muted);margin:7px 0 0;font-size:13px}.auth-card form{gap:15px;display:grid}.auth-card label>span{color:var(--ink-soft);margin-bottom:7px;font-size:12px;font-weight:650;display:block}.input-shell{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);align-items:center;gap:9px;min-height:46px;padding:0 12px;display:flex}.input-shell:focus-within{border-color:var(--brand)}.input-shell>svg{width:17px;color:var(--muted)}.input-shell input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.input-shell button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.input-shell button svg{width:17px}.login-option-row{justify-content:space-between;align-items:center;gap:10px 12px;display:flex}.remember-check{color:var(--muted);white-space:nowrap;flex:none;align-items:center;gap:8px;font-size:12px;line-height:1.4;display:inline-flex}.remember-check input{width:16px;height:16px}.agreement-check{color:var(--muted);grid-template-columns:16px minmax(0,1fr);align-items:start;gap:8px;font-size:12px;line-height:1.55;display:grid}.agreement-check input{width:16px;height:16px;margin-top:2px}.agreement-check-inline{text-align:right;flex:auto;justify-content:flex-end;align-items:flex-start;gap:8px;min-width:0;margin-top:0;display:flex}.agreement-check-inline span{min-width:0;line-height:1.45}.agreement-link{color:var(--brand-deep);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:underline}.agreement-modal{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a7a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.agreement-card{border-radius:var(--radius-md);background:var(--surface);width:min(100%,440px);max-height:78vh;box-shadow:0 20px 54px color-mix(in oklch,var(--ink) 22%,transparent);padding:22px;overflow:auto}.agreement-card h2{margin:0 0 14px;font-size:20px}.agreement-card p{color:var(--muted);overflow-wrap:anywhere;margin:0 0 12px;line-height:1.7}.agreement-confirm{width:100%;min-height:46px;margin-top:6px}.form-error{border-radius:var(--radius-sm);background:var(--red-soft);color:var(--red);margin:0;padding:9px 10px;font-size:12px}.auth-submit{width:100%;min-height:46px}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-switch{width:100%;min-height:44px;color:var(--brand-deep);cursor:pointer;background:0 0;border:0;margin-top:10px;font-weight:700}.auth-card footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;margin-top:4px;padding-top:16px;font-size:10px}.sheet-backdrop{z-index:80;background:color-mix(in oklch,var(--ink) 35%,transparent);align-items:flex-end;display:flex;position:fixed;inset:0}.filter-sheet{background:var(--surface);width:100%;max-height:88vh;box-shadow:0 -12px 40px color-mix(in oklch,var(--ink) 20%,transparent);border-radius:18px 18px 0 0}.filter-sheet header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px;display:flex}.filter-sheet header>div{gap:3px;display:grid}.filter-sheet header span{color:var(--muted);font-size:11px}.filter-sheet-body{gap:14px;padding:16px;display:grid;overflow:auto}.filter-sheet-body label{color:var(--ink-soft);gap:6px;font-size:12px;display:grid}.filter-sheet footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.filter-sheet footer .primary-btn{width:100%;min-height:46px}.sheet-enter-active,.sheet-leave-active{transition:opacity .18s}.sheet-enter-active .filter-sheet,.sheet-leave-active .filter-sheet{transition:transform .18s}.sheet-enter-from,.sheet-leave-to{opacity:0}.sheet-enter-from .filter-sheet,.sheet-leave-to .filter-sheet{transform:translateY(100%)}@keyframes shimmer{to{background-position:-220% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.overview-grid{grid-template-columns:1fr}.favorite-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.desktop-only{display:none!important}.mobile-only,.bottom-nav{display:flex}.shell-main,.is-sidebar-collapsed .shell-main{padding-top:env(safe-area-inset-top);padding-bottom:calc(72px + env(safe-area-inset-bottom));margin-left:0}.page{gap:12px;padding:14px 12px 22px}.page-heading h1{font-size:20px}.page-heading p{font-size:12px}.bottom-nav{z-index:40;padding:6px 10px calc(6px + env(safe-area-inset-bottom));border:1px solid color-mix(in oklch,var(--line) 92%,transparent);background:color-mix(in oklch,var(--surface) 98%,transparent);box-shadow:0 -8px 24px color-mix(in oklch,var(--ink) 9%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:0;border-radius:18px 18px 0 0;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-item{min-height:58px;color:var(--muted);align-content:center;justify-items:center;gap:2px;font-size:10px;font-weight:680;display:grid}.bottom-icon-shell{border-radius:999px;place-items:center;width:34px;height:29px;display:grid}.bottom-icon{width:18px}.bottom-item.active{color:var(--brand-deep);font-weight:820}.bottom-item.active .bottom-icon-shell{background:var(--brand-soft);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--brand) 20%,transparent)}.overview-metrics{grid-template-columns:1fr 1fr}.metric-card{min-height:68px;padding:11px}.metric-card:nth-child(3){grid-column:1/-1}.metric-icon{width:36px;height:36px}.metric-card strong,.metric-card a{font-size:13px}.board-card{border-radius:var(--radius-md)}.board-header{padding:13px 12px}.board-header h2{font-size:16px}.refresh-state{display:none}.board-header-actions{gap:5px}.icon-btn{width:40px;height:40px}.mobile-filter-summary{padding:0 12px 12px}.mobile-filter-summary button{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);width:100%;min-height:42px;color:var(--ink-soft);align-items:center;gap:7px;padding:8px 11px;font-size:12px;display:flex}.mobile-filter-summary svg{width:16px}.mobile-board-list{border-top:1px solid var(--line);display:grid}.mobile-board-card{border-bottom:1px solid var(--line);padding:13px 12px}.mobile-board-main{grid-template-columns:28px minmax(0,1fr) auto 36px;align-items:center;gap:7px;display:grid}.mobile-rank{width:25px;height:25px;color:var(--muted);border-radius:7px;place-items:center;font-size:11px;display:grid}.change-pill{border-radius:999px;padding:4px 7px;font-size:11px;font-weight:750}.change-pill.up{background:var(--red-soft)}.change-pill.down{background:var(--green-soft)}.mobile-flow-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:11px 0 0 35px;display:grid}.mobile-flow-grid div{gap:3px;display:grid}.mobile-flow-grid span{color:var(--muted);font-size:10px}.mobile-flow-grid b{font-variant-numeric:tabular-nums;font-size:11px}.board-footer{line-height:1.6;display:block}.board-footer span{display:block}.compact .mobile-board-card:nth-child(n+6){display:none}.favorite-cards{grid-template-columns:1fr;padding:12px}.settings-grid{grid-template-columns:1fr}.setting-card{flex-wrap:wrap;align-items:flex-start;padding:15px}.setting-card>div{min-width:calc(100% - 58px)}.setting-card>.secondary-btn{margin-left:56px}.setting-card form{display:grid}.danger-zone>.secondary-btn{margin-left:56px}.auth-page{padding:16px 14px}.auth-card{padding:22px 18px}.auth-title{margin:22px 0 18px}.auth-title h1{font-size:22px}.auth-card footer{margin-top:4px}.native-field,.secondary-btn,.primary-btn{min-height:44px}}:root{--sidebar-width:220px}.workbench-page{gap:12px;padding:16px}.workbench-shell{box-shadow:none;background:0 0;border:0;gap:10px;padding:0;display:grid}.workbench-commandbar{z-index:4;border:1px solid var(--line);background:var(--surface);box-shadow:0 1px 2px color-mix(in oklch,var(--ink) 5%,transparent);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:12px 14px;display:grid;position:relative}.command-title{gap:2px;min-width:0;display:grid}.command-title h1{letter-spacing:-.02em;margin:0;font-size:20px}.command-title .eyebrow{color:var(--muted);font-size:10px;font-weight:700}.command-actions,.view-switch{align-items:center;gap:5px;display:flex}.command-actions{flex-wrap:wrap;justify-content:flex-end}.view-switch{border:1px solid var(--line);background:var(--surface-soft);border-radius:9px;padding:3px}.view-switch button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;display:flex}.view-switch button.active{background:var(--surface);color:var(--brand-deep);box-shadow:0 1px 2px color-mix(in oklch,var(--ink) 9%,transparent);font-weight:750}.view-switch svg{width:15px}.commandbar-actions>.icon-btn{width:36px;height:36px}.selection-strip-row{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;display:flex}.selection-strip{scrollbar-width:none;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.selection-strip::-webkit-scrollbar{display:none}.selection-chip{border:1px solid var(--line);background:var(--surface-soft);max-width:132px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;flex:none;padding:6px 10px;font-size:11px;font-weight:700;overflow:hidden}.selection-chip:first-child{border-color:color-mix(in oklch,var(--brand) 32%,var(--line));background:var(--brand-soft);color:var(--brand-deep)}.manage-selection{border:1px dashed color-mix(in oklch,var(--brand) 62%,var(--line));min-height:34px;color:var(--brand-deep);cursor:pointer;background:0 0;border-radius:8px;flex:none;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:700;display:flex}.manage-selection svg{width:15px}.trade-date-picker{min-width:0;position:relative}.workbench-canvas{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden}.workbench-empty{text-align:center;align-content:center;place-items:center;gap:10px;min-height:390px;padding:40px;display:grid}.workbench-empty h2{margin:8px 0 0}.workbench-empty p{max-width:460px;color:var(--muted);margin:0 0 10px}.empty-orbit{background:var(--brand-soft);width:58px;height:58px;color:var(--brand-deep);border-radius:50%;place-items:center;display:grid}.workbench-loading{gap:8px;padding:12px;display:grid}.workbench-loading i{background:var(--surface-soft);border-radius:8px;height:62px;animation:1.3s infinite shimmer}.flow-compare-board{border-top:1px solid var(--line);background:var(--surface);gap:0;display:grid}.flow-compare-head{color:var(--muted);justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 12px 6px;font-size:10px;font-weight:800;display:flex}.flow-compare-head-main{min-width:0;color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:inline-flex}.flow-compare-head-main>span{font-size:12px;font-weight:800}.flow-compare-unit,.flow-compare-meta{color:var(--muted);white-space:nowrap;font-size:10px;font-style:normal;font-weight:700}.flow-compare-empty{min-height:220px;color:var(--muted);place-items:center;font-size:13px;font-weight:700;display:grid}.compare-board{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;display:grid}.compare-row{border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:18px minmax(4.2em,max-content) minmax(0,1fr);align-items:center;gap:4px 8px;min-height:56px;padding:6px 10px;display:grid}.compare-row:nth-child(odd){border-right:1px solid var(--line)}.compare-row:hover{background:var(--surface-soft)}.compare-rank{background:var(--surface-soft);width:18px;height:18px;color:var(--muted);border-radius:5px;align-self:center;place-items:center;font-size:10px;font-weight:800;line-height:1;display:grid}.compare-name{min-width:0;color:var(--ink);word-break:keep-all;white-space:normal;align-self:center;font-size:12px;font-weight:800;line-height:1.3}.compare-bars{gap:4px;min-width:0;display:grid}.compare-bars>div{grid-template-columns:12px minmax(0,1fr) minmax(52px,64px);align-items:center;gap:6px;display:grid}.compare-bars label{color:var(--muted);font-size:9px;font-weight:700}.compare-bars i{background:var(--surface-soft);border-radius:999px;height:5px;overflow:hidden}.compare-bars em{border-radius:999px;min-width:0;height:100%;display:block}.compare-bars em.positive{background:var(--red)}.compare-bars em.negative{background:var(--green)}.compare-bars em.is-zero{background:var(--line)}.compare-value{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10.5px;font-style:normal}.compare-value.up{color:var(--red);font-weight:750}.compare-value.down{color:var(--green);font-weight:750}.compare-value.is-missing{color:var(--muted);font-weight:600}.curve-shell{position:relative}.curve-canvas{width:100%;height:clamp(390px,58vh,620px)}.curve-empty{min-height:390px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:9px;display:grid}.curve-empty svg{width:34px;color:var(--line)}.curve-empty strong{color:var(--ink)}.curve-empty p{margin:0;font-size:11px}.curve-mobile-summary{display:none}.compare-row.is-top-1,.compare-row.is-top-2,.compare-row.is-top-3,.compare-row.is-tail-1,.compare-row.is-tail-2,.compare-row.is-tail-3{box-shadow:inset 3px 0 0 var(--tier-accent,transparent)}.compare-row.is-top-1{--tier-accent:#dc2626;background:linear-gradient(90deg,#ffe4e6f0 0%,#fff1f2e6 100%);border-color:#fecaca}.compare-row.is-top-2{--tier-accent:#ef4444;background:linear-gradient(90deg,#fff1f2eb 0%,#fff7f7e0 100%);border-color:#fecdd3}.compare-row.is-top-3{--tier-accent:#f87171;background:linear-gradient(90deg,#fff7f7e6 0%,#fffbfbdb 100%);border-color:#ffe4e6}.compare-row.is-tail-1{--tier-accent:#15803d;background:linear-gradient(90deg,#dcfce7f0 0%,#f0fdf4e6 100%);border-color:#bbf7d0}.compare-row.is-tail-2{--tier-accent:#16a34a;background:linear-gradient(90deg,#ecfdf3eb 0%,#f3fbf6e0 100%);border-color:#dcfce7}.compare-row.is-tail-3{--tier-accent:#22c55e;background:linear-gradient(90deg,#f3fbf6e6 0%,#f8fdfbdb 100%);border-color:#ecfdf3}.selection-backdrop{z-index:90;background:color-mix(in oklch,var(--ink) 34%,transparent);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.selection-panel{border:1px solid var(--line);background:var(--surface);width:min(620px,100%);max-height:min(760px,90vh);box-shadow:0 20px 60px color-mix(in oklch,var(--ink) 22%,transparent);border-radius:16px;grid-template-rows:auto auto auto minmax(0,1fr) auto;display:grid;overflow:hidden}.selection-panel header,.selection-panel footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.selection-panel footer{border-top:1px solid var(--line);border-bottom:0}.selection-panel h2{margin:0;font-size:18px}.selection-panel header p{color:var(--muted);margin:4px 0 0;font-size:11px}.selection-feedback{background:var(--brand-soft);color:var(--brand-deep);border-radius:8px;margin:0 16px;padding:8px 10px;font-size:11px}.selection-search{align-items:center;gap:8px;padding:12px 16px;display:flex}.selection-search>svg{width:18px;color:var(--muted)}.selection-search input{border:0;border-bottom:1px solid var(--line);min-width:0;min-height:42px;color:var(--ink);background:0 0;outline:0;flex:1}.selection-list{align-content:start;padding:0 10px 10px;display:grid;overflow:auto}.selection-row{border:0;border-bottom:1px solid var(--line);min-height:54px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:22px 1fr 28px;align-items:center;gap:8px;padding:8px;display:grid}.selection-row>svg{width:15px;color:var(--muted)}.selection-row span{gap:2px;display:grid}.selection-row small{color:var(--muted)}.selection-row i{border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.selection-row.selected i{background:var(--brand);color:#fff}.selection-row i svg{width:15px}.ranking-page>.board-card{min-width:0}@media (width<=1100px){.compare-board{grid-template-columns:1fr}.compare-row:nth-child(odd){border-right:0}.workbench-commandbar{align-items:flex-start}.command-actions{justify-content:flex-start}}@media (width<=767px){.workbench-commandbar{grid-template-columns:1fr}.ranking-filterbar{-webkit-backdrop-filter:none;backdrop-filter:none}.bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.workbench-page{gap:8px;padding:8px}.workbench-commandbar{border-radius:11px;gap:8px;padding:9px}.command-title{width:100%}.command-title h1{font-size:18px}.command-title .eyebrow{display:none}.command-actions{justify-content:space-between;width:100%}.view-switch{flex:1 0 100%;order:3}.view-switch button{flex:1;justify-content:center;min-height:44px}.command-actions>.icon-btn,.command-actions>.trade-date-trigger,.command-actions>.manage-selection{min-height:44px}.command-actions>.trade-date-trigger{padding-inline:11px}.selection-strip-row{padding:8px 9px}.selection-strip{width:100%}.selection-chip{max-width:116px;padding:7px 9px}.workbench-canvas{border-radius:11px}.compare-row{grid-template-columns:16px minmax(0,1fr);gap:4px 8px;min-height:0;padding:8px 10px 8px 8px}.compare-name{grid-column:2;font-size:12px}.compare-bars{grid-column:1/-1}.compare-bars>div{grid-template-columns:12px minmax(0,1fr) auto;gap:6px}.compare-value{font-size:10.5px;font-weight:750}.curve-canvas{height:400px}.curve-empty{min-height:350px}.curve-mobile-summary{border-top:1px solid var(--line);gap:6px;padding:8px 12px;display:grid!important}.curve-mobile-summary>div{grid-template-columns:8px 1fr auto;align-items:center;gap:7px;font-size:10px;display:grid}.curve-mobile-summary i{border-radius:50%;width:8px;height:8px}.curve-mobile-summary span{color:var(--muted)}.date-popover{width:auto;padding:12px 12px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -16px 44px color-mix(in oklch,var(--ink) 18%,transparent);border-width:1px 0 0;border-radius:18px 18px 0 0;position:fixed;inset:auto 0 0}.date-popover:before{content:"";background:var(--line);border-radius:999px;width:36px;height:4px;margin:0 auto 9px;display:block}.date-options{max-height:42vh}.date-options button{min-height:44px}.selection-backdrop{align-items:end;padding:0}.selection-panel{border-radius:18px 18px 0 0;width:100%;max-height:88vh}.selection-panel footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.desktop-filter-row{flex-wrap:wrap}.desktop-filter-row .search-field{flex-basis:100%}.ranking-tabs{overflow-x:auto}.ranking-tabs .segmented{flex:none}}.command-primary{justify-content:space-between;align-items:center;gap:14px;min-width:0;display:flex}.primary-tools,.command-secondary{align-items:center;gap:6px;display:flex}.command-secondary{justify-content:flex-end;min-width:0}.primary-tools{flex:none}.sort-picker{position:relative}.sort-trigger{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:6px 10px;font-weight:700;display:flex}.sort-trigger svg{width:15px;color:var(--muted)}.sort-trigger svg:last-child{width:12px}.sort-sheet{z-index:61;border:1px solid var(--line);background:var(--surface);width:210px;box-shadow:0 14px 40px color-mix(in oklch,var(--ink) 16%,transparent);border-radius:12px;padding:7px;position:absolute;top:calc(100% + 7px);right:0}.sort-sheet>header{justify-content:space-between;align-items:center;padding:5px 7px 8px;display:flex}.sort-sheet>header div{gap:2px;display:grid}.sort-sheet>header span{color:var(--muted);font-size:10px}.sort-options{gap:2px;display:grid}.sort-options button{min-height:38px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;padding:7px 9px;display:flex}.sort-options button:hover,.sort-options button[aria-selected=true]{background:var(--brand-soft);color:var(--brand-deep);font-weight:800}.sort-options svg{width:15px}.sort-sheet-backdrop{display:none}.ranking-page{gap:12px;padding-top:16px}.ranking-commandbar{justify-content:space-between;align-items:center;gap:20px;padding:14px 16px;display:flex}.ranking-title{align-items:center;gap:12px;display:flex}.ranking-title-icon{background:var(--brand-soft);width:42px;height:42px;color:var(--brand-deep);border-radius:11px;place-items:center;display:grid}.ranking-title-icon svg{width:20px}.ranking-title h1{margin:1px 0;font-size:21px}.ranking-title p{color:var(--muted);margin:0;font-size:11px}.ranking-tabs{gap:8px;display:flex}.ranking-tabs .segmented{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;padding:3px}.ranking-tabs .segmented button{min-height:36px;padding:6px 15px}.ranking-board{border-radius:12px}.ranking-filterbar{align-items:center;gap:8px;padding:0 16px 14px;display:flex}.ranking-filter-actions{flex:none;align-items:center;gap:8px;display:flex}.ranking-desktop-table{border-top:1px solid var(--line);overflow:auto}.ranking-desktop-table th:first-child,.ranking-desktop-table td:first-child{width:70px}.ranking-desktop-table th:nth-child(2){min-width:180px}.direction-btn{white-space:nowrap}@media (width<=1023px){.ranking-commandbar{align-items:flex-start}.ranking-filterbar{flex-direction:column;align-items:stretch}.ranking-filter-actions{justify-content:flex-end}.ranking-desktop-table table{min-width:840px}}@media (width<=767px){.workbench-commandbar{grid-template-columns:1fr;padding:8px}.command-primary,.command-secondary{width:100%}.command-title{min-width:0}.command-title h1{white-space:nowrap;font-size:17px}.primary-tools{margin-left:auto}.command-secondary{grid-template-columns:minmax(0,1fr) auto auto;display:grid}.view-switch{order:0;width:100%}.view-switch button,.sort-trigger,.primary-tools .trade-date-trigger,.command-secondary>.icon-btn{min-height:44px}.sort-trigger{justify-content:center;min-width:112px}.primary-tools>.icon-btn{display:none}.selection-strip-row{padding-right:112px;position:relative}.selection-strip{min-height:44px}.manage-selection{background:var(--surface);justify-content:center;min-width:98px;position:absolute;right:8px}.sort-sheet-backdrop{z-index:60;background:color-mix(in oklch,var(--ink) 32%,transparent);display:block;position:fixed;inset:0}.sort-sheet{z-index:61;width:auto;padding:12px 12px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -16px 44px color-mix(in oklch,var(--ink) 18%,transparent);border-width:1px 0 0;border-radius:18px 18px 0 0;position:fixed;inset:auto 0 0}.sort-sheet:before{content:"";background:var(--line);border-radius:999px;width:36px;height:4px;margin:0 auto 10px;display:block}.sort-sheet>header{padding:5px 6px 12px}.sort-sheet>header b{font-size:16px}.sort-options{gap:4px}.sort-options button{min-height:48px;padding:9px 12px}.ranking-page{gap:8px;padding:8px 8px 24px}.ranking-commandbar{border-radius:11px;flex-direction:column;align-items:stretch;gap:10px;padding:11px}.ranking-title-icon{width:38px;height:38px}.ranking-title h1{font-size:18px}.ranking-title p{display:none}.ranking-tabs{width:100%;overflow:visible}.ranking-tabs .segmented{flex:1}.ranking-tabs .segmented button{flex:1;min-height:44px;padding:7px 10px}.ranking-board{border-radius:11px;overflow:visible}.ranking-board .board-header{padding:11px}.ranking-filterbar{z-index:18;border-block:1px solid var(--line);background:color-mix(in oklch,var(--surface) 97%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:8px;padding:8px;position:sticky;top:60px}.ranking-filterbar .search-field{min-height:44px}.ranking-filter-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:6px;width:100%;display:grid}.ranking-filter-actions .trade-date-picker,.ranking-filter-actions .sort-picker{min-width:0}.ranking-filter-actions .trade-date-trigger,.ranking-filter-actions .sort-trigger{justify-content:center;width:100%;min-width:0;min-height:44px}.ranking-filter-actions .trade-date-trigger span,.ranking-filter-actions .sort-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-filter-actions .direction-btn{min-width:44px;padding-inline:10px;font-size:0}.ranking-filter-actions .direction-btn svg{width:18px}.ranking-mobile-list{background:var(--surface-soft);gap:8px;width:100%;padding:8px;display:grid}.ranking-mobile-card{border:1px solid var(--line);background:var(--surface);box-shadow:0 1px 2px color-mix(in oklch,var(--ink) 5%,transparent);border-radius:11px;gap:11px;padding:12px;display:grid}.ranking-mobile-card>header{grid-template-columns:28px minmax(0,1fr) auto 36px;align-items:center;gap:7px;display:grid}.ranking-primary-metric{background:var(--surface-soft);border-radius:9px;justify-content:space-between;align-items:flex-end;padding:10px 11px;display:flex}.ranking-primary-metric span{color:var(--muted);font-size:11px}.ranking-primary-metric strong{font-variant-numeric:tabular-nums;font-size:19px}.ranking-mobile-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;display:grid}.ranking-mobile-card dl div{gap:4px;min-width:0;display:grid}.ranking-mobile-card dt{color:var(--muted);font-size:10px}.ranking-mobile-card dd{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;font-size:11px;font-weight:700;overflow:hidden}.ranking-board .board-footer{padding-bottom:12px}.ranking-filterbar{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.workbench-page{width:100%;max-width:100vw;overflow-x:clip}.workbench-shell{width:100%;min-width:0;max-width:100%}.workbench-shell>*{min-width:0;max-width:100%}.workbench-commandbar{width:100%;min-width:0;overflow:visible}.command-primary{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.command-primary .command-title{overflow:hidden}.command-primary .command-title h1{text-overflow:ellipsis;overflow:hidden}.primary-tools{min-width:0}.primary-tools .trade-date-trigger{max-width:154px}.command-secondary{grid-template-columns:minmax(0,1fr) minmax(108px,auto) 44px;gap:6px;display:grid}.command-secondary:not(:has(.sort-picker)){grid-template-columns:minmax(0,1fr) 44px}.command-secondary .view-switch{min-width:0}.command-secondary .sort-picker,.command-secondary .sort-trigger{min-width:0;max-width:100%}.selection-strip-row{width:100%;min-width:0;max-width:100%;overflow:hidden}.selection-strip{min-width:0;max-width:100%;overflow-x:auto}.workbench-canvas,.compare-board{width:100%;min-width:0;max-width:100%}.compare-row{grid-template-columns:16px minmax(0,1fr);gap:4px 8px;width:100%;min-width:0;max-width:100%;padding:8px 10px 8px 8px}.compare-name{grid-column:2;font-size:12px;line-height:1.25}.compare-bars{grid-column:1/-1;width:100%;min-width:0}.compare-bars>div{grid-template-columns:12px minmax(0,1fr) auto;gap:6px;min-width:0}.compare-value{white-space:nowrap;min-width:52px;padding-right:2px;font-size:10.5px;font-weight:750}}.dual-flow-view{min-width:0}.dual-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;display:grid}.mobile-flow-panels{display:none}.flow-trend-panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-width:0}.flow-trend-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.flow-trend-panel>header h3{margin:0;font-size:14px}.flow-trend-panel>header span{color:var(--muted);font-size:10px}.flow-trend-body{grid-template-columns:minmax(0,1fr) 174px;min-width:0;height:clamp(500px,100dvh - 220px,720px);display:grid}.flow-trend-chart{width:100%;min-width:0;height:100%;overflow:visible}.flow-trend-ranking{border-left:1px solid var(--line);background:var(--surface-soft);align-content:start;padding:6px;display:grid;overflow-y:auto}.flow-trend-ranking button{min-height:34px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:7px;padding:5px 6px;display:grid}.flow-trend-ranking button:hover,.flow-trend-ranking button.active{background:var(--brand-soft)}.flow-trend-ranking i{border-radius:50%;width:8px;height:8px}.flow-trend-ranking span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.flow-trend-ranking strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px}.flow-trend-ranking .ranking-expand{color:var(--brand-deep);text-align:center;grid-template-columns:15px 1fr;justify-content:center;margin-top:4px;display:none}.flow-trend-ranking .ranking-expand svg{width:14px}.flow-panel-empty{min-height:430px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.flow-panel-empty svg{width:32px}.flow-panel-empty strong{color:var(--ink)}.flow-panel-empty span{font-size:11px}@media (width<=1180px) and (width>=768px){.dual-flow-grid{grid-template-columns:1fr}.flow-trend-body{height:clamp(480px,100dvh - 240px,640px)}}.flow-trend-body{grid-template-columns:minmax(0,1fr) 152px}.flow-trend-ranking button:nth-child(n+6):not(.ranking-expand){display:grid}@media (width<=767px){.desktop-flow-panels{display:none}.mobile-flow-panels{min-width:0;display:grid}.mobile-flow-tabs{border-bottom:1px solid var(--line);background:var(--surface-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:6px;display:grid}.mobile-flow-tabs button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:8px;font-weight:750}.mobile-flow-tabs button.active{background:var(--surface);color:var(--brand-deep);box-shadow:var(--shadow-subtle)}.mobile-flow-panels .flow-trend-panel{border:0;border-radius:0}.flow-trend-body{grid-template-columns:1fr;height:auto}.flow-trend-chart{height:390px}.flow-trend-ranking{border-top:1px solid var(--line);border-left:0;grid-template-columns:1fr;max-height:none;padding:8px}.flow-trend-ranking:has(.ranking-expand) .ranking-expand{display:grid}.flow-trend-ranking button{min-height:42px}.flow-trend-ranking span,.flow-trend-ranking strong{font-size:11px}.flow-panel-empty{min-height:390px}.flow-trend-ranking button:nth-child(n+6):not(.ranking-expand){display:grid!important}.workbench-page:not(.is-mobile-curve) .flow-trend-chart{height:320px!important}}.workbench-page,.workbench-shell{gap:8px}.workbench-commandbar{justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex}.command-primary{flex:auto;min-width:0}.command-title{align-items:baseline;gap:10px;min-width:0;display:flex}.command-title h1{white-space:nowrap;flex:none;font-size:19px}.command-meta{min-width:0;color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex}.command-meta time{color:var(--brand-deep);font-variant-numeric:tabular-nums;font-weight:750}.command-meta span:before{content:"·";color:var(--line-strong);margin-right:8px}.command-secondary{flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.manage-selection{background:var(--surface);white-space:nowrap;border-style:solid;min-height:36px;position:relative}.manage-selection b{background:var(--brand-soft);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;display:grid}.flow-trend-panel>header{min-height:36px;padding:7px 10px}.flow-trend-heading{white-space:nowrap;align-items:baseline;gap:7px;min-width:0;display:flex}.flow-trend-heading h3{flex:none}.flow-trend-heading span{text-overflow:ellipsis;overflow:hidden}.flow-trend-heading span:before{content:"·";color:var(--line-strong);margin-right:7px}@media (width<=1100px) and (width>=768px){.workbench-commandbar{flex-wrap:wrap;align-items:flex-start}.command-secondary{flex:100%;justify-content:flex-end}}@media (width<=767px){.workbench-commandbar{grid-template-columns:minmax(0,1fr);gap:7px;padding:8px;display:grid}.command-primary{width:100%}.command-title{justify-content:space-between;align-items:center;gap:8px;width:100%}.command-title h1{text-overflow:ellipsis;font-size:16px;overflow:hidden}.command-meta{flex:none;font-size:9px}.command-meta span{display:none}.command-secondary{grid-template-columns:minmax(0,1fr) 44px 44px;gap:6px;width:100%;display:grid}.command-secondary .trade-date-picker{grid-area:1/1;min-width:0}.command-secondary .trade-date-trigger{justify-content:center;width:100%;max-width:none;min-height:44px}.command-secondary .refresh-action{display:none}.command-secondary .manage-selection{grid-area:1/2;justify-content:center;width:44px;min-width:44px;min-height:44px;padding:0}.command-secondary .manage-selection span{display:none}.command-secondary .manage-selection b{border:1px solid var(--surface);min-width:15px;height:15px;padding:0 3px;font-size:8px;position:absolute;transform:translate(11px,-11px)}.command-secondary .auto-refresh-action{grid-area:1/3;width:44px;min-height:44px}.command-secondary .view-switch{grid-area:2/1/auto/-1;width:100%}.command-secondary .view-switch button{flex:1;justify-content:center;min-height:42px}.command-secondary .sort-picker{grid-area:3/1/auto/-1;width:100%}.command-secondary .sort-trigger{justify-content:center;width:100%;min-height:44px}.flow-trend-panel>header{min-height:34px;padding:6px 9px}.flow-trend-heading h3{font-size:13px}.flow-trend-heading span{font-size:9px}}.replay-trigger{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink-soft);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-weight:750;display:flex}.replay-trigger svg{width:15px}.replay-trigger:hover,.replay-trigger.active{border-color:color-mix(in oklch,var(--brand) 36%,var(--line));background:var(--brand-soft);color:var(--brand-deep)}.replay-trigger:disabled{cursor:not-allowed;opacity:.45}.playback-bar{border:1px solid color-mix(in oklch,var(--brand) 22%,var(--line));background:color-mix(in oklch,var(--brand-soft) 36%,var(--surface));border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:3px 14px;padding:9px 12px;display:grid}.playback-status{white-space:nowrap;grid-row:1/-1;align-items:center;gap:7px;display:flex}.playback-status svg{width:16px;color:var(--brand-deep)}.playback-status span{color:var(--muted);font-size:10px}.playback-status strong{color:var(--brand-deep);font-variant-numeric:tabular-nums;font-size:14px}.playback-bar input[type=range]{width:100%;height:18px;accent-color:var(--brand);cursor:pointer;margin:0}.playback-range{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:9px;display:flex}.playback-bar .live-return{white-space:nowrap;grid-area:1/3/-1;min-height:36px}.playback-bar .live-return svg{width:14px}.compare-row.is-top-1 .compare-rank,.compare-row.is-top-2 .compare-rank,.compare-row.is-top-3 .compare-rank{color:#dc2626;background:#dc26261f;min-width:18px}.compare-row.is-tail-1 .compare-rank,.compare-row.is-tail-2 .compare-rank,.compare-row.is-tail-3 .compare-rank{color:#15803d;background:#15803d1f;min-width:18px}@media (width<=767px){.command-secondary{grid-template-columns:minmax(0,1fr) 44px 44px!important}.command-secondary .trade-date-picker{grid-area:1/1}.command-secondary .manage-selection{grid-area:1/2}.command-secondary .replay-trigger{grid-area:1/3;justify-content:center;width:44px;min-width:44px;min-height:44px;padding:0}.command-secondary .replay-trigger span{display:none}.command-secondary .view-switch{grid-area:2/1/auto/-1}.playback-bar{grid-template-rows:auto auto auto;grid-template-columns:1fr auto;gap:5px 9px;padding:9px}.playback-status{grid-area:1/1}.playback-bar input[type=range]{grid-area:2/1/auto/-1;min-height:28px}.playback-range{grid-area:3/1/auto/-1}.playback-bar .live-return{grid-area:1/2;min-height:40px;padding-inline:10px}.compare-row{grid-template-columns:16px minmax(0,1fr);gap:4px 8px;min-height:0;padding:8px 10px 8px 8px}.compare-name{grid-column:2;font-size:12px}.compare-bars{grid-column:1/-1}.compare-bars>div{grid-template-columns:12px minmax(0,1fr) auto;gap:6px}.compare-value{font-size:10.5px;font-weight:750}}.ranking-page{gap:0;padding:16px}.ranking-board.integrated{border-radius:14px;min-width:0;overflow:visible}.ranking-unified-header{border-bottom:1px solid var(--line);gap:8px;padding:12px 14px;display:grid}.ranking-title-row{flex-wrap:nowrap;align-items:center;gap:6px 8px;min-width:0;display:flex}.ranking-title-row h1{letter-spacing:-.02em;white-space:nowrap;flex:none;margin:0;font-size:20px;font-weight:900}.ranking-updated{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:600}.ranking-mode-tag{border:1px solid color-mix(in oklch,var(--brand) 22%,transparent);background:color-mix(in oklch,var(--brand-soft) 70%,var(--surface));min-height:20px;color:var(--brand-deep);border-radius:999px;align-items:center;padding:0 7px;font-size:10px;font-weight:800;display:inline-flex}.ranking-mode-tag.is-live{background:color-mix(in oklch,#fef3c7 72%,var(--surface));color:#b45309;border-color:oklch(76.8591% .164659 70.0804/.28)}.ranking-head-actions{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.ranking-head-actions .trade-date-picker.is-icon-only .trade-date-trigger{justify-content:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0}.ranking-refresh{width:40px;height:40px}.ranking-head-tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ranking-scope-tools{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.ranking-scope-tabs{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;width:148px;padding:3px;display:grid}.ranking-scope-tabs button{min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:800;display:inline-flex}.ranking-scope-tabs button svg{width:13px;height:13px}.ranking-scope-tabs button.active{background:var(--surface);color:var(--brand-deep);box-shadow:0 3px 10px color-mix(in oklch,var(--ink) 8%,transparent);cursor:default}.ranking-scope-tabs.is-kind{flex:calc(50% - 4px);width:auto}.ranking-toolbar{justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.ranking-toolbar .ranking-sort-chips{border-bottom:0;flex:0 auto;justify-content:flex-end;min-width:0;max-width:min(100%,720px);padding:0}.ranking-mobile-toolbar{display:none}.ranking-sort-chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-end;gap:6px;display:flex;overflow-x:auto}.ranking-sort-chips::-webkit-scrollbar{display:none}.ranking-sort-chip{border:1px solid var(--line);background:var(--surface);min-height:30px;color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;padding:0 10px;font-size:12px;font-weight:750}.ranking-sort-chip em{margin-left:2px;font-style:normal}.ranking-sort-chip.active{color:var(--brand-deep);border-color:color-mix(in oklch,var(--brand) 36%,var(--line));background:color-mix(in oklch,var(--brand-soft) 62%,var(--surface))}.ranking-board-table{flex-direction:column;min-width:0;max-height:calc(100dvh - 152px);display:flex;overflow:hidden}.ranking-board-scroll{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow:auto}.ranking-board-cols,.ranking-board-row{box-sizing:border-box;align-items:center;gap:8px 10px;padding:0 12px 0 14px;display:grid}.ranking-board-table.is-sector .ranking-board-cols,.ranking-board-table.is-sector .ranking-board-row{grid-template-columns:minmax(90px,1.25fr) minmax(58px,.7fr) minmax(76px,.9fr) minmax(76px,.9fr) minmax(76px,.9fr) minmax(68px,.8fr) minmax(76px,.85fr) 24px minmax(104px,1.2fr) 44px;min-width:900px}.ranking-board-table.is-stock .ranking-board-cols,.ranking-board-table.is-stock .ranking-board-row{grid-template-columns:minmax(96px,1.3fr) minmax(58px,.7fr) minmax(58px,.7fr) minmax(76px,.9fr) minmax(76px,.9fr) minmax(76px,.9fr) minmax(72px,.85fr) 44px;min-width:660px}.ranking-board-cols{z-index:3;color:var(--muted);border-bottom:1px solid var(--line);background:color-mix(in oklch,var(--surface) 92%,var(--surface-soft));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-block:10px 8px;font-size:11px;font-weight:700;position:sticky;top:0}.ranking-board-cols .is-name,.ranking-board-cols .is-leader-col,.ranking-board-cols .is-favorite-col{text-align:left}.ranking-board-cols .is-leader-gap,.ranking-board-row>.is-leader-gap{pointer-events:none;width:100%;min-width:24px;height:1px;display:block}.ranking-board-cols .is-leader-col{padding-left:4px}.ranking-board-cols .is-num{text-align:right;color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0}.ranking-board-cols .is-num em{margin-left:2px;font-style:normal}.ranking-board-cols .is-active{color:var(--brand-deep);text-underline-offset:3px;text-decoration:underline}.ranking-board-list{margin:0;padding:0;list-style:none}.ranking-board-row{border-bottom:1px solid var(--line);padding-block:11px}.ranking-board-list>li:last-child .ranking-board-row{border-bottom:0}.ranking-board-name{gap:2px;min-width:0;display:grid}.ranking-board-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;line-height:1.2;overflow:hidden}.ranking-board-name small{color:var(--muted);font-size:10px;font-weight:700}.ranking-board-num{text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;font-size:13px;font-weight:800}.ranking-board-num.is-muted{color:var(--muted);font-weight:700}.ranking-board-num.is-ratio{color:var(--brand-deep);font-weight:800}.ranking-board-leader{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--brand-deep);padding-left:4px;font-size:12px;font-weight:700;overflow:hidden}.ranking-board-favorite{place-items:center;display:grid}.ranking-toolbar>.icon-btn{flex:none;width:36px;height:36px}.ranking-toolbar .trade-date-picker{flex:none}.ranking-board.compact .ranking-unified-header{padding:11px 12px}.ranking-board.compact .ranking-title-row h1{font-size:16px}.ranking-mobile-list{display:none}.ranking-mobile-cards{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ranking-mobile-card{border:1px solid var(--line);background:var(--surface);box-shadow:0 4px 14px color-mix(in oklch,var(--ink) 4%,transparent);border-radius:14px;gap:10px;padding:12px;display:grid}.ranking-mobile-card-top{align-items:flex-start;gap:8px;min-width:0;display:flex}.ranking-mobile-rank{background:var(--surface-soft);width:22px;height:22px;color:var(--muted);border-radius:7px;flex:none;place-items:center;margin-top:1px;font-size:11px;font-weight:800;display:grid}.ranking-mobile-name{flex:auto;gap:2px;min-width:0;display:grid}.ranking-mobile-name strong{font-size:15px;font-weight:850;line-height:1.25}.ranking-mobile-name small{color:var(--muted);font-size:11px;font-weight:600}.ranking-mobile-leader{color:var(--brand-deep);font-size:12px;font-weight:700}.ranking-mobile-metrics{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 6px;padding-top:10px;display:grid}.ranking-mobile-metrics>div{border-radius:8px;gap:3px;min-width:0;padding:4px 6px;display:grid}.ranking-mobile-metrics>div.is-sorted{background:color-mix(in oklch,var(--brand-soft) 72%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--brand) 18%,transparent)}.ranking-mobile-metrics span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:650;line-height:1.2;overflow:hidden}.ranking-mobile-metrics strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;line-height:1.2;overflow:hidden}.ranking-mobile-metrics strong.is-ratio{color:var(--brand-deep)}.ranking-mobile-card .favorite-btn{flex:none;width:34px;height:34px;margin-left:0}@media (width<=1280px) and (width>=768px){.ranking-unified-header{flex-wrap:wrap;align-items:flex-start}.ranking-toolbar{flex-wrap:wrap;flex:100%}}@media (width<=767px){.ranking-page{gap:0;padding:8px 8px 24px}.ranking-board.integrated{border-radius:11px}.ranking-unified-header{gap:8px;padding:10px}.ranking-title-row h1{font-size:17px}.ranking-head-actions .trade-date-picker.is-icon-only .trade-date-trigger,.ranking-refresh{width:34px;min-width:34px;height:34px;min-height:34px}.ranking-scope-tabs{flex:calc(50% - 4px);width:auto}.ranking-toolbar{display:none}.ranking-mobile-toolbar{padding:0 10px 8px;display:block}.ranking-mobile-toolbar .ranking-sort-chips{justify-content:flex-start;padding:1px 0 2px}.ranking-mobile-list{background:var(--surface-soft);gap:8px;padding:0 8px 8px;display:grid}.ranking-board-table{max-height:none}}.workbench-compact-bar{display:none}.workbench-compact-date-row{align-items:center;gap:8px;min-width:0;display:flex}.workbench-compact-date{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:700}.workbench-session-time{border:1px solid color-mix(in oklch,var(--brand) 36%,var(--line));min-width:52px;color:var(--brand-deep);font-variant-numeric:tabular-nums;white-space:nowrap;background:color-mix(in oklch,var(--brand-soft) 72%,var(--surface));border-radius:9px;justify-content:center;align-items:center;padding:3px 10px;font-size:13px;font-weight:820;display:inline-flex}.workbench-compact-heading{margin:2px 0 0;font-size:16px;font-weight:800;line-height:1.2;display:block}.workbench-compact-toolbar{--wb-toolbar-size:36px;--wb-toolbar-segment:32px;--wb-toolbar-icon:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:6px;margin-top:6px;padding-top:4px;display:flex;overflow-x:auto}.workbench-compact-toolbar::-webkit-scrollbar{display:none}.workbench-toolbar-toggle{box-sizing:border-box;height:var(--wb-toolbar-size);border:1px solid var(--line);background:var(--surface-soft);border-radius:999px;flex:none;align-items:center;gap:2px;padding:2px;display:inline-flex}.workbench-toolbar-toggle button{box-sizing:border-box;min-width:var(--wb-toolbar-segment);width:var(--wb-toolbar-segment);height:var(--wb-toolbar-segment);min-height:var(--wb-toolbar-segment);color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:0;padding:0 10px;font-size:12px;font-weight:750;display:inline-flex}.workbench-toolbar-toggle button svg{width:var(--wb-toolbar-icon);height:var(--wb-toolbar-icon)}.workbench-toolbar-toggle button.active{color:var(--brand-deep);background:var(--surface);box-shadow:var(--shadow-subtle)}.workbench-toolbar-icons{flex:none;align-self:center;align-items:center;gap:4px;margin-left:auto;display:inline-flex}.workbench-toolbar-icon-group{box-sizing:border-box;height:var(--wb-toolbar-size);border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;flex:none;align-items:center;gap:2px;padding:2px;display:inline-flex;overflow:visible}.workbench-icon-btn{box-sizing:border-box;width:var(--wb-toolbar-segment);min-width:var(--wb-toolbar-segment);height:var(--wb-toolbar-segment);min-height:var(--wb-toolbar-segment);max-height:var(--wb-toolbar-segment);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.workbench-toolbar-icon-group .workbench-icon-btn.active,.workbench-toolbar-icon-group .workbench-icon-btn:hover{background:var(--surface);color:var(--brand-deep);box-shadow:var(--shadow-subtle)}.workbench-icon-btn svg{width:var(--wb-toolbar-icon);height:var(--wb-toolbar-icon)}.workbench-icon-btn.active,.workbench-icon-btn:hover{color:var(--brand-deep)}.workbench-icon-btn:disabled{opacity:.45;cursor:not-allowed}.workbench-compact-toolbar .workbench-icon-btn.manage-selection{color:var(--ink-soft);white-space:nowrap;background:0 0;border:0 solid;padding:0;display:inline-grid}.workbench-compact-toolbar .workbench-icon-btn.replay-trigger{min-height:var(--wb-toolbar-segment);font-weight:inherit;white-space:normal;background:0 0;border:0;padding:0;display:inline-grid}.manage-selection--compact span{display:none}.manage-selection--compact b{z-index:2;border:1.5px solid var(--surface);background:var(--brand);color:#fff;pointer-events:none;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:800;line-height:1;display:grid;position:absolute;top:-3px;right:-3px;transform:none}.workbench-compact-toolbar .workbench-date-picker{flex:none;align-self:center;align-items:center;display:inline-flex}.workbench-compact-toolbar .workbench-date-picker .trade-date-trigger{box-sizing:border-box;width:var(--wb-toolbar-size);min-width:var(--wb-toolbar-size);height:var(--wb-toolbar-size);min-height:var(--wb-toolbar-size);max-height:var(--wb-toolbar-size);border:1px solid var(--line);background:var(--surface);border-radius:10px;place-items:center;gap:0;padding:0;display:inline-grid}.workbench-compact-toolbar .workbench-date-picker .trade-date-trigger span{display:none}.workbench-compact-toolbar .workbench-date-picker .trade-date-trigger svg{width:var(--wb-toolbar-icon);height:var(--wb-toolbar-icon);color:var(--ink-soft);flex:none}@media (width<=767px){.workbench-compact-bar{padding:0 2px 2px;display:block}.workbench-commandbar.desktop-only{display:none!important}.workbench-page.is-mobile-curve,.workbench-page.is-mobile-board{-webkit-overflow-scrolling:touch;background:var(--surface-soft);flex-direction:column;gap:6px;min-height:0;padding:6px 8px 12px;display:flex;overflow:hidden auto}.workbench-page.is-mobile-curve .workbench-shell,.workbench-page.is-mobile-board .workbench-shell{min-height:0;box-shadow:none;background:0 0;border:0;flex-direction:column;gap:6px;display:flex}.workbench-page.is-mobile-curve .workbench-canvas,.workbench-page.is-mobile-board .workbench-canvas{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;display:flex;overflow:visible}.workbench-page.is-mobile-curve .dual-flow-view,.workbench-page.is-mobile-curve .mobile-flow-panels{background:var(--surface);flex-direction:column;display:flex}.workbench-page.is-mobile-curve .flow-trend-panel{background:var(--surface);border:0;border-radius:0;flex-direction:column;display:flex}.workbench-page.is-mobile-curve .flow-trend-body{background:var(--surface);flex-direction:column;display:flex;height:auto!important}.workbench-page.is-mobile-curve .flow-trend-chart{background:var(--surface);width:100%;overflow:visible}.workbench-page.is-mobile-curve .flow-trend-ranking{border-top:1px solid var(--line);background:var(--surface-soft);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:min-content;align-content:start;gap:4px 8px;padding:6px 8px 10px;display:grid}.workbench-page.is-mobile-curve .flow-trend-ranking button{background:0 0;min-height:34px;padding:4px 5px}.workbench-page.is-mobile-curve .flow-trend-ranking button:nth-child(n+6):not(.ranking-expand){display:grid!important}.workbench-page.is-mobile-board .workbench-canvas{background:var(--surface);overflow:visible}.workbench-page.is-mobile-board .flow-compare-board{border-top:0;min-height:0;padding-bottom:4px}.workbench-page.is-mobile-board .flow-compare-head{gap:6px;padding:8px 10px 6px}.workbench-page.is-mobile-board .flow-compare-meta{white-space:normal;text-align:right;line-height:1.35}.workbench-page.is-mobile-board .compare-board{gap:0}.workbench-page.is-mobile-board .compare-row{border-bottom:1px solid var(--line);align-items:start;min-height:0}.workbench-page.is-mobile-board .compare-bars{gap:5px}.flow-compare-board.is-compact .compare-row{grid-template-columns:16px minmax(0,1fr);align-items:start;padding:8px 10px 8px 8px}.flow-compare-board.is-compact .compare-name{grid-column:2}.flow-compare-board.is-compact .compare-bars{grid-column:1/-1}.flow-compare-board.is-compact .compare-bars>div{grid-template-columns:12px minmax(0,1fr) auto}.flow-compare-board.is-compact .compare-value{font-size:10.5px;font-weight:750}.playback-bar--compact{border-radius:10px;grid-template-rows:auto auto auto;grid-template-columns:1fr auto;gap:4px 8px;padding:7px 8px}.playback-bar--compact .playback-status span{display:none}.playback-bar--compact .live-return{min-height:34px;padding-inline:8px;font-size:12px}.playback-bar--compact .live-return span{display:none}.workbench-page.is-mobile-curve .dual-flow-view.is-compact,.workbench-page.is-mobile-curve .flow-trend-panel.is-compact{overflow:visible}}