:root{--bg-primary: #F5F7FA;--bg-secondary: #FFFFFF;--bg-tertiary: #E8EBF0;--bg-hover: #EEF1F5;--border-color: #D8DCE3;--border-light: #E8EBF0;--text-primary: #1A1D21;--text-secondary: #4A5568;--text-muted: #8896A6;--text-subtle: #A8B2C1;--color-green: #00A874;--color-green-light: #E6F7F2;--color-green-dark: #007A54;--color-yellow: #F5A623;--color-yellow-light: #FEF8E7;--color-yellow-dark: #C78500;--color-red: #E53935;--color-red-light: #FDEDEE;--color-red-dark: #B71C1C;--color-fair: #F5A623;--color-blue: #2563EB;--color-blue-light: #EFF6FF;--heat-buy-strong: rgba(0, 122, 84, .45);--heat-buy: rgba(0, 122, 84, .18);--heat-fair: rgba(255, 152, 0, .2);--heat-over: rgba(229, 57, 53, .16);--heat-over-strong: rgba(229, 57, 53, .38);--pr-cheap-strong: var(--heat-buy-strong);--pr-cheap: var(--heat-buy);--pr-fair: var(--heat-fair);--pr-expensive: var(--heat-over);--pr-expensive-strong: var(--heat-over-strong);--font-sans: "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--header-height: 40px;--status-bar-height: 32px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);font-size:12px;line-height:1.4;-webkit-font-smoothing:antialiased;overflow:hidden;height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{display:flex;flex-direction:column;height:100vh;width:100%}.status-bar{height:var(--status-bar-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;align-items:center;padding:0 var(--space-lg);gap:var(--space-xl);flex-shrink:0}.status-item{display:flex;align-items:center;gap:var(--space-sm)}.status-label{font-size:11px;color:var(--text-muted)}.status-value{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-primary)}.status-change{font-family:var(--font-mono);font-size:11px;padding:1px 4px;border-radius:2px}.status-change.up{background:var(--color-green-light);color:var(--color-green-dark)}.status-change.down{background:var(--color-red-light);color:var(--color-red-dark)}.status-divider{width:1px;height:16px;background:var(--border-light)}.status-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-md)}.status-visits{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);white-space:nowrap}.status-visits .visit-num{font-family:var(--font-mono);font-weight:600;color:var(--text-secondary)}.time-display{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);white-space:nowrap}.status-bar-median-desktop{display:flex;align-items:center;gap:var(--space-md)}.status-bar-rank-stack,.status-bar-rank-row{display:contents}.status-bar-smart-pick,.status-valid-mobile-inline{display:none}.header-bar{height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 var(--space-lg);gap:var(--space-lg);flex-shrink:0;overflow:visible}.header-drawer-trigger{display:none}.logo{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:14px;color:var(--text-primary)}.logo-link{text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.logo-link:hover{opacity:.92}.logo-title--short{display:none}.logo-icon{display:block;width:32px;height:32px;object-fit:contain;border-radius:8px;flex-shrink:0}.search-box{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:4px;padding:4px 10px;gap:6px;width:200px;transition:border-color .15s}.search-box:focus-within{border-color:var(--color-blue)}.search-box input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:12px;width:100%;font-family:var(--font-sans)}.search-box input::placeholder{color:var(--text-muted)}.nav-tabs{display:flex;gap:2px;background:var(--bg-primary);padding:2px;border-radius:4px}.nav-tab{padding:4px 12px;font-size:12px;color:var(--text-secondary);cursor:pointer;border-radius:3px;transition:all .15s}.nav-tab:hover{background:var(--bg-secondary)}.nav-tab.active{background:var(--bg-secondary);color:var(--text-primary);font-weight:500;box-shadow:0 1px 2px #0000000d}.header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm);overflow:visible}.btn{padding:5px 12px;font-size:12px;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .15s}.btn:hover{background:var(--bg-primary);color:var(--text-primary)}.btn-primary{background:var(--color-blue);border-color:var(--color-blue);color:#fff}.btn-primary:hover{background:#1d4ed8;color:#fff}.main-container{flex:1;min-height:0;display:grid;grid-template-columns:256px 1fr 288px;overflow:hidden}.main-container--left-collapsed{grid-template-columns:40px 1fr 288px}.main-container--right-collapsed:not(.main-container--left-collapsed){grid-template-columns:256px 1fr 40px}.main-container--left-collapsed.main-container--right-collapsed{grid-template-columns:40px 1fr 40px}.right-panel-column{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--bg-secondary);border-left:1px solid var(--border-light)}.right-panel-column .right-panel{border-left:none;flex:1;min-height:0}.right-panel-reveal-btn{flex:1;min-height:120px;width:100%;max-width:40px;margin:0 auto;padding:var(--space-sm) 0;writing-mode:vertical-rl;text-orientation:mixed;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--text-secondary);background:var(--bg-secondary);border:none;cursor:pointer;transition:background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}.right-panel-reveal-btn:hover{background:var(--bg-hover, rgba(0, 0, 0, .04));color:var(--accent, #0b86f6)}.right-panel-reveal-btn:focus-visible{outline:2px solid var(--accent, #0b86f6);outline-offset:-2px}.left-panel-column{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--bg-secondary);border-right:1px solid var(--border-light)}.left-panel-column .left-panel{border-right:none;flex:1;min-height:0}.left-panel-reveal-btn{flex:1;min-height:120px;width:100%;max-width:40px;margin:0 auto;padding:var(--space-sm) 0;writing-mode:vertical-rl;text-orientation:mixed;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--text-secondary);background:var(--bg-secondary);border:none;cursor:pointer;transition:background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}.left-panel-reveal-btn:hover{background:var(--bg-hover, rgba(0, 0, 0, .04));color:var(--accent, #0b86f6)}.left-panel-reveal-btn:focus-visible{outline:2px solid var(--accent, #0b86f6);outline-offset:-2px}.left-panel{background:var(--bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:var(--space-sm);flex-wrap:wrap}.panel-title{font-size:12px;font-weight:600;color:var(--text-primary)}.panel-count{font-size:11px;color:var(--text-muted)}.panel-filters{padding:var(--space-xs) var(--space-md);display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--border-light);flex-shrink:0}.filter-btn{padding:3px 8px;font-size:11px;border-radius:3px;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer}.filter-btn:hover{background:var(--bg-primary);color:var(--text-secondary)}.filter-btn.active{background:var(--color-green-light);color:var(--color-green-dark);border-color:var(--color-green)}.stock-list{flex:1;overflow-y:auto;overflow-x:hidden}.stock-table{width:100%;border-collapse:collapse;font-size:12px}.stock-table th{position:sticky;top:0;background:var(--bg-tertiary);padding:6px 8px;text-align:left;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-light);white-space:nowrap}.stock-table td{padding:5px 6px;border-bottom:1px solid var(--border-light);font-family:var(--font-mono)}.stock-table tr:hover td{background:var(--bg-hover)}.stock-table tr.selected td{background:var(--color-blue-light)}.stock-table .col-name{width:1%;min-width:78px}.stock-table .col-pr{width:52px;text-align:right}.stock-table .col-status{width:52px;text-align:center}.stock-name-cell{display:flex;flex-direction:column;gap:1px}.stock-name-text{font-family:var(--font-sans);font-weight:500;color:var(--text-primary)}.stock-code-text{font-size:10px;color:var(--text-muted)}.pr-value{font-weight:600}.pr-value.green{color:var(--color-green-dark)}.pr-value.yellow{color:var(--color-yellow-dark)}.pr-value.red{color:var(--color-red-dark)}.status-tag{display:inline-block;padding:2px 6px;font-size:10px;font-weight:500;border-radius:2px;font-family:var(--font-sans)}.status-tag.undervalued{background:var(--heat-buy);color:var(--color-green-dark)}.status-tag.fair{background:var(--heat-fair);color:var(--color-yellow-dark)}.status-tag.overvalued{background:var(--heat-over);color:var(--color-red-dark)}.center-panel{background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0}.content-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--space-sm);-webkit-overflow-scrolling:touch}.center-view{display:none}.center-view.active{display:block}.multi-header-card{background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color);padding:8px 10px;margin-bottom:var(--space-sm);display:flex;flex-direction:column;gap:4px}.multi-header-title{font-size:12px;font-weight:600;color:var(--text-primary)}.multi-header-sub{font-size:10px;color:var(--text-muted)}.multi-mode-tabs{display:inline-flex;flex-wrap:wrap;gap:4px;margin-top:4px}.multi-mode-tab{padding:3px 8px;border-radius:999px;border:1px solid transparent;background:var(--bg-primary);font-size:10px;color:var(--text-secondary);cursor:pointer}.multi-mode-tab.active{border-color:var(--color-blue);background:var(--bg-secondary);color:var(--color-blue)}.multi-mode-section{display:none}.multi-mode-section.active{display:block}.multi-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.multi-panel-header{padding:10px 12px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.multi-panel-title{font-size:13px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.multi-panel-title:before{content:"";display:block;width:3px;height:14px;border-radius:2px;background-color:var(--color-blue)}.multi-panel-sub{font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.multi-table-wrapper{overflow-x:auto}.multi-table{width:100%;border-collapse:collapse;text-align:right;font-size:13px}.multi-table th{color:var(--text-muted);font-weight:500;font-size:12px;padding:12px 16px;border-bottom:1px solid var(--border-color);white-space:nowrap;background-color:var(--bg-secondary)}.multi-table th:first-child,.multi-table td:first-child{text-align:left}.multi-table td{padding:16px;border-bottom:1px solid rgba(42,46,57,.15);vertical-align:middle}.multi-table tbody tr:hover{background-color:var(--bg-hover)}.valuation-bar-container{width:90px;height:5px;background-color:var(--border-light);border-radius:3px;margin-left:auto;position:relative;overflow:hidden;margin-top:4px}.valuation-bar{height:100%;border-radius:3px}.multi-heatmap-card{margin-top:var(--space-sm);background-color:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color);padding:8px 10px 10px}.multi-heatmap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.multi-heatmap-title{font-size:12px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.multi-heatmap-title:before{content:"";display:block;width:3px;height:14px;border-radius:2px;background-color:var(--color-blue)}.multi-heatmap-sub{font-size:10px;color:var(--text-muted)}.multi-heatmap-table{width:100%;border-collapse:separate;border-spacing:4px;font-size:12px}.multi-heatmap-table th{color:var(--text-muted);font-weight:500;font-size:12px;padding:8px;text-align:center}.multi-heatmap-table th:first-child{text-align:left}.multi-heatmap-table td{padding:10px 8px;text-align:center;font-family:var(--font-mono);border-radius:4px;color:var(--text-main);transition:transform .2s}.multi-heatmap-table td:first-child{text-align:left;background-color:transparent!important;font-family:var(--font-sans);font-weight:600}.multi-heatmap-table td:not(:first-child):hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d;z-index:10;position:relative}.mh-buy-s{background-color:var(--heat-buy-strong)}.mh-buy{background-color:var(--heat-buy)}.mh-fair{background-color:var(--heat-fair)}.mh-over{background-color:var(--heat-over)}.mh-over-s{background-color:var(--heat-over-strong)}.mh-missing{background-color:#96969633;color:var(--text-muted);font-style:italic}.multi-heatmap-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:10px;color:var(--text-muted)}.multi-heatmap-legend-item{display:flex;align-items:center;gap:4px}.multi-heatmap-legend-color{width:14px;height:10px;border-radius:3px}.group-row{cursor:pointer}.group-row td{padding:6px 8px}.group-row-inner{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:6px}.group-meta{font-size:10px;color:var(--text-muted);margin-top:2px;display:flex;flex-wrap:wrap;gap:4px}.group-pill{padding:1px 4px;border-radius:999px;border:1px solid var(--border-light);font-size:9px}.group-stats{font-size:10px;color:var(--text-secondary);display:flex;flex-direction:column;gap:2px}.group-stats-num{font-family:var(--font-mono);font-size:11px;font-weight:600}.group-stats-num.green{color:var(--color-green-dark)}.group-stats-num.yellow{color:var(--color-yellow-dark)}.group-stats-num.red{color:var(--color-red-dark)}.group-pr-track{position:relative;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--color-green-light) 0%,var(--color-green-light) 30%,var(--color-yellow-light) 30%,var(--color-yellow-light) 70%,var(--color-red-light) 70%,var(--color-red-light) 100%);overflow:hidden}.group-pr-track-wrap{display:flex;flex-direction:column;gap:4px;min-width:0;width:100%}.group-pr-dist-bar{display:flex;flex-direction:row;height:6px;border-radius:999px;overflow:hidden;background:var(--border-light)}.group-pr-dist-seg{min-width:2px;transition:width .2s ease}.group-pr-dist-seg.low{background:var(--color-green-light)}.group-pr-dist-seg.mid-low{background:#34d39980}.group-pr-dist-seg.fair{background:var(--color-yellow-light)}.group-pr-dist-seg.high{background:var(--color-red-light)}.group-pr-marker-track{height:4px;background:#0000000f}.group-pr-marker{position:absolute;top:-2px;width:2px;height:8px;border-radius:999px;background:var(--color-blue);transition:left .2s ease}.multi-signal-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:500}.multi-signal-badge.cheap-base{background:#2563eb0f;color:var(--color-blue)}.multi-signal-badge.still-cheap{background:var(--color-green-light);color:var(--color-green-dark)}.multi-signal-badge.not-suitable{background:var(--color-yellow-light);color:var(--color-yellow-dark)}.stock-overview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:6px 10px 8px;margin-bottom:var(--space-sm)}.overview-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:6px;min-height:0;padding-bottom:6px;border-bottom:1px solid var(--border-light)}.stock-info{display:flex;gap:var(--space-sm);align-items:center;min-width:0}.stock-info>div:last-child{min-width:0}.stock-avatar{width:36px;height:36px;flex-shrink:0;background:linear-gradient(135deg,var(--color-green),var(--color-blue));border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px}@media (max-width: 768px){.stock-avatar.stock-avatar--tap-target{cursor:pointer;-webkit-tap-highlight-color:transparent}.stock-avatar.stock-avatar--tap-target:active{opacity:.92}}.stock-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:1px}.stock-title{font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.25}.stock-market-badge{font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;line-height:1.25;flex-shrink:0}.stock-market-badge.market-cn{background:#3498db2e;color:#1a5276}.stock-market-badge.market-hk{background:#8e44ad29;color:#6c3483}.stock-watchlist-btn{flex-shrink:0;font-size:11px;font-weight:600;padding:3px 8px;line-height:1.25;border-radius:6px;border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.stock-watchlist-btn:hover:not(.is-in-watchlist){border-color:var(--border-strong, var(--border-default));color:var(--text-primary);background:var(--bg-hover)}.stock-watchlist-btn.is-in-watchlist{border-color:#0b86f673;background:#0b86f61a;color:var(--accent, #0b86f6)}.stock-watchlist-btn__mobile-remove{display:inline-block;white-space:nowrap;font-size:11px;font-weight:600;line-height:1.25}.stock-watchlist-btn__face{position:relative;display:inline-grid;place-items:center;min-width:2em;min-height:1.2em}.stock-watchlist-btn__in-label,.stock-watchlist-btn__remove-icon{grid-area:1 / 1;transition:opacity .2s ease,transform .28s cubic-bezier(.34,1.4,.64,1)}@media (prefers-reduced-motion: reduce){.stock-watchlist-btn__in-label,.stock-watchlist-btn__remove-icon{transition-duration:.01ms}}.stock-watchlist-btn__remove-icon{opacity:0;transform:scale(.35) rotate(-75deg);font-size:16px;font-weight:700;line-height:1;color:#b91c1c;pointer-events:none}@media (hover: hover) and (pointer: fine){.stock-watchlist-btn.is-in-watchlist:hover{border-color:#dc26268c;background:#ef44441f;color:#b91c1c}.stock-watchlist-btn.is-in-watchlist:hover .stock-watchlist-btn__in-label{opacity:0;transform:scale(.85)}.stock-watchlist-btn.is-in-watchlist:hover .stock-watchlist-btn__remove-icon{opacity:1;transform:scale(1) rotate(0)}}.stock-watchlist-btn:focus-visible{outline:2px solid var(--accent, #0b86f6);outline-offset:1px}.stock-watchlist-btn.is-in-watchlist:focus-visible{outline-color:#dc2626}@media (max-width: 768px){.stock-title-row.stock-title--tap-target{cursor:pointer;-webkit-tap-highlight-color:transparent}.stock-title-row.stock-title--tap-target:active{opacity:.85}}.stock-meta-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;margin-top:1px;line-height:1.35}.stock-subtitle{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.stock-meta-sep{color:var(--text-subtle);-webkit-user-select:none;user-select:none}.stock-category{font-size:11px;color:var(--text-secondary)}.overview-pr{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.pr-main{font-family:var(--font-mono);font-size:clamp(26px,4.2vw,32px);font-weight:700;line-height:1.05;margin-bottom:2px;letter-spacing:-.02em}.pr-main.green{color:var(--color-green-dark)}.pr-main.yellow{color:var(--color-yellow-dark)}.pr-main.red{color:var(--color-red-dark)}.pr-label{font-size:10px;color:var(--text-muted);letter-spacing:.02em}.base-metrics-block{margin-bottom:0}.base-metrics-section-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:0;padding:4px 0 2px}.base-metrics-section-head__title{font-size:11px;color:var(--text-muted);font-weight:600;letter-spacing:.04em;margin-right:auto}.base-metrics-section-head__asof{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--accent, #0b86f6);font-family:var(--font-mono, ui-monospace, monospace)}.base-metrics-section-head__asof--fallback{font-size:11px;font-weight:500;color:var(--text-secondary);font-family:inherit}.base-metrics-section-head__hint-tag{flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700;letter-spacing:.03em;color:#fff;background:var(--accent, #0b86f6);border-radius:3px;line-height:1.35}.base-metrics-dense{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:12px;row-gap:2px;padding-top:4px;font-size:12px}.dense-kv{display:flex;flex-wrap:nowrap;align-items:baseline;gap:4px;min-width:0;line-height:1.38}.dense-kv__label{flex-shrink:0;font-size:11px;font-weight:500;color:var(--text-muted)}.dense-kv__value{font-family:var(--font-mono);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary);letter-spacing:-.02em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.base-metrics-dense{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 560px){.base-metrics-dense{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}}.portfolio-overview-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px;margin-bottom:var(--space-sm);display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-lg);align-items:center}.portfolio-overview-left{display:flex;flex-direction:column;gap:8px}.portfolio-overview-title{font-size:12px;font-weight:600;color:var(--text-primary)}.portfolio-overview-sub{font-size:10px;color:var(--text-muted)}.portfolio-overview-bars{display:flex;flex-direction:column;gap:6px;margin-top:4px}.portfolio-bar-row-label{font-size:10px;color:var(--text-secondary);margin-bottom:2px}.portfolio-bar-track{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--color-green-light) 0%,var(--color-green-light) 30%,var(--color-yellow-light) 30%,var(--color-yellow-light) 70%,var(--color-red-light) 70%,var(--color-red-light) 100%);overflow:hidden}.portfolio-bar-marker{position:absolute;top:-3px;width:2px;height:14px;border-radius:999px;background:var(--color-blue)}.portfolio-bar-annot{margin-top:2px;font-size:10px;color:var(--text-muted);display:flex;justify-content:space-between}.portfolio-overview-right{border-left:1px solid var(--border-light);padding-left:var(--space-md);display:flex;flex-direction:column;gap:6px}.portfolio-overview-conclusion{font-size:11px;font-weight:600;color:var(--text-primary)}.portfolio-overview-bullets{font-size:10px;color:var(--text-muted);list-style:disc;padding-left:14px;margin:0}.portfolio-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm);margin-bottom:var(--space-sm)}.portfolio-kpi{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:8px 10px}.portfolio-kpi-label{font-size:11px;color:var(--text-muted);margin-bottom:4px}.portfolio-kpi-value{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--text-primary)}.portfolio-kpi-value.green{color:var(--color-green-dark)}.portfolio-kpi-value.yellow{color:var(--color-yellow-dark)}.portfolio-kpi-value.red{color:var(--color-red-dark)}.portfolio-kpi-sub{font-size:10px;color:var(--text-muted);margin-top:2px}.portfolio-dist-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:8px 10px;margin-bottom:var(--space-sm)}.portfolio-dist-title{font-size:11px;font-weight:600;color:var(--text-primary);margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}.portfolio-dist-bar{display:grid;grid-template-columns:repeat(4,1fr);border-radius:999px;overflow:hidden;border:1px solid var(--border-light)}.portfolio-dist-seg{padding:4px 6px;font-size:10px;text-align:center;color:var(--text-secondary)}.portfolio-dist-seg span{display:block}.portfolio-dist-seg.low{background:var(--color-green-light)}.portfolio-dist-seg.mid-low{background:#34d3991f}.portfolio-dist-seg.fair{background:var(--color-yellow-light)}.portfolio-dist-seg.high{background:var(--color-red-light)}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-sm)}.chart-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.chart-header{padding:6px 10px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.chart-title{font-size:12px;font-weight:600;color:var(--text-primary)}.chart-subtitle{font-size:10px;color:var(--text-muted)}.chart-header--percentile{flex-direction:column;align-items:stretch;gap:8px}.chart-header__titles{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.percentile-metric-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.percentile-metric-bar__label{font-size:10px;font-weight:600;color:var(--text-muted);flex-shrink:0;cursor:default}.percentile-metric-select{flex:1;min-width:0;max-width:100%;font-size:11px;font-weight:500;padding:6px 30px 6px 10px;border-radius:6px;border:1px solid var(--border-light);background-color:var(--bg-secondary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%238896A6' d='M3.5 5.5h9L8 11 3.5 5.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px 14px;color:var(--text-primary);cursor:pointer;line-height:1.4;font-family:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:inset 0 1px 2px #1a1d210a;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.percentile-metric-select:hover{border-color:var(--border-color);background-color:var(--bg-hover)}.percentile-metric-select:focus{border-color:var(--color-blue);outline:none;box-shadow:inset 0 1px 2px #1a1d210a,0 0 0 3px var(--color-blue-light)}.percentile-metric-bar--mobile{flex-direction:column;align-items:stretch;gap:6px}.percentile-metric-select--mobile-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:100%;min-width:0;text-align:left;background-image:none;padding:8px 10px}.percentile-metric-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.percentile-metric-select--mobile-trigger:after{content:"";flex-shrink:0;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%238896A6' d='M3.5 5.5h9L8 11 3.5 5.5z'/%3E%3C/svg%3E") center / contain no-repeat}.percentile-metric-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;padding:0;animation:percentile-sheet-fade-in .2s ease}@keyframes percentile-sheet-fade-in{0%{opacity:0}to{opacity:1}}.percentile-metric-sheet{width:100%;max-width:100vw;max-height:min(72vh,520px);background:var(--bg-secondary);border-radius:14px 14px 0 0;box-shadow:0 -8px 32px #0f172a2e;display:flex;flex-direction:column;min-height:0;padding-bottom:env(safe-area-inset-bottom,0px);animation:percentile-sheet-slide-up .24s ease}@keyframes percentile-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.percentile-metric-sheet__head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 12px 10px;border-bottom:1px solid var(--border-light)}.percentile-metric-sheet__title{margin:0;font-size:15px;font-weight:700;color:var(--text-primary);font-family:var(--font-sans)}.percentile-metric-sheet__close{flex-shrink:0;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer}.percentile-metric-sheet__close:hover{background:var(--bg-hover);color:var(--text-primary)}.percentile-metric-sheet__scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 12px 16px}.percentile-metric-sheet__group{margin-bottom:12px}.percentile-metric-sheet__group:last-child{margin-bottom:4px}.percentile-metric-sheet__gtitle{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase;padding:10px 4px 6px}.percentile-metric-sheet__opt{display:block;width:100%;padding:12px;margin:0 0 4px;border:1px solid var(--border-light);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-weight:500;font-family:var(--font-sans);text-align:left;line-height:1.35;cursor:pointer;transition:border-color .15s ease,background .15s ease}.percentile-metric-sheet__opt:hover{border-color:var(--border-color);background:var(--bg-hover)}.percentile-metric-sheet__opt.is-active{border-color:var(--color-blue);background:var(--color-blue-light);color:var(--color-blue);font-weight:700}.percentile-visual-row{display:flex;gap:12px;align-items:center;margin-bottom:8px}.percentile-visual-main{flex:1;min-width:0}.percentile-visual-main .pr-position-marker-label{white-space:normal;max-width:min(100%,260px);text-align:center;line-height:1.25}.pr-position-scale--neutral{font-weight:500}.chart-body{padding:8px 10px 10px}.chart-container{height:160px;position:relative}.industry-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;margin-bottom:0}.history-metrics-stock-tag{padding:10px var(--space-md) 4px;font-size:13px;font-weight:600;color:var(--text-primary);font-family:var(--font-sans)}.period-metrics-scroll-wrap{padding:var(--space-md);overflow-x:auto}.history-metrics-export-root.history-metrics-export-capture-prep .period-metrics-scroll-wrap{overflow:visible!important;max-height:none!important;scrollbar-width:none;-ms-overflow-style:none}.history-metrics-export-root.history-metrics-export-capture-prep .period-metrics-scroll-wrap::-webkit-scrollbar{display:none;width:0;height:0}.period-metrics-table{width:100%;border-collapse:collapse;font-size:12px}.period-metrics-table th{background:var(--bg-tertiary);padding:8px 12px;text-align:center;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);white-space:nowrap}.period-metrics-table th:first-child{text-align:left}.period-metrics-table td{padding:8px 12px;text-align:center;border-bottom:1px solid var(--border-light);font-family:var(--font-mono)}.period-metrics-table td:first-child{text-align:left}.period-metrics-table tbody tr:hover{background:var(--bg-hover)}.period-label{font-weight:600;color:var(--text-primary);font-family:var(--font-sans)!important}.pr-dashboard-floating-tooltip{position:fixed;z-index:10000;max-width:min(280px,92vw);padding:8px 12px;background:#1e1e1ef2;color:#fff;font-size:12px;font-weight:400;line-height:1.45;white-space:pre-line;text-align:left;border-radius:6px;pointer-events:none;box-shadow:0 6px 24px #0000002e;font-family:var(--font-sans, system-ui, sans-serif);transform:translate(-50%,calc(-100% - 10px))}.pr-dashboard-floating-tooltip.is-below{transform:translate(-50%,10px)}.pr-position-bar{margin-bottom:var(--space-md)}.pr-position-track{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--color-green-light) 0%,var(--color-green-light) 30%,var(--color-yellow-light) 30%,var(--color-yellow-light) 70%,var(--color-red-light) 70%,var(--color-red-light) 100%);overflow:hidden}.pr-position-marker{position:absolute;top:-4px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.pr-position-marker-line{width:2px;height:16px;border-radius:999px;background:var(--color-blue)}.pr-position-marker-label{font-size:10px;font-family:var(--font-mono);color:var(--color-blue);white-space:nowrap}.pr-position-scale{display:flex;justify-content:space-between;margin-top:4px;font-size:10px;color:var(--text-muted)}.pr-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.pr-pill{padding:8px 14px;border-radius:8px;font-size:12px;border:1px solid var(--border-color);background:var(--bg-secondary);display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;box-shadow:0 1px 2px #0000000a}.pr-pill span:first-child{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.pr-pill-value{font-family:var(--font-mono);font-size:15px;font-weight:700}.metric-cell{color:var(--text-primary);font-size:12px}.metric-cell.pr-green{color:var(--color-green-dark);font-weight:600}.metric-cell.pr-yellow{color:var(--color-yellow-dark);font-weight:600}.metric-cell.pr-red{color:var(--color-red-dark);font-weight:600}.right-panel{background:var(--bg-secondary);border-left:1px solid var(--border-light);display:flex;flex-direction:column;overflow:hidden;min-height:0}.right-panel-toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.right-panel-toolbar-title{font-size:12px;font-weight:600;color:var(--text-primary)}.right-panel-collapse-btn{flex-shrink:0;width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 1px 2px #0f172a0f;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.right-panel-collapse-icon{width:15px;height:15px;display:block}.right-panel-collapse-btn:hover{color:var(--accent, #0b86f6);border-color:#0b86f661;background:#0b86f612;box-shadow:0 2px 8px #0b86f624}.right-panel-collapse-btn:active{transform:scale(.96)}.right-panel-collapse-btn:focus-visible{outline:2px solid var(--accent, #0b86f6);outline-offset:1px}.right-panel-smart-strip{flex-shrink:0;padding:10px var(--space-md) 12px;border-top:1px solid var(--border-light);background:linear-gradient(180deg,var(--bg-primary) 0%,rgba(37,99,235,.05) 100%)}.right-panel-desk-smart-btn{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;margin:0;padding:10px 12px;text-align:left;font:inherit;color:var(--text-primary);background:var(--bg-secondary);border:1px solid rgba(37,99,235,.35);border-radius:10px;cursor:pointer;box-shadow:0 1px 3px #0f172a0f;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.right-panel-desk-smart-btn:hover{border-color:#2563eb8c;background:#2563eb0a;box-shadow:0 2px 8px #2563eb1f}.right-panel-desk-smart-btn:active{transform:scale(.99)}.right-panel-desk-smart-btn:focus-visible{outline:2px solid var(--accent, #0b86f6);outline-offset:2px}.right-panel-desk-smart-btn__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#2563eb1f;color:var(--accent, #2563eb)}.right-panel-desk-smart-btn__icon svg{width:20px;height:20px}.right-panel-desk-smart-btn__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.right-panel-desk-smart-btn__title{font-size:13px;font-weight:700;letter-spacing:.02em;line-height:1.25;color:var(--text-primary)}.right-panel-desk-smart-btn__sub{font-size:10px;font-weight:500;line-height:1.3;color:var(--text-muted)}.mobile-rank-container{display:none}.ranking-stats{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light);font-size:12px;flex-shrink:0}.stats-row{display:flex;justify-content:space-between;padding:var(--space-xs) 0}.stats-label{color:var(--text-muted)}.stats-value{font-weight:500}.ranking-section{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;border-bottom:1px solid var(--border-light)}.ranking-list-shell{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.ranking-section:last-child{border-bottom:none}.ranking-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-light);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}button.ranking-header--opens-modal{width:100%;box-sizing:border-box;margin:0;font:inherit;text-align:left;color:inherit;background:transparent;border:none;border-bottom:1px solid var(--border-light);border-radius:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.06);touch-action:manipulation}button.ranking-header--opens-modal:focus-visible{outline:2px solid var(--accent, #0b86f6);outline-offset:-2px}button.ranking-header--opens-modal:active{background:var(--bg-hover, rgba(0, 0, 0, .04))}.ranking-header--opens-modal .rank-section-view-btn{pointer-events:none}.ranking-header-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.ranking-range-hint{margin:0;font-size:10px;font-weight:500;line-height:1.35;color:var(--text-muted)}.rank-section-view-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;padding:4px 10px;border-radius:3px;border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-secondary);line-height:1.2;box-shadow:none;-webkit-tap-highlight-color:transparent}button.ranking-header--opens-modal:hover .rank-section-view-btn{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong, var(--border-default))}.ranking-title{font-size:12px;font-weight:600;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);min-width:0}.ranking-hint{margin-left:auto;font-weight:500;font-size:9px;color:var(--text-muted);white-space:nowrap}.ranking-title .icon{width:16px;height:16px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.ranking-title .icon-lowpr{background:var(--color-green-light);color:var(--color-green-dark)}.ranking-title .icon-fairpr{background:var(--color-yellow-light);color:var(--color-yellow-dark)}.ranking-title .icon-highpr{background:var(--color-red-light);color:var(--color-red-dark)}.ranking-list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ranking-columns{display:grid;grid-template-columns:22px minmax(0,1fr) minmax(76px,92px);column-gap:8px;padding:4px var(--space-md);font-size:10px;color:var(--text-muted);border-bottom:1px solid var(--border-light);align-items:center;flex-shrink:0}.ranking-columns--actions{grid-template-columns:22px minmax(0,1fr) 52px minmax(72px,80px)}.ranking-col-pr{text-align:right}.ranking-col-pr-head{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap;min-width:0}.ranking-col-pr-label{flex-shrink:0}.rank-pr-sort-btn{flex-shrink:0;font-size:9px;font-weight:600;padding:2px 5px;line-height:1.2;border-radius:3px;border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-muted);cursor:pointer;max-width:100%;box-shadow:none;-webkit-tap-highlight-color:transparent}.rank-pr-sort-btn:hover{border-color:var(--border-strong, var(--border-default));color:var(--text-primary);background:var(--bg-hover)}.rank-pr-sort-btn.is-active{border-color:var(--accent, #0b86f6);color:var(--accent, #0b86f6);background:#0b86f60f}.ranking-col-actions{text-align:right;font-size:9px}.ranking-item{display:grid;grid-template-columns:22px minmax(0,1fr) minmax(76px,92px);column-gap:8px;padding:6px var(--space-md);align-items:center;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .1s}.ranking-item:hover{background:var(--bg-hover)}.ranking-item--clickable:focus-visible{outline:2px solid var(--accent, #0b86f6);outline-offset:-2px}.rank-wl-badge{display:inline-block;margin-top:2px;font-size:9px;font-weight:600;padding:1px 5px;border-radius:2px;background:#0b86f61f;color:var(--accent, #0b86f6);width:fit-content}.rank-num{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-muted);text-align:center}.ranking-item:nth-child(1) .rank-num{color:#c78500}.ranking-item:nth-child(2) .rank-num{color:#6b7280}.ranking-item:nth-child(3) .rank-num{color:#a0826d}.rank-stock{display:flex;flex-direction:column;gap:1px}.rank-name{font-size:12px;font-weight:500;color:var(--text-primary)}.rank-code{font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.rank-pr{font-family:var(--font-mono);font-size:12px;font-weight:600;text-align:right}.rank-pr-col{display:flex;flex-direction:column;align-items:flex-end;gap:1px;min-width:0}.rank-pr-corr{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);font-weight:500}.rank-pr--low{color:var(--color-green-dark)}.rank-pr--fair{color:var(--color-yellow-dark)}.rank-pr--high{color:var(--color-red-dark)}.rank-row-actions{display:flex;flex-direction:column;gap:4px;align-items:stretch}.rank-action-btn{font-size:10px;padding:3px 6px;border-radius:4px;border:1px solid var(--border-default);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;line-height:1.2;white-space:nowrap}.rank-action-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.rank-action-btn--primary{border-color:var(--accent, #0b86f6);color:var(--accent, #0b86f6)}.rank-action-btn--primary:hover:not(:disabled){background:#0b86f614}.rank-action-btn:disabled{opacity:.55;cursor:default}.rank-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0006;display:flex;align-items:center;justify-content:center;padding:var(--space-md);box-sizing:border-box}.rank-modal{width:min(100%,440px);max-height:min(85vh,640px);display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;box-shadow:0 12px 40px #0000002e;overflow:hidden}.rank-modal-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;padding:var(--space-md);border-bottom:1px solid var(--border-light);flex-shrink:0;background:var(--bg-primary)}.rank-modal-tabs{display:flex;flex:1 1 auto;min-width:0;gap:4px;align-items:stretch;padding:2px;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-light)}.rank-modal-tab{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:6px 4px;margin:0;font:inherit;cursor:pointer;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text-secondary);box-shadow:none;transition:background .1s ease,border-color .1s ease,color .1s ease;-webkit-tap-highlight-color:transparent}.rank-modal-tab:hover{background:var(--bg-hover, rgba(0, 0, 0, .04))}.rank-modal-tab.is-active{font-weight:700;box-shadow:none}.rank-modal-tab--low.is-active{border-color:#22c55e47;background:#22c55e1a;color:var(--color-green-dark)}.rank-modal-tab--fair.is-active{border-color:#ca8a0452;background:#eab3081f;color:var(--color-yellow-dark)}.rank-modal-tab--high.is-active{border-color:#ef444447;background:#ef444417;color:var(--color-red-dark)}.rank-modal-tab-label{font-size:12px;line-height:1.2}.rank-modal-tab-count{font-family:var(--font-mono);font-size:12px;font-weight:600;line-height:1.1;color:inherit;opacity:.95}.rank-modal-tab:not(.is-active) .rank-modal-tab-count{color:var(--text-muted);font-weight:500}.rank-modal-tab:focus-visible{outline:2px solid var(--accent, #0b86f6);outline-offset:1px}.rank-modal-range-hint{margin:0;padding:6px var(--space-md) 0;font-size:11px;line-height:1.4;color:var(--text-muted);flex-shrink:0}.rank-modal-close{flex:0 0 auto;align-self:center;display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:52px;padding:0 14px;margin:0;font-size:12px;font-weight:500;line-height:1.2;border-radius:6px;border:1px solid var(--border-light);background:transparent;color:var(--text-secondary);cursor:pointer;box-shadow:none;-webkit-tap-highlight-color:transparent;transition:background .12s ease,border-color .12s ease,color .12s ease}.rank-modal-close:hover{background:var(--bg-hover, rgba(0, 0, 0, .04));border-color:var(--border-default);color:var(--text-primary)}.rank-modal-close:focus-visible{outline:2px solid var(--accent, #0b86f6);outline-offset:2px}.rank-modal-close:active{background:var(--bg-hover, rgba(0, 0, 0, .06))}@media (max-width: 400px){.rank-modal-tabs{flex:1 1 100%}.rank-modal-close{flex:1 1 100%;width:100%;min-height:40px}}.rank-modal-columns{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(80px,100px);column-gap:8px;padding:6px var(--space-md);font-size:10px;color:var(--text-muted);border-bottom:1px solid var(--border-light);flex-shrink:0;align-items:center}.rank-modal-body{flex:1;overflow-y:auto;min-height:0}.rank-modal-row.ranking-item{grid-template-columns:28px minmax(0,1fr) minmax(80px,100px);cursor:pointer}.rank-modal--range-wide{width:min(100%,min(92vw,720px));max-width:720px}.rank-modal-pr-toolbar{flex-shrink:0;padding:8px var(--space-md) 10px;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.rank-modal-pr-toolbar-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}.rank-modal-pr-toolbar-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 10px}.rank-modal-pr-field{display:flex;flex-direction:column;gap:2px;min-width:0}.rank-modal-pr-field-label{font-size:10px;color:var(--text-muted)}.rank-modal-pr-input{width:112px;max-width:100%;padding:6px 8px;font-size:13px;font-family:var(--font-mono, monospace);border:1px solid var(--border-light);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);box-sizing:border-box}.rank-modal-pr-input:disabled{opacity:.65}.rank-modal-pr-sep{font-size:12px;color:var(--text-muted);padding-bottom:6px}.rank-modal-pr-query-btn,.rank-modal-pr-reset-btn{padding:7px 14px;font-size:12px;font-weight:600;border-radius:6px;border:1px solid var(--border-light);cursor:pointer;background:var(--accent, #0b86f6);color:#fff;border-color:transparent;-webkit-tap-highlight-color:transparent}.rank-modal-pr-query-btn:disabled{opacity:.6;cursor:default}.rank-modal-pr-reset-btn{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-light)}.rank-modal-pr-reset-btn:hover:not(:disabled){background:var(--bg-hover, rgba(0, 0, 0, .04))}.rank-modal-pr-error{margin:8px 0 0;font-size:11px;color:var(--color-red-dark, #b91c1c)}.rank-modal-pr-meta{margin:8px 0 0;font-size:11px;color:var(--text-secondary)}.rank-modal-body--range{padding:0;overflow:hidden}.rank-modal-table-scroll{overflow:auto;max-height:min(52vh,480px);-webkit-overflow-scrolling:touch}.rank-modal-range-table{width:max-content;min-width:100%;border-collapse:collapse;font-size:11px}.rank-modal-range-th-num,.rank-modal-range-td-num{position:sticky;left:0;z-index:1;background:var(--bg-secondary);border-right:1px solid var(--border-light);padding:6px;text-align:right;font-family:var(--font-mono);color:var(--text-muted);width:32px;box-shadow:2px 0 6px #0000000a}.rank-modal-range-th{padding:8px 10px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-light);white-space:nowrap;background:var(--bg-primary)}.rank-modal-range-tr{cursor:pointer}.rank-modal-range-tr:hover{background:var(--bg-hover, rgba(0, 0, 0, .04))}.rank-modal-range-td{padding:6px 10px;border-bottom:1px solid var(--border-light);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono)}.pr-calculation-section{background:transparent;border-radius:0;padding:10px 0 4px;margin-top:8px;border:none;border-top:1px solid var(--border-light);box-shadow:none}.pr-calc-section-title{font-size:11px;color:var(--text-muted);margin:0 0 6px;padding-bottom:0;border-bottom:none;font-weight:600;letter-spacing:.04em;line-height:1.35}.pr-gauges-scroll{min-width:0}.pr-gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px 0 2px}.pr-gauges.pr-gauges--with-dppr{grid-template-columns:repeat(4,1fr)}.gauge-item--dppr{text-align:left;display:flex;flex-direction:column;gap:6px;min-height:100%}.gauge-item--dppr.gauge-item--dppr-hk{position:relative;overflow:hidden}.gauge-dppr-stack{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}.gauge-dppr-blur-target{display:flex;flex-direction:column;gap:6px;flex:1;min-height:100%}.gauge-dppr-blur-target--hk-muted{filter:blur(5px);opacity:.38;pointer-events:none;-webkit-user-select:none;user-select:none}.gauge-dppr-hk-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;padding:var(--space-md);border-radius:7px;background:color-mix(in srgb,var(--bg-primary) 52%,transparent);box-shadow:inset 0 0 0 1px var(--border-light)}.gauge-dppr-hk-overlay-text{font-size:13px;font-weight:700;color:var(--text-secondary);line-height:1.45;text-align:center;max-width:11em}.gauge-dppr-badge{align-self:flex-start;font-size:10px;font-weight:600;letter-spacing:.02em;color:#707a8a;padding:2px 8px;border-radius:5px;border:none;background:linear-gradient(90deg,#e6f4f1,#e6eff8)}.gauge-dppr-roe-block{display:flex;flex-direction:column;gap:2px}.gauge-dppr-roe-label{font-size:10px;color:var(--text-muted);font-weight:500;line-height:1.2}.gauge-dppr-roe-value{font-family:var(--font-mono);font-size:17px;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;line-height:1.15}.gauge-dppr-pr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 6px;margin-top:0;padding-top:6px;border-top:1px solid var(--border-light)}.gauge-dppr-pr-cell{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}.gauge-dppr-pr-h{font-size:9px;font-weight:600;color:var(--text-muted)}.gauge-dppr-pr-num{font-family:var(--font-mono);font-size:13px;font-weight:700;line-height:1.2}.gauge-dppr-pr-num.green{color:var(--color-green-dark)}.gauge-dppr-pr-num.yellow{color:var(--color-yellow-dark)}.gauge-dppr-pr-num.red{color:var(--color-red-dark)}.gauge-dppr-foot{font-size:8px;line-height:1.3;color:var(--text-muted);margin-top:auto;padding-top:2px}.gauge-item{text-align:center;padding:6px 8px;background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-light);transition:border-color .15s}.gauge-item:hover{border-color:var(--border-color)}.pr-gauges>.gauge-item:not(.gauge-item--dppr){display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge-value{font-family:var(--font-mono);font-size:19px;font-weight:700;letter-spacing:-.4px;line-height:1.15}.gauge-value.green{color:var(--color-green-dark)}.gauge-value.yellow{color:var(--color-yellow-dark)}.gauge-value.red{color:var(--color-red-dark)}.gauge-label{font-size:11px;font-weight:600;color:var(--text-primary);margin-top:3px;line-height:1.2}.gauge-formula{font-size:9px;color:var(--text-muted);margin-top:2px;font-family:var(--font-mono);opacity:.9;line-height:1.25}.percentile-section{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-primary);border-radius:4px}.percentile-ring{position:relative;width:80px;height:80px;flex-shrink:0}.percentile-ring svg{transform:rotate(-90deg)}.pct-bg{fill:none;stroke:var(--bg-tertiary);stroke-width:8}.pct-progress{fill:none;stroke:var(--color-green);stroke-width:8;stroke-linecap:round;stroke-dasharray:226;stroke-dashoffset:226;transition:stroke-dashoffset 1s ease}.pct-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.pct-num{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--color-green-dark)}.pct-label{font-size:9px;color:var(--text-muted)}.pct-stats{flex:1}.pct-stat{display:flex;justify-content:space-between;font-size:11px;padding:3px 0}.pct-stat-label{color:var(--text-muted)}.pct-stat-value{font-family:var(--font-mono);font-weight:500}@media (max-width: 1400px){.main-container{grid-template-columns:240px 1fr 268px}.main-container--left-collapsed{grid-template-columns:40px 1fr 268px}.main-container--right-collapsed:not(.main-container--left-collapsed){grid-template-columns:240px 1fr 40px}.main-container--left-collapsed.main-container--right-collapsed{grid-template-columns:40px 1fr 40px}}@media (max-width: 1200px){.main-container{grid-template-columns:240px 1fr}.main-container--left-collapsed{grid-template-columns:40px 1fr}.right-panel-column{display:none!important}.main-container--right-collapsed{grid-template-columns:240px 1fr}.main-container .right-panel-column .right-panel{display:none}.mobile-rank-container{display:block;border-top:1px solid var(--border-light);background:var(--bg-primary)}.mobile-rank-container .right-panel{display:flex;flex-direction:column;min-height:0}.mobile-right-panel{border-left:none;border-top:none;max-height:520px}.mobile-right-panel .ranking-section{min-height:0}.mobile-rank-container.mobile-rank-picker-only .mobile-right-panel{max-height:none;min-height:0}}@media (max-width: 768px){.header-drawer-trigger{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;margin-left:-8px;margin-right:-6px;padding:0;border:none;background:transparent;color:var(--text-primary);border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.header-drawer-trigger:active{background:var(--bg-hover, rgba(0, 0, 0, .05))}.header-drawer-icon{width:22px;height:22px;display:block}.logo-title--full{display:none}.logo-title--short{display:inline}.status-bar{height:auto;min-height:auto;padding:8px 10px;gap:8px;align-items:stretch;flex-wrap:wrap;border-bottom:1px solid var(--border-light)}.status-bar-median-desktop,.status-valid-desktop{display:none!important}.status-bar-rank-stack{display:flex;flex-direction:column;flex-basis:100%;width:100%;gap:8px;align-items:stretch}.status-bar-rank-row{display:flex;flex-direction:row;flex-basis:auto;width:100%;gap:6px;align-items:stretch}.status-bar-smart-pick{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;margin:0;padding:10px 12px;min-height:48px;font:inherit;text-align:left;color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb,#0b86f6);border:none;border-radius:10px;cursor:pointer;box-shadow:0 2px 10px #2563eb52;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.status-bar-smart-pick:active{filter:brightness(.96)}.status-bar-smart-pick:focus-visible{outline:2px solid var(--accent, #0b86f6);outline-offset:2px}.status-bar-smart-pick__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#fff3}.status-bar-smart-pick__icon svg{width:20px;height:20px}.status-bar-smart-pick__text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.status-bar-smart-pick__title{font-size:14px;font-weight:700;letter-spacing:.02em;line-height:1.2}.status-bar-smart-pick__sub{font-size:10px;font-weight:500;opacity:.88;line-height:1.25}.status-bar-smart-pick__go{flex-shrink:0;font-size:22px;font-weight:300;line-height:1;opacity:.9}.status-bar-rank-row .status-item--rank-kpi{flex:1 1 0;min-width:0;max-width:none;min-height:40px;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:4px;padding:8px 6px;border-radius:8px;border-width:1px;border-style:solid;box-shadow:none;-webkit-tap-highlight-color:transparent}.status-bar-rank-row .status-rank-pill--low{background:var(--color-green-light);border-color:#22c55e59}.status-bar-rank-row .status-rank-pill--fair{background:var(--color-yellow-light);border-color:#ca8a0459}.status-bar-rank-row .status-rank-pill--high{background:var(--color-red-light);border-color:#ef444459}.status-bar-rank-row .status-rank-pill--low .status-label,.status-bar-rank-row .status-rank-pill--low .status-value{color:var(--color-green-dark)!important}.status-bar-rank-row .status-rank-pill--fair .status-label,.status-bar-rank-row .status-rank-pill--fair .status-value{color:var(--color-yellow-dark)!important}.status-bar-rank-row .status-rank-pill--high .status-label,.status-bar-rank-row .status-rank-pill--high .status-value{color:var(--color-red-dark)!important}.status-bar-rank-row .status-label{font-size:11px;font-weight:600;text-align:center;line-height:1.2;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-bar-rank-row .status-value{font-size:14px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;flex-shrink:0}.status-item{min-width:calc(33.33% - 6px);flex:1 1 calc(33.33% - 6px);flex-direction:column;align-items:flex-start;gap:2px;padding:4px 6px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px}.status-label{font-size:10px;line-height:1.2}.status-value{font-size:13px;line-height:1.2}.status-divider{display:none}.status-valid-mobile-inline{display:inline-flex;align-items:baseline;gap:4px;font-size:11px;color:var(--text-muted);flex-shrink:0}.status-valid-mobile-num{font-family:var(--font-mono);font-weight:600;color:var(--text-secondary)}.status-right{margin-left:0;width:100%;flex-basis:100%;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:8px;padding-top:0;border-top:none}.main-container,.main-container.main-container--left-collapsed,.main-container.main-container--right-collapsed,.main-container.main-container--left-collapsed.main-container--right-collapsed{grid-template-columns:minmax(0,1fr)!important}.left-panel-column{display:none!important}.left-panel{display:none}.mobile-watchlist-drawer .left-panel-collapse-btn{display:none!important}.mobile-watchlist-drawer .left-panel{display:flex!important;border-right:none;height:calc(100% - 49px)}.mobile-watchlist-drawer .stock-list{overflow-y:auto}.app-layout{min-height:0}.main-container{flex:1 1 0%;min-height:0}.mobile-rank-container{display:flex;flex-direction:column;flex-shrink:0;height:min(44vh,480px);max-height:min(44vh,480px);min-height:160px;overflow:hidden}.mobile-rank-container.mobile-rank-picker-only{height:auto;max-height:none;min-height:0;overflow:visible}.mobile-rank-container.mobile-rank-picker-only .right-panel{flex:0 0 auto;height:auto;min-height:0;overflow:visible}.mobile-rank-container.mobile-rank-picker-only .mobile-right-panel{height:auto;max-height:none}.mobile-rank-container .right-panel{flex:1 1 auto;min-height:0;height:100%;overflow:hidden}.mobile-right-panel{max-height:none;height:100%}.mobile-right-panel .ranking-section{min-height:0}.mobile-right-panel .ranking-header{padding:var(--space-sm) var(--space-md);min-height:48px;align-items:center}.mobile-right-panel .ranking-header--opens-modal{margin:4px 6px 0;padding-top:10px;padding-bottom:10px}.mobile-right-panel .rank-section-view-btn{min-height:40px;min-width:52px;padding:8px 12px;font-size:12px}.mobile-right-panel .rank-pr-sort-btn{min-height:36px;min-width:52px;padding:6px 8px;font-size:10px}.mobile-right-panel .ranking-columns{grid-template-columns:22px minmax(0,1fr) minmax(76px,92px);padding:4px var(--space-md)}.mobile-right-panel .ranking-item{grid-template-columns:22px minmax(0,1fr) minmax(76px,92px);padding:var(--space-sm) var(--space-md)}.mobile-right-panel .rank-name{font-size:13px}.mobile-right-panel .rank-code{font-size:11px}.pr-calculation-section{padding:8px 0 4px;margin-top:6px}.pr-gauges-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding:0 var(--space-sm);margin:0 calc(-1 * var(--space-xs));padding:2px var(--space-xs) 8px;overscroll-behavior-x:contain}.pr-gauges{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;width:max-content;min-width:100%;padding:4px var(--space-sm) var(--space-xs);box-sizing:border-box}.pr-gauges .gauge-item{flex:0 0 min(76vw,260px);max-width:280px;scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box}.pr-gauges .gauge-value{font-size:19px}}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pr-input{width:100%;border-width:1px;border-color:var(--border-color);border-radius:10px;background-color:var(--bg-secondary);padding-left:.75rem;padding-right:.75rem;padding-top:9px;padding-bottom:9px;font-size:12px;color:var(--text-primary);line-height:1.4;--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pr-input:focus{border-color:var(--color-blue);--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-opacity:.1;--un-ring-color:rgba(37, 99, 235, var(--un-ring-opacity)) }.pr-input::placeholder{color:var(--text-subtle)}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.grid{display:grid}.m\[props\.tierKey\]{margin:props.tierKey}.mt-3{margin-top:.75rem}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.contents{display:contents}.hidden{display:none}.h1{height:.25rem}.h2{height:.5rem}.h3{height:.75rem}.ha{height:auto}.flex{display:flex}.inline-flex{display:inline-flex}.flex-shrink{flex-shrink:1}.flex-wrap{flex-wrap:wrap}.table{display:table}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.content-center{align-content:center}.break-all{word-break:break-all}.b,.border{border-width:1px}.p05{padding:1.25rem}.p07{padding:1.75rem}.p10{padding:2.5rem}.p20{padding:5rem}.p50{padding:12.5rem}.p80{padding:20rem}.px{padding-left:1rem;padding-right:1rem}.pb{padding-bottom:1rem}.pe{padding-inline-end:1rem}.pr{padding-right:1rem}.pr1{padding-right:.25rem}.pr2{padding-right:.5rem}.text-gray{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity))}.text-green{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity))}.text-red{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity))}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.underline{text-decoration-line:underline}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.outline{outline-style:solid}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease,.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}