:where(.codex-screening){--paper:var(--surface-canvas);--white:var(--surface-raised);--ink:var(--ink-primary);--muted:var(--ink-secondary);--line:var(--border-subtle);--blue:var(--accent-green);--blue-soft:var(--accent-green-soft);--chart:var(--chart-dark-bg);--green:var(--pos);--red:var(--neg);--radius:6px;font-family:inherit;color:var(--ink);font-synthesis:none;font-size:16px;line-height:1.6;background:var(--paper)} :where(.codex-screening) *{box-sizing:border-box}:where(.codex-screening){margin:0}:where(.codex-screening) button,:where(.codex-screening) input,:where(.codex-screening) select{font:inherit}:where(.codex-screening) button,:where(.codex-screening) a,:where(.codex-screening) input,:where(.codex-screening) select{-webkit-tap-highlight-color:transparent}:where(.codex-screening) button{cursor:pointer}:where(.codex-screening) button{border:0}:where(.codex-screening) a{color:inherit}:where(.codex-screening) button:disabled{cursor:not-allowed;opacity:.45}:where(.codex-screening) button:focus-visible,:where(.codex-screening) a:focus-visible,:where(.codex-screening) input:focus-visible,:where(.codex-screening) select:focus-visible,:where(.codex-screening) summary:focus-visible,:where(.codex-screening) [tabindex]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}:where(.codex-screening) button{transition:background .18s,color .18s,box-shadow .18s}:where(.codex-screening) input,:where(.codex-screening) select{color:var(--ink)}:where(.codex-screening) svg{display:block}:where(.codex-screening) h1,:where(.codex-screening) h2,:where(.codex-screening) h3,:where(.codex-screening) p{margin:0}:where(.codex-screening) h2{font-size:18px;font-weight:600}:where(.codex-screening) button{color:inherit}:where(.codex-screening) .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(.codex-screening) .skip-link{position:fixed;top:-100px;left:16px;padding:12px 20px;background:var(--surface-raised);z-index:100}:where(.codex-screening) .skip-link:focus{top:12px}:where(.codex-screening) .site-header{height:88px;padding:0 36px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);background:var(--surface-raised)}:where(.codex-screening) .brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:.05em;white-space:nowrap}:where(.codex-screening) .brand svg{width:31px;height:31px;stroke:var(--blue);stroke-width:3.5;fill:none}:where(.codex-screening) .header-divider{height:24px;width:1px;background:var(--line)}:where(.codex-screening) .search-wrap{margin-left:auto;display:flex;align-items:center;position:relative;width:min(340px,30vw);gap:10px}:where(.codex-screening) .search-wrap svg{position:absolute;left:13px;width:19px;height:19px;stroke:var(--ink-secondary);fill:none;stroke-width:1.6}:where(.codex-screening) .search-wrap input{width:100%;height:43px;border:1px solid var(--line);border-radius:6px;background:var(--surface-raised);padding:0 36px 0 41px;font-size:14px}:where(.codex-screening) .search-wrap input::placeholder{color:var(--ink-secondary)}:where(.codex-screening) .search-wrap kbd{position:absolute;right:13px;font-family:inherit;color:var(--ink-secondary);border:1px solid var(--line);font-size:12px;border-radius:3px;line-height:21px;width:18px;text-align:center}:where(.codex-screening) .demo-badge{color:var(--ink-secondary);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:4px;padding:4px 9px;font-size:12px;white-space:nowrap}:where(.codex-screening) .icon-button{width:30px;height:30px;border:1px solid var(--border-subtle);border-radius:50%;background:transparent;color:var(--ink-secondary);font-weight:600;flex-shrink:0}:where(.codex-screening) .icon-button:hover{background:var(--blue-soft);color:var(--blue)}:where(.codex-screening) .screening-main{max-width:1920px;margin:auto;padding:26px 36px 28px}:where(.codex-screening) .filter-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}:where(.codex-screening) .filter-heading h2{font-size:14px}:where(.codex-screening) .text-button{display:inline-flex;align-items:center;gap:9px;padding:2px 0;color:var(--muted);font-size:13px;background:none}:where(.codex-screening) .text-button:hover{color:var(--blue)}:where(.codex-screening) .filter-row{display:grid;grid-template-columns:1.15fr 1.1fr 1.25fr 1fr 1fr 1fr 1.2fr;gap:9px;position:relative;z-index:5}:where(.codex-screening) .filter-button{width:100%;min-height:58px;background:var(--surface-raised);border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8px 14px;position:relative;text-align:left}:where(.codex-screening) .filter-button:after{content:'';position:absolute;right:14px;top:25px;width:6px;height:6px;border-right:1.5px solid var(--ink-muted);border-bottom:1.5px solid var(--ink-muted);transform:rotate(45deg)}:where(.codex-screening) .filter-button .filter-label{color:var(--muted);font-size:12px}:where(.codex-screening) .filter-button .filter-value{font-size:14px;padding-right:17px;white-space:nowrap;max-width:100%;text-overflow:ellipsis;overflow:hidden}:where(.codex-screening) .filter-button.active{border-color:var(--accent-green);background:var(--accent-green-soft)}:where(.codex-screening) .filter-button.active .filter-value{color:var(--blue)}:where(.codex-screening) .filter-button.invalid{border-color:var(--red)}:where(.codex-screening) .filter-wrap{position:relative;min-width:0}:where(.codex-screening) .active-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-height:40px;padding:10px 0 13px;font-size:12px;color:var(--muted)}:where(.codex-screening) .active-filters:empty{padding:0;min-height:23px}:where(.codex-screening) .filter-chip{display:flex;align-items:center;gap:10px;background:var(--accent-green-soft);border-radius:4px;font-size:12px;padding:3px 9px;color:var(--ink-secondary)}:where(.codex-screening) .filter-chip button{background:none;font-size:16px;line-height:1;color:inherit;padding:2px}:where(.codex-screening) .workspace{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(390px,1fr);gap:22px;align-items:stretch}:where(.codex-screening) .distribution{background:var(--chart);border-radius:6px;color:var(--surface-raised);overflow:hidden;position:relative;min-width:0;box-shadow:none}:where(.codex-screening) .chart-heading{padding:25px 28px 12px;display:flex;justify-content:space-between;align-items:center}:where(.codex-screening) .eyebrow{font-size:13px;color:var(--chart-text-dim)}:where(.codex-screening) .result-total{display:flex;align-items:baseline;gap:13px}:where(.codex-screening) .result-total strong{font-size:57px;letter-spacing:-.045em;line-height:1.3;font-weight:500;font-variant-numeric:tabular-nums}:where(.codex-screening) .result-total>span{font-size:14px}:where(.codex-screening) .total-base{color:var(--chart-text-dim);margin-left:8px;font-size:15px}:where(.codex-screening) .chart-heading-right{text-align:right;align-self:flex-start;padding-top:3px}:where(.codex-screening) .chart-heading-right h2{font-size:18px;font-weight:500;letter-spacing:.04em}:where(.codex-screening) .chart-heading-right>span{font-size:12px;color:var(--chart-text-dim)}:where(.codex-screening) .chart-controls{margin:0 28px;display:flex;justify-content:space-between;align-items:center;padding-bottom:8px}:where(.codex-screening) .axis-selector{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--chart-text-dim)}:where(.codex-screening) .axis-selector select{appearance:none;background:transparent;border:0;color:var(--surface-raised);font-size:13px;font-weight:500;cursor:pointer;padding:4px 15px 4px 0;background-image:none;background-repeat:no-repeat;background-position:right center}:where(.codex-screening) .axis-selector select option{color:var(--ink);background:var(--surface-raised)}:where(.codex-screening) .axis-sep{margin:0 4px;color:var(--chart-text-dim)}:where(.codex-screening) .chart-toggle{background:transparent;color:var(--chart-text-dim);font-size:12px;display:flex;gap:6px;align-items:center;padding:4px 0}:where(.codex-screening) .chart-toggle:before{content:'';width:22px;height:12px;border-radius:8px;border:1px solid var(--chart-dark-border);background:var(--chart-dark-bg);box-shadow:inset 10px 0 var(--chart-paper-edge);transition:.2s}:where(.codex-screening) .chart-toggle[aria-pressed=true]:before{background:var(--accent-green);box-shadow:inset -10px 0 var(--surface-canvas)}:where(.codex-screening) .chart-wrap{height:420px;position:relative}:where(.codex-screening) .scatter-svg{width:100%;height:100%;overflow:visible}:where(.codex-screening) .chart-grid{stroke:var(--chart-dark-border);stroke-opacity:.34;stroke-width:1}:where(.codex-screening) .chart-axis-text{fill:var(--chart-text-dim);font-size:13px;font-family:inherit}:where(.codex-screening) .chart-axis-title{fill:var(--chart-text);font-size:13px}:where(.codex-screening) .stock-dot{cursor:pointer;transition:opacity .3s,cx .4s,cy .4s,r .28s;outline:none}:where(.codex-screening) .stock-dot circle{transition:opacity .25s,stroke-width .18s,filter .2s}:where(.codex-screening) .stock-dot:hover .bubble,:where(.codex-screening) .stock-dot:focus .bubble{stroke:var(--surface-raised);stroke-width:2;filter:brightness(1.16)}:where(.codex-screening) .stock-dot.dim{opacity:.10;pointer-events:none}:where(.codex-screening) .stock-dot.hidden{opacity:0;pointer-events:none}:where(.codex-screening) .stock-dot.selected .bubble{stroke:var(--surface-raised);stroke-width:2.5}:where(.codex-screening) .selection-ring{fill:none;stroke:var(--surface-raised);stroke-width:1;stroke-dasharray:3 3;opacity:0;transition:opacity .2s}:where(.codex-screening) .stock-dot.selected .selection-ring{opacity:.8}:where(.codex-screening) .dot-label{fill:var(--chart-text);font-size:12px;pointer-events:none;paint-order:stroke;stroke:var(--chart);stroke-width:4px;stroke-linejoin:round}:where(.codex-screening) .chart-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 27px 11px;border-top:1px solid var(--chart-dark-border);font-size:12px;color:var(--chart-text-dim)}:where(.codex-screening) .legend{display:flex;gap:15px;flex-wrap:wrap}:where(.codex-screening) .legend span{display:flex;align-items:center;gap:6px}:where(.codex-screening) .legend i{display:block;width:8px;height:8px;border-radius:50%}:where(.codex-screening) .legend-low{background:var(--wa-aiiro)}:where(.codex-screening) .legend-mid{background:var(--wa-rokushou)}:where(.codex-screening) .legend-high{background:var(--wa-wakanae)}:where(.codex-screening) .chart-instruction{display:flex;justify-content:space-between;gap:10px;padding:0 27px 18px;color:var(--chart-text-dim);font-size:12px}:where(.codex-screening) .results{background:var(--white);border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;overflow:hidden;min-width:0}:where(.codex-screening) .results-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 22px 16px}:where(.codex-screening) .results-heading h2{font-size:18px}:where(.codex-screening) .results-heading h2 span{font-family:inherit;font-size:14px;color:var(--muted);font-weight:400;margin-left:7px}:where(.codex-screening) .results-heading .text-button{font-size:13px;color:var(--blue)}:where(.codex-screening) #compare-count{background:var(--blue-soft);border-radius:4px;padding:0 6px;font-size:12px}:where(.codex-screening) .results-toolbar{padding:0 22px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}:where(.codex-screening) .results-toolbar label{display:flex;align-items:center;gap:7px}:where(.codex-screening) .results-toolbar select{border:0;background:none;cursor:pointer;font-size:12px;width:153px;max-width:100%}:where(.codex-screening) .stock-list{height:500px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--border-soft) transparent;flex:1;min-height:0}:where(.codex-screening) .stock-row{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:12px;border-bottom:1px solid var(--border-subtle);padding:17px 22px;transition:background .18s,box-shadow .18s;position:relative;animation:screening-row-enter .24s ease-out both}:where(.codex-screening) .stock-row:last-child{border-bottom:0}:where(.codex-screening) .stock-row:hover,:where(.codex-screening) .stock-row.highlighted{background:var(--accent-green-soft)}:where(.codex-screening) .stock-row.selected{background:var(--accent-green-soft);box-shadow:inset 3px 0 var(--blue)}:where(.codex-screening) .stock-row input[type=checkbox]{appearance:none;width:17px;height:17px;border:1px solid var(--border-soft);border-radius:4px;margin:7px 0 0;cursor:pointer;background:var(--surface-raised);position:relative}:where(.codex-screening) .stock-row input[type=checkbox]:checked{border-color:var(--blue);background:var(--blue)}:where(.codex-screening) .stock-row input:checked:after{content:'';position:absolute;left:4px;top:1px;width:5px;height:9px;border-right:2px solid var(--surface-raised);border-bottom:2px solid var(--surface-raised);transform:rotate(45deg)}:where(.codex-screening) .stock-open{padding:0;display:block;width:100%;background:none;text-align:left}:where(.codex-screening) .stock-name-line{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}:where(.codex-screening) .stock-title{font-size:14px;font-weight:600;overflow-wrap:anywhere}:where(.codex-screening) .stock-arrow{font-size:17px;font-weight:400;color:var(--ink-muted);line-height:1.3}:where(.codex-screening) .stock-meta{font-size:12px;color:var(--muted);margin-top:2px;display:flex;gap:9px;align-items:center}:where(.codex-screening) .stock-meta span+span:before{content:'·';margin-right:9px;color:var(--ink-muted)}:where(.codex-screening) .row-data{margin-top:9px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}:where(.codex-screening) .row-price{font-size:19px;font-weight:500;line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:-.02em}:where(.codex-screening) .row-price small{font-size:11px;margin-left:4px;font-weight:400}:where(.codex-screening) .stock-change{font-size:12px;white-space:nowrap;margin-left:8px}:where(.codex-screening) .positive{color:var(--green)}:where(.codex-screening) .negative{color:var(--red)}:where(.codex-screening) .row-metrics{display:flex;gap:17px;font-variant-numeric:tabular-nums;font-size:13px}:where(.codex-screening) .row-metrics span{display:flex;flex-direction:column;align-items:flex-end}:where(.codex-screening) .row-metrics small{font-size:10px;letter-spacing:.03em;color:var(--muted)}:where(.codex-screening) .list-footer{padding:11px 22px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:11px;color:var(--muted);gap:10px}:where(.codex-screening) .page-note{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);margin-top:19px}:where(.codex-screening) .filter-popover{position:absolute;top:calc(100% + 8px);left:0;width:285px;padding:18px;background:var(--surface-raised);box-shadow:var(--shadow-overlay);border:1px solid var(--border-subtle);border-radius:6px;z-index:10;animation:screening-popover-in .16s ease-out}:where(.codex-screening) .filter-wrap:nth-last-child(-n+2) .filter-popover{left:auto;right:0}:where(.codex-screening) .filter-popover[hidden]{display:none}:where(.codex-screening) .filter-popover-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px;font-weight:600}:where(.codex-screening) .filter-popover .close-popover{font-size:20px;line-height:1;background:none;color:var(--ink-secondary);padding:0 4px}:where(.codex-screening) .range-inputs{display:flex;gap:8px;align-items:center}:where(.codex-screening) .range-inputs label{flex:1;min-width:0;font-size:12px;color:var(--muted)}:where(.codex-screening) .range-inputs input{width:100%;border:1px solid var(--border-soft);border-radius:5px;height:40px;background:var(--surface-raised);padding:7px 9px;font-size:16px;margin-top:5px;appearance:textfield;font-variant-numeric:tabular-nums}:where(.codex-screening) .range-inputs input::-webkit-inner-spin-button{appearance:none}:where(.codex-screening) .range-inputs input[aria-invalid=true]{border-color:var(--red);background:color-mix(in srgb, var(--neg) 8%, var(--surface-raised))}:where(.codex-screening) .range-dash{padding-top:25px;color:var(--muted)}:where(.codex-screening) .filter-presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}:where(.codex-screening) .filter-presets button{font-size:12px;background:var(--accent-green-soft);color:var(--ink-secondary);border-radius:4px;padding:5px 9px}:where(.codex-screening) .filter-presets button:hover{background:var(--accent-green-soft)}:where(.codex-screening) .range-error{font-size:12px;color:var(--red);margin-top:8px}:where(.codex-screening) .range-note{font-size:12px;color:var(--muted);margin-top:12px}:where(.codex-screening) .popover-reset{margin-top:12px;font-size:12px;color:var(--blue);background:none;padding:0}:where(.codex-screening) .choice-list{display:grid;grid-template-columns:1fr;max-height:260px;overflow:auto;gap:3px}:where(.codex-screening) .choice-list label{display:flex;align-items:center;gap:10px;padding:7px 3px;font-size:14px;cursor:pointer}:where(.codex-screening) .choice-list label:hover{background:var(--accent-green-soft)}:where(.codex-screening) .choice-list input{accent-color:var(--blue);width:16px;height:16px}:where(.codex-screening) .choice-list .choice-count{margin-left:auto;color:var(--ink-muted);font-size:12px}:where(.codex-screening) .empty-state{padding:65px 24px;text-align:center}:where(.codex-screening) .empty-symbol{width:48px;height:48px;border:1px solid var(--border-soft);border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;color:var(--ink-muted);font-size:25px}:where(.codex-screening) .empty-state h3{font-size:16px;margin-bottom:8px;font-weight:600}:where(.codex-screening) .empty-state p{font-size:14px;color:var(--muted);line-height:1.9}:where(.codex-screening) .primary-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--blue);color:var(--surface-raised);border-radius:6px;padding:11px 20px;font-size:14px;font-weight:500}:where(.codex-screening) .primary-button:hover{background:var(--accent-green-dark)}:where(.codex-screening) .secondary-button{background:var(--surface-raised);border:1px solid var(--border-subtle);padding:10px 16px;font-size:14px;border-radius:6px}:where(.codex-screening) .secondary-button:hover{background:var(--accent-green-soft)}:where(.codex-screening) .empty-state button{margin-top:20px}:where(.codex-screening) .compare-tray:empty{display:none}:where(.codex-screening) .compare-tray{position:sticky;bottom:20px;margin:20px auto 0;padding:14px 17px 14px 21px;display:flex;align-items:center;gap:18px;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:6px;box-shadow:var(--shadow-overlay);z-index:6;animation:screening-tray-enter .25s ease-out}:where(.codex-screening) .tray-label{font-size:14px;white-space:nowrap;font-weight:600}:where(.codex-screening) .tray-chips{display:flex;gap:8px;flex:1;min-width:0;flex-wrap:wrap}:where(.codex-screening) .tray-chip{display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid var(--border-subtle);border-radius:5px;font-size:12px;background:var(--accent-green-soft)}:where(.codex-screening) .tray-chip button{background:none;font-size:17px;padding:0;line-height:1;color:var(--ink-secondary)}:where(.codex-screening) .tray-chip.outside{border-style:dashed}:where(.codex-screening) .tray-chip em{font-size:10px;font-style:normal;color:var(--ink-secondary)}:where(.codex-screening) .compare-tray>.text-button{font-size:12px;white-space:nowrap}:where(.codex-screening) .tray-button{white-space:nowrap;padding:10px 18px}:where(.codex-screening) .toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px);padding:12px 20px;background:var(--ink-primary);color:var(--surface-raised);border-radius:6px;font-size:14px;opacity:0;pointer-events:none;z-index:80;transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px)}:where(.codex-screening) .toast.show{opacity:1;transform:translate(-50%,0)}:where(.codex-screening) dialog{color:var(--ink);border:0;padding:0;max-width:calc(100% - 36px);box-shadow:var(--shadow-overlay);background:var(--surface-raised)}:where(.codex-screening) dialog::backdrop{background:color-mix(in srgb, var(--ink-primary) 40%, transparent);backdrop-filter:blur(4px)}:where(.codex-screening) dialog[open]{animation:screening-dialog-in .25s ease-out}:where(.codex-screening) .detail-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:610px;max-width:100%;height:100dvh;max-height:100dvh;border-radius:14px 0 0 14px}:where(.codex-screening) .detail-dialog[open]{animation:screening-sheet-in .28s cubic-bezier(.2,.7,.25,1)}:where(.codex-screening) .dialog-head{padding:24px 28px 21px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}:where(.codex-screening) .dialog-head h2{font-size:18px}:where(.codex-screening) .close-button{border:1px solid var(--line);background:transparent;width:34px;height:34px;border-radius:50%;font-size:22px;line-height:1;flex-shrink:0}:where(.codex-screening) .close-button:hover{background:var(--accent-green-soft)}:where(.codex-screening) .detail-body{padding:26px 30px}:where(.codex-screening) .detail-tags{display:flex;gap:8px;color:var(--muted);font-size:12px;margin-bottom:12px;flex-wrap:wrap}:where(.codex-screening) .detail-tags span{background:var(--surface-sunken);padding:3px 8px;border-radius:4px}:where(.codex-screening) .detail-name{font-size:24px;font-weight:600;line-height:1.6;overflow-wrap:anywhere;margin-bottom:18px}:where(.codex-screening) .detail-price-line{display:flex;align-items:center;gap:18px}:where(.codex-screening) .detail-price{font-size:43px;letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-weight:500}:where(.codex-screening) .detail-price small{font-size:16px;font-weight:400;margin-left:6px}:where(.codex-screening) .detail-change{font-size:15px}:where(.codex-screening) .detail-date{font-size:12px;color:var(--muted);margin:5px 0 24px}:where(.codex-screening) .price-chart-box{border:1px solid var(--line);border-radius:6px;padding:17px 16px 9px;margin-bottom:23px;background:var(--surface-raised)}:where(.codex-screening) .price-chart-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px}:where(.codex-screening) .period-tabs{display:flex;gap:3px;background:var(--surface-sunken);padding:3px;border-radius:5px}:where(.codex-screening) .period-tabs button{background:transparent;padding:3px 9px;font-size:12px;border-radius:3px}:where(.codex-screening) .period-tabs button.active{background:var(--surface-raised);box-shadow:none;color:var(--blue)}:where(.codex-screening) .price-chart{width:100%;height:190px;margin-top:14px}:where(.codex-screening) .detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:24px;border-top:1px solid var(--line);border-left:1px solid var(--line)}:where(.codex-screening) .metric-cell{padding:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}:where(.codex-screening) .metric-cell dt{font-size:12px;color:var(--muted);margin-bottom:5px}:where(.codex-screening) .metric-cell dd{margin:0;font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}:where(.codex-screening) .metric-cell dd small{font-size:12px;font-weight:400;margin-left:4px}:where(.codex-screening) .detail-actions{display:flex;gap:10px}:where(.codex-screening) .detail-actions button{flex:1}:where(.codex-screening) .detail-footnote{font-size:12px;color:var(--muted);margin-top:20px;line-height:1.9}:where(.codex-screening) .compare-dialog{width:1100px;max-height:90dvh;border-radius:6px}:where(.codex-screening) .compare-body{padding:24px 28px 28px}:where(.codex-screening) .compare-intro{font-size:13px;color:var(--muted);margin-bottom:18px}:where(.codex-screening) .compare-chart{background:var(--chart);border-radius:8px;padding:18px 20px;color:var(--surface-raised);margin-bottom:22px}:where(.codex-screening) .compare-chart h3{font-size:14px;font-weight:500}:where(.codex-screening) .compare-chart p{font-size:12px;color:var(--chart-text-dim);margin-top:4px}:where(.codex-screening) .compare-svg{width:100%;height:205px}:where(.codex-screening) .compare-legend{display:flex;flex-wrap:wrap;gap:18px;font-size:12px}:where(.codex-screening) .compare-legend span{display:flex;align-items:center;gap:7px}:where(.codex-screening) .compare-legend i{display:block;width:17px;height:3px}:where(.codex-screening) .comparison-table-scroll{overflow:auto;border:1px solid var(--line);border-radius:6px}:where(.codex-screening) .comparison-table{border-collapse:collapse;width:100%;min-width:600px;font-size:14px;table-layout:fixed}:where(.codex-screening) .comparison-table th,:where(.codex-screening) .comparison-table td{padding:14px 17px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top}:where(.codex-screening) .comparison-table thead th{font-weight:500;background:var(--surface-sunken);text-align:left;min-width:170px}:where(.codex-screening) .comparison-table tr:last-child td,:where(.codex-screening) .comparison-table tr:last-child th{border-bottom:0}:where(.codex-screening) .comparison-table th:first-child{width:135px;text-align:left;font-weight:400;color:var(--muted);background:var(--surface-raised);position:sticky;left:0;z-index:1}:where(.codex-screening) .comparison-table .compare-name{background:none;color:var(--ink);padding:0;text-align:left;font-size:14px;font-weight:600;line-height:1.7}:where(.codex-screening) .comparison-table .compare-name:hover{color:var(--blue)}:where(.codex-screening) .compare-code{font-size:12px;color:var(--muted);margin:3px 0 8px}:where(.codex-screening) .compare-remove{background:none;padding:0;color:var(--ink-secondary);font-size:12px}:where(.codex-screening) .comparison-table td{font-variant-numeric:tabular-nums}:where(.codex-screening) .comparison-table td small{font-size:12px;color:var(--muted);margin-left:5px}:where(.codex-screening) .compare-meter{height:3px;background:var(--surface-sunken);margin-top:8px}:where(.codex-screening) .compare-meter span{display:block;height:3px;background:var(--blue);transition:width .3s}:where(.codex-screening) .help-dialog{width:650px;border-radius:6px;max-height:90dvh}:where(.codex-screening) .help-body{padding:24px 28px;font-size:14px}:where(.codex-screening) .help-body p{margin-bottom:18px;color:var(--ink-secondary);line-height:1.9}:where(.codex-screening) .definitions{display:grid;grid-template-columns:105px 1fr;margin:0}:where(.codex-screening) .definitions dt,:where(.codex-screening) .definitions dd{padding:14px 0;border-top:1px solid var(--line);margin:0}:where(.codex-screening) .definitions dt{font-weight:600}:where(.codex-screening) .definitions dd{font-size:13px;color:var(--ink-secondary);line-height:1.8}:where(.codex-screening) .chart-tooltip{position:absolute;top:10px;left:50%;transform:translateX(-50%);background:var(--surface-raised);color:var(--ink-primary);border-radius:6px;padding:9px 13px;box-shadow:var(--shadow-overlay);z-index:2;pointer-events:none;font-size:12px;white-space:nowrap}:where(.codex-screening) .chart-tooltip strong{display:block;font-weight:600;margin-bottom:2px}:where(.codex-screening) .chart-empty{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);text-align:center;color:var(--chart-text);font-size:14px;background:color-mix(in srgb, var(--chart-dark-bg) 90%, transparent);padding:14px 24px;border-radius:7px;pointer-events:none}:where(.codex-screening) .chart-empty small{display:block;font-size:12px;color:var(--chart-text-dim);margin-top:5px} @keyframes screening-row-enter{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes screening-sheet-in{from{transform:translateX(50px);opacity:.5}to{transform:translateX(0);opacity:1}}@keyframes screening-dialog-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes screening-popover-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes screening-tray-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} @media(min-width:1550px){:where(.codex-screening) .chart-wrap{height:490px}:where(.codex-screening) .stock-list{height:570px}:where(.codex-screening) .stock-row{padding:18px 24px}:where(.codex-screening) .stock-title{font-size:15px}:where(.codex-screening) .row-metrics{gap:23px}} @media(max-width:1200px){:where(.codex-screening) .site-header{padding:0 24px;gap:17px}:where(.codex-screening) .header-divider{display:none}:where(.codex-screening) .brand{font-size:19px}:where(.codex-screening) .search-wrap{width:290px}:where(.codex-screening) .screening-main{padding:22px 24px}:where(.codex-screening) .workspace{gap:16px;grid-template-columns:minmax(0,1.35fr) minmax(365px,1fr)}:where(.codex-screening) .chart-heading{padding:24px 22px 12px}:where(.codex-screening) .chart-controls{margin:0 22px}:where(.codex-screening) .chart-footer{padding:13px 20px 10px;align-items:flex-start;flex-direction:column;gap:7px}:where(.codex-screening) .chart-instruction{padding:0 20px 17px}:where(.codex-screening) .chart-wrap{height:394px}:where(.codex-screening) .stock-list{height:506px}:where(.codex-screening) .filter-button{padding:7px 10px}:where(.codex-screening) .filter-button:after{right:10px}:where(.codex-screening) .filter-row{gap:7px}:where(.codex-screening) .row-metrics{gap:12px}:where(.codex-screening) .stock-row{padding:16px 18px}:where(.codex-screening) .stock-change{margin-left:5px}} @media(max-width:980px){:where(.codex-screening) .site-header{flex-wrap:wrap;height:auto;min-height:118px;padding:17px 22px;gap:12px}:where(.codex-screening) .search-wrap{order:5;width:100%;margin:0}:where(.codex-screening) .search-wrap input{height:40px}:where(.codex-screening) .demo-badge{margin-left:auto}:where(.codex-screening) .filter-row{display:flex;flex-wrap:wrap;gap:7px}:where(.codex-screening) .filter-wrap{flex:1 1 110px;min-width:100px}:where(.codex-screening) .filter-button{min-height:56px}:where(.codex-screening) .workspace{grid-template-columns:1fr}:where(.codex-screening) .chart-wrap{height:365px}:where(.codex-screening) .chart-heading{padding-top:20px}:where(.codex-screening) .chart-footer{flex-direction:row;align-items:center}:where(.codex-screening) .chart-instruction{padding-bottom:16px}:where(.codex-screening) .stock-list{height:440px;flex:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}:where(.codex-screening) .stock-row{border-right:1px solid var(--border-subtle)}:where(.codex-screening) .results-toolbar select{width:auto}:where(.codex-screening) .page-note{font-size:11px}:where(.codex-screening) .compare-tray{flex-wrap:wrap;gap:12px}:where(.codex-screening) .tray-chips{order:3;flex-basis:100%}:where(.codex-screening) .tray-label{margin-right:auto}:where(.codex-screening) .filter-wrap:nth-child(4) .filter-popover{left:auto;right:0}} @media(max-width:600px){:where(.codex-screening) .site-header{padding:16px 17px;gap:9px;min-height:112px}:where(.codex-screening) .brand{font-size:17px;gap:7px}:where(.codex-screening) .brand svg{width:26px;height:26px}:where(.codex-screening) .demo-badge{font-size:10px;padding:3px 6px;margin-left:0}:where(.codex-screening) .site-header .icon-button{width:24px;height:24px;font-size:12px}:where(.codex-screening) .search-wrap input{font-size:14px}:where(.codex-screening) .search-wrap kbd{display:none}:where(.codex-screening) .screening-main{padding:19px 14px 22px}:where(.codex-screening) .filter-heading{margin-bottom:11px}:where(.codex-screening) .filter-heading h2{font-size:13px}:where(.codex-screening) .filter-heading .text-button{font-size:12px}:where(.codex-screening) .filter-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}:where(.codex-screening) .filter-wrap{min-width:0}:where(.codex-screening) .filter-wrap:nth-child(1),:where(.codex-screening) .filter-wrap:nth-child(2){grid-column:span 2}:where(.codex-screening) .filter-wrap:nth-child(3){grid-column:span 2}:where(.codex-screening) .filter-button{padding:7px 9px;min-height:53px}:where(.codex-screening) .filter-button:after{right:9px;top:23px;width:5px;height:5px}:where(.codex-screening) .filter-button .filter-label{font-size:10px}:where(.codex-screening) .filter-button .filter-value{font-size:12px;padding-right:12px}:where(.codex-screening) .filter-wrap:nth-child(6),:where(.codex-screening) .filter-wrap:nth-child(7){grid-column:span 2}:where(.codex-screening) .filter-popover{position:fixed;inset:auto 12px 16px!important;width:auto;padding:20px;box-shadow:var(--shadow-overlay);max-height:80dvh;overflow:auto}:where(.codex-screening) .filter-popover-header{font-size:16px}:where(.codex-screening) .choice-list{grid-template-columns:1fr 1fr}:where(.codex-screening) .filter-popover .choice-count{display:none}:where(.codex-screening) .active-filters{font-size:11px;gap:6px;padding:9px 0}:where(.codex-screening) .active-filters:empty{min-height:16px}:where(.codex-screening) .workspace{gap:16px;display:flex;flex-direction:column}:where(.codex-screening) .distribution{border-radius:6px}:where(.codex-screening) .chart-heading{padding:18px 18px 9px}:where(.codex-screening) .eyebrow{font-size:11px}:where(.codex-screening) .result-total strong{font-size:42px}:where(.codex-screening) .result-total>span{font-size:12px}:where(.codex-screening) .total-base{font-size:12px;margin-left:5px}:where(.codex-screening) .chart-heading-right h2{font-size:15px}:where(.codex-screening) .chart-heading-right>span{font-size:10px}:where(.codex-screening) .chart-controls{margin:0 18px;padding-bottom:0}:where(.codex-screening) .chart-toggle{font-size:10px}:where(.codex-screening) .axis-selector{gap:5px;font-size:10px}:where(.codex-screening) .axis-selector select{font-size:12px}:where(.codex-screening) .axis-sep{margin:0 1px}:where(.codex-screening) .chart-wrap{height:253px;margin:0 3px}:where(.codex-screening) .chart-footer{padding:10px 17px 9px;display:block;font-size:10px}:where(.codex-screening) .legend{gap:12px}:where(.codex-screening) .legend span{gap:5px}:where(.codex-screening) .legend i{width:7px;height:7px}:where(.codex-screening) #plot-count{display:none}:where(.codex-screening) .chart-instruction{padding:0 17px 13px;font-size:10px;gap:8px}:where(.codex-screening) .results-heading{padding:18px 17px 13px}:where(.codex-screening) .results-heading h2{font-size:17px}:where(.codex-screening) .results-toolbar{padding:0 17px 12px;font-size:11px}:where(.codex-screening) .results-toolbar select{font-size:12px;width:150px}:where(.codex-screening) .stock-list{height:470px;display:block}:where(.codex-screening) .stock-row{padding:16px 17px;gap:12px}:where(.codex-screening) .stock-title{font-size:14px}:where(.codex-screening) .stock-meta{font-size:11px}:where(.codex-screening) .row-price{font-size:20px}:where(.codex-screening) .row-metrics{font-size:14px;gap:17px}:where(.codex-screening) .row-metrics small{font-size:11px}:where(.codex-screening) .stock-change{font-size:12px}:where(.codex-screening) .list-footer{padding:11px 17px;font-size:10px}:where(.codex-screening) .page-note{font-size:10px;display:block;line-height:1.9;margin-top:14px}:where(.codex-screening) .page-note span{display:block}:where(.codex-screening) .compare-tray{bottom:10px;margin-top:15px;padding:12px;gap:8px}:where(.codex-screening) .tray-label{font-size:13px}:where(.codex-screening) .tray-chips{flex-wrap:nowrap;overflow:auto;gap:6px;padding-bottom:2px}:where(.codex-screening) .tray-chip{font-size:11px;white-space:nowrap;padding:6px 8px}:where(.codex-screening) .tray-chip em{display:none}:where(.codex-screening) .tray-button{padding:8px 14px;font-size:13px}:where(.codex-screening) .compare-tray>.text-button{font-size:11px}:where(.codex-screening) .detail-dialog{border-radius:0}:where(.codex-screening) .dialog-head{padding:19px 20px}:where(.codex-screening) .detail-body{padding:22px 20px}:where(.codex-screening) .detail-name{font-size:22px}:where(.codex-screening) .detail-price{font-size:38px}:where(.codex-screening) .detail-metrics{grid-template-columns:repeat(2,1fr)}:where(.codex-screening) .detail-actions{position:sticky;bottom:0;background:var(--surface-raised);padding:12px 0}:where(.codex-screening) .compare-dialog{max-width:100%;width:100%;height:100dvh;max-height:100dvh;border-radius:6px}:where(.codex-screening) .compare-body{padding:20px 15px}:where(.codex-screening) .compare-chart{padding:15px}:where(.codex-screening) .compare-svg{height:185px}:where(.codex-screening) .comparison-table{min-width:620px}:where(.codex-screening) .comparison-table th:first-child{width:100px}:where(.codex-screening) .comparison-table th,:where(.codex-screening) .comparison-table td{padding:13px 12px}:where(.codex-screening) .help-dialog{max-width:calc(100% - 24px)}:where(.codex-screening) .help-body{padding:19px 20px}:where(.codex-screening) .definitions{grid-template-columns:90px 1fr}:where(.codex-screening) .chart-tooltip{white-space:normal;min-width:220px;font-size:11px;top:0}:where(.codex-screening) .toast{bottom:20px;font-size:13px;width:max-content}} @media(prefers-reduced-motion:reduce){:where(.codex-screening) *,:where(.codex-screening) *::before,:where(.codex-screening) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* Keep both working surfaces within the viewport, while their contents scroll. */ :where(.codex-screening) .workspace{--work-height:clamp(560px,calc(100dvh - 295px),770px);align-items:start}:where(.codex-screening) .distribution,:where(.codex-screening) .results{height:var(--work-height)}:where(.codex-screening) .distribution{display:flex;flex-direction:column}:where(.codex-screening) .chart-wrap{flex:1;min-height:0}:where(.codex-screening) .chart-heading,:where(.codex-screening) .chart-controls,:where(.codex-screening) .chart-footer,:where(.codex-screening) .chart-instruction{flex-shrink:0}:where(.codex-screening) .stock-list{height:auto;overflow:auto;flex:1}:where(.codex-screening) .sort-metric{font-size:11px;color:var(--muted);margin-top:6px;font-variant-numeric:tabular-nums}:where(.codex-screening) .sort-metric:empty{display:none}:where(.codex-screening) .stock-dot.linked .bubble{stroke:var(--surface-raised);stroke-width:2.5;filter:brightness(1.2)}:where(.codex-screening) .stock-dot.linked .selection-ring{opacity:.65}:where(.codex-screening) .market-metric{font-size:16px!important}:where(.codex-screening) .chart-axis-text{font-size:12px}:where(.codex-screening) .chart-axis-title{font-size:12px}:where(.codex-screening) .stock-row input[type=checkbox]{width:19px;height:19px}:where(.codex-screening) .stock-row input:checked:after{left:5px;top:2px}:where(.codex-screening) .row-metrics small{font-size:11px}:where(.codex-screening) .comparison-table thead th:not(:first-child){border-top:3px solid var(--blue)}:where(.codex-screening) .comparison-table thead th:nth-child(3){border-top-color:var(--wa-rokushou)}:where(.codex-screening) .comparison-table thead th:nth-child(4){border-top-color:var(--wa-kincha)}:where(.codex-screening) .comparison-table thead th:nth-child(5){border-top-color:var(--wa-kobai)} @media(max-width:980px){:where(.codex-screening) .distribution{height:485px}:where(.codex-screening) .results{height:580px}:where(.codex-screening) .stock-list{height:auto}:where(.codex-screening) .chart-wrap{height:auto}} @media(max-width:600px){:where(.codex-screening) .distribution{height:355px}:where(.codex-screening) .results{height:590px}:where(.codex-screening) .chart-heading-right>span,:where(.codex-screening) .chart-toggle,:where(.codex-screening) .eyebrow,:where(.codex-screening) .chart-footer,:where(.codex-screening) .chart-instruction{font-size:11px}:where(.codex-screening) .filter-button .filter-label{font-size:11px}:where(.codex-screening) .filter-button .filter-value{font-size:13px}:where(.codex-screening) .page-note,:where(.codex-screening) .list-footer{font-size:11px}:where(.codex-screening) .row-metrics small,:where(.codex-screening) .sort-metric{font-size:12px}:where(.codex-screening) .chart-axis-text,:where(.codex-screening) .chart-axis-title{font-size:11px}:where(.codex-screening) .distribution .chart-heading{padding-top:16px}:where(.codex-screening) .chart-footer{padding-bottom:6px}:where(.codex-screening) .chart-instruction{display:block}:where(.codex-screening) .chart-instruction>span+span{display:none}:where(.codex-screening) .workspace{flex-direction:column}:where(.codex-screening) .distribution{order:1}:where(.codex-screening) .results{order:2}:where(.codex-screening) .detail-actions button{font-size:13px;padding-left:10px;padding-right:10px}} @media(max-width:600px){:where(.codex-screening) .distribution{order:2;height:380px}:where(.codex-screening) .results{order:1;height:440px}:where(.codex-screening) .chart-instruction>span+span{display:block;margin-top:2px}:where(.codex-screening) .chart-instruction,:where(.codex-screening) .legend,:where(.codex-screening) .filter-button .filter-label,:where(.codex-screening) .page-note,:where(.codex-screening) .list-footer,:where(.codex-screening) .chart-heading-right>span,:where(.codex-screening) .chart-toggle,:where(.codex-screening) .eyebrow,:where(.codex-screening) .demo-badge{font-size:12px}:where(.codex-screening) .filter-button{min-height:58px}:where(.codex-screening) .chart-axis-text,:where(.codex-screening) .chart-axis-title{font-size:12px}:where(.codex-screening) .site-header{column-gap:8px}:where(.codex-screening) .demo-badge{font-size:11px}:where(.codex-screening) .chart-footer{font-size:12px}:where(.codex-screening) .chart-controls{margin:0 15px}:where(.codex-screening) .legend{gap:10px}:where(.codex-screening) .chart-heading-right{padding-left:8px}:where(.codex-screening) .compare-svg{min-width:540px}:where(.codex-screening) .compare-chart{overflow-x:auto}:where(.codex-screening) .compare-legend{min-width:360px}} :where(.codex-screening) .compare-table-hint{display:none}:where(.codex-screening) .price-line{animation:screening-price-reveal .4s ease-out}@keyframes screening-price-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}} @media(max-width:600px){:where(.codex-screening) .filter-row{grid-template-columns:repeat(6,minmax(0,1fr))}:where(.codex-screening) .filter-wrap:nth-child(1),:where(.codex-screening) .filter-wrap:nth-child(2),:where(.codex-screening) .filter-wrap:nth-child(6),:where(.codex-screening) .filter-wrap:nth-child(7){grid-column:span 3}:where(.codex-screening) .filter-wrap:nth-child(3),:where(.codex-screening) .filter-wrap:nth-child(4),:where(.codex-screening) .filter-wrap:nth-child(5){grid-column:span 2}:where(.codex-screening) .filter-unit{display:none}:where(.codex-screening) .compare-svg{min-width:0;height:190px}:where(.codex-screening) .compare-legend{min-width:0}:where(.codex-screening) .compare-table-hint{display:block;font-size:12px;color:var(--muted);margin-bottom:9px}:where(.codex-screening) .comparison-table{min-width:620px}:where(.codex-screening) .comparison-table thead th{min-width:170px}} /* Distribution-aware controls and dense comparison, adapted to the existing workspace. */ :where(.codex-screening) [hidden]{display:none!important}:where(.codex-screening) .filter-section{display:grid;grid-template-columns:minmax(0,1fr) 365px;column-gap:22px}:where(.codex-screening) .filter-heading{margin:0;grid-column:1;grid-row:1;align-self:center}:where(.codex-screening) .filter-head-actions{display:flex;align-items:center;gap:18px}:where(.codex-screening) .filter-row{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:8px}:where(.codex-screening) .filter-row .filter-button{min-height:39px;display:flex;flex-direction:row;align-items:center;gap:10px;padding:8px 13px}:where(.codex-screening) .filter-row .filter-button:after{top:15px}:where(.codex-screening) .filter-row .filter-label{font-size:12px;white-space:nowrap}:where(.codex-screening) .filter-row .filter-value{font-size:12px;max-width:115px}:where(.codex-screening) .metric-rails{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:17px;background:var(--surface-raised);border:1px solid var(--line);border-radius:6px;position:relative;z-index:5}:where(.codex-screening) .metric-rail{padding:13px 17px 8px;border-right:1px solid var(--line);min-width:0;background:var(--surface-raised)}:where(.codex-screening) .metric-rail:first-child{border-radius:8px 0 0 8px}:where(.codex-screening) .metric-rail:last-child{border-right:0;border-radius:0 8px 8px 0}:where(.codex-screening) .metric-rail.is-filtered{background:var(--accent-green-soft)}:where(.codex-screening) .rail-title{padding:0;display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;background:none;text-align:left;font-size:13px;position:relative;min-height:24px}:where(.codex-screening) .rail-title>span:first-child{white-space:nowrap}:where(.codex-screening) .rail-title small{font-size:11px;color:var(--muted);font-weight:400}:where(.codex-screening) .rail-title .filter-value{font-size:12px;font-weight:500;white-space:nowrap;color:var(--muted);margin-left:auto}:where(.codex-screening) .rail-title.active .filter-value{color:var(--blue)}:where(.codex-screening) .rail-title.invalid .filter-value{color:var(--red)}:where(.codex-screening) .rail-edit{font-size:15px;color:var(--ink-muted)}:where(.codex-screening) .rail-histogram{height:30px;margin:12px 4px 0}:where(.codex-screening) .rail-histogram svg{width:100%;height:100%;overflow:visible}:where(.codex-screening) .rail-histogram rect{transition:height .2s,y .2s}:where(.codex-screening) .hist-0{fill:var(--border-soft)}:where(.codex-screening) .hist-1{fill:color-mix(in srgb, var(--accent-green) 35%, var(--surface-raised))}:where(.codex-screening) .hist-2{fill:var(--accent-green)}:where(.codex-screening) .rail-track{height:18px;margin:0 4px;position:relative}:where(.codex-screening) .rail-track:before,:where(.codex-screening) .rail-fill{content:'';position:absolute;height:3px;background:var(--surface-sunken);left:0;right:0;top:7px;pointer-events:none}:where(.codex-screening) .rail-fill{background:var(--accent-green);right:auto}:where(.codex-screening) .rail-slider{position:absolute;left:-8px;top:0;width:calc(100% + 16px);margin:0;height:18px;appearance:none;-webkit-appearance:none;background:none;pointer-events:none;outline-offset:4px}:where(.codex-screening) .rail-slider::-webkit-slider-runnable-track{height:3px;background:none}:where(.codex-screening) .rail-slider::-moz-range-track{height:3px;background:none}:where(.codex-screening) .rail-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:19px;background:var(--surface-raised);border:1.5px solid var(--accent-green);border-radius:5px;margin-top:-8px;pointer-events:auto;cursor:ew-resize;box-shadow:none}:where(.codex-screening) .rail-slider::-moz-range-thumb{width:13px;height:17px;background:var(--surface-raised);border:1.5px solid var(--accent-green);border-radius:5px;pointer-events:auto;cursor:ew-resize}:where(.codex-screening) .rail-slider:focus-visible{outline:none}:where(.codex-screening) .rail-slider:focus-visible::-webkit-slider-thumb{outline:3px solid var(--focus-ring);outline-offset:3px}:where(.codex-screening) .rail-slider:focus-visible::-moz-range-thumb{outline:3px solid var(--focus-ring);outline-offset:3px}:where(.codex-screening) .rail-ticks{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-secondary);font-variant-numeric:tabular-nums}:where(.codex-screening) .rail-key{display:flex;grid-column:1/-1;gap:15px;font-size:11px;color:var(--muted);padding:9px 2px 0;align-items:center}:where(.codex-screening) .rail-key>span{display:flex;gap:5px;align-items:center}:where(.codex-screening) .rail-key i{width:7px;height:7px;border-radius:1px}:where(.codex-screening) .key-all{background:var(--border-soft)}:where(.codex-screening) .key-context{background:color-mix(in srgb, var(--accent-green) 35%, var(--surface-raised))}:where(.codex-screening) .key-match{background:var(--accent-green)}:where(.codex-screening) .rail-key .rail-hint{margin-left:auto}:where(.codex-screening) .active-filters{grid-column:1/-1;min-height:19px;padding-bottom:4px}:where(.codex-screening) .active-filters:empty{min-height:13px}:where(.codex-screening) .metric-rail .filter-popover{top:calc(100% + 9px)}:where(.codex-screening) .metric-rail:nth-last-child(-n+2) .filter-popover{left:auto;right:0}:where(.codex-screening) .filter-row .filter-wrap:last-child .filter-popover{right:0;left:auto}:where(.codex-screening) .swap-range{font-size:12px;color:var(--blue);background:var(--accent-green-soft);border-radius:4px;padding:6px 9px;margin-top:10px}:where(.codex-screening) .view-bar{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;gap:15px}:where(.codex-screening) .workspace-status{display:flex;align-items:baseline;gap:8px;font-size:13px}:where(.codex-screening) .workspace-status>strong{font-size:23px;font-weight:500;font-variant-numeric:tabular-nums}:where(.codex-screening) .workspace-total{color:var(--muted);margin-left:5px}:where(.codex-screening) .view-switch{display:flex;border:1px solid var(--border-subtle);border-radius:6px;padding:3px;background:var(--surface-sunken);gap:2px}:where(.codex-screening) .view-switch button{padding:5px 13px;border-radius:4px;background:none;font-size:12px;color:var(--ink-secondary)}:where(.codex-screening) .view-switch button[aria-pressed=true]{background:var(--surface-raised);color:var(--blue);box-shadow:none}:where(.codex-screening) .draft-warning{color:var(--red);font-size:12px}:where(.codex-screening) .workspace{--work-height:clamp(480px,calc(100dvh - 395px),720px);grid-template-columns:minmax(0,1.3fr) minmax(400px,1fr)}:where(.codex-screening) .chart-heading{padding:20px 24px 8px}:where(.codex-screening) .result-total strong{font-size:47px}:where(.codex-screening) .stock-row{padding:12px 20px}:where(.codex-screening) .row-data{margin-top:6px}:where(.codex-screening) .stock-title{font-size:14px}:where(.codex-screening) .sort-metric{margin-top:3px;font-size:12px}:where(.codex-screening) .row-metrics small{font-size:12px}:where(.codex-screening) .results-heading{padding:17px 20px 12px}:where(.codex-screening) .results-toolbar{padding:0 20px 12px}:where(.codex-screening) .workspace.table-view{display:block}:where(.codex-screening) .table-view .distribution{display:none}:where(.codex-screening) .table-view .results{height:var(--work-height)}:where(.codex-screening) .table-view .results-toolbar>span{font-size:12px}:where(.codex-screening) .stock-table-scroll{min-height:0;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--border-soft) transparent}:where(.codex-screening) .screening-table{border-collapse:collapse;width:100%;min-width:1040px;font-size:13px;font-variant-numeric:tabular-nums}:where(.codex-screening) .screening-table th,:where(.codex-screening) .screening-table td{padding:12px 13px;border-bottom:1px solid var(--border-subtle)}:where(.codex-screening) .screening-table thead th{position:sticky;top:0;background:var(--surface-sunken);z-index:1;font-weight:500;text-align:right;padding-top:9px;padding-bottom:8px;white-space:nowrap}:where(.codex-screening) .screening-table thead th button{background:none;padding:0;font-size:12px;color:var(--ink-secondary);display:inline-flex;gap:7px}:where(.codex-screening) .screening-table thead th[aria-sort=ascending] button,:where(.codex-screening) .screening-table thead th[aria-sort=descending] button{color:var(--blue)}:where(.codex-screening) .screening-table thead th small{display:block;font-size:11px;color:var(--muted);font-weight:400}:where(.codex-screening) .screening-table thead .table-name-head{text-align:left}:where(.codex-screening) .screening-table .table-select-head{width:49px;text-align:left}:where(.codex-screening) .screening-table tbody tr:hover{background:var(--accent-green-soft)}:where(.codex-screening) .screening-table tbody tr.selected{background:var(--accent-green-soft)}:where(.codex-screening) .screening-table tbody tr>th{font-weight:400;text-align:left;min-width:245px;max-width:300px}:where(.codex-screening) .table-name{background:none;padding:0;font-size:14px;font-weight:500;text-align:left;line-height:1.65}:where(.codex-screening) .table-name:hover{color:var(--blue)}:where(.codex-screening) .table-name small{font-size:12px;color:var(--muted);display:block;font-weight:400}:where(.codex-screening) .table-code{color:var(--ink-secondary);font-size:12px}:where(.codex-screening) .table-number{text-align:right;white-space:nowrap}:where(.codex-screening) .table-number>small{display:block;font-size:11px}:where(.codex-screening) .table-checkbox{display:flex;align-items:center;gap:5px}:where(.codex-screening) .table-checkbox input{width:16px;height:16px;accent-color:var(--blue);margin:0}:where(.codex-screening) .table-slot{font-size:11px;font-weight:600;color:var(--blue)}:where(.codex-screening) .table-spark{width:75px;height:28px}:where(.codex-screening) .recovery-options{display:grid;gap:8px;margin:20px auto 0;max-width:340px}:where(.codex-screening) .recovery-options button{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--accent-green-soft);font-size:13px}:where(.codex-screening) .recovery-options strong{font-weight:500;color:var(--blue)}:where(.codex-screening) .detail-navigation{display:flex;justify-content:space-between;align-items:center;padding:12px 28px;border-bottom:1px solid var(--line);gap:10px;font-size:12px;color:var(--muted)}:where(.codex-screening) .detail-navigation button{font-size:12px;background:none;color:var(--blue);padding:2px 0}:where(.codex-screening) .detail-navigation button:disabled{color:var(--ink-muted)}:where(.codex-screening) .price-inspector{display:flex;flex-direction:column;gap:7px;padding:0 7px 6px}:where(.codex-screening) .price-inspector output{font-size:13px;color:var(--ink-secondary);font-variant-numeric:tabular-nums}:where(.codex-screening) .price-inspector input{width:100%;height:18px;accent-color:var(--blue)}:where(.codex-screening) .price-guide{stroke:var(--accent-green);stroke-width:1;stroke-dasharray:3 3;pointer-events:none}:where(.codex-screening) .slot-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:4px;background:var(--surface-raised);border:1px solid currentColor;color:var(--slot-ink);font-size:11px}:where(.codex-screening) .compare-tray{padding:11px 15px;gap:14px}:where(.codex-screening) .filter-head-actions>.text-button{white-space:nowrap}:where(.codex-screening) .filter-heading h2{white-space:nowrap} @media(max-width:1200px){:where(.codex-screening) .workspace{grid-template-columns:minmax(0,1.2fr) minmax(380px,1fr)}:where(.codex-screening) .metric-rail{padding:11px 12px 7px}:where(.codex-screening) .rail-title{flex-wrap:wrap;gap:0 5px}:where(.codex-screening) .rail-title .filter-value{font-size:12px}:where(.codex-screening) .rail-title>span:first-child{font-size:12px}:where(.codex-screening) .rail-title .rail-edit{display:none}:where(.codex-screening) .filter-section{grid-template-columns:1fr 350px}:where(.codex-screening) .filter-head-actions{gap:10px}:where(.codex-screening) .filter-heading .text-button{font-size:12px}:where(.codex-screening) .rail-key .rail-hint{font-size:10px}} @media(max-width:980px){:where(.codex-screening) .filter-section{display:block}:where(.codex-screening) .filter-heading{margin-bottom:12px}:where(.codex-screening) .filter-row{display:grid;grid-template-columns:1fr 1fr}:where(.codex-screening) .filter-row .filter-wrap{min-width:0}:where(.codex-screening) .filter-row .filter-button{justify-content:flex-start}:where(.codex-screening) .metric-rails{margin-top:12px}:where(.codex-screening) .metric-rail{padding:10px}:where(.codex-screening) .rail-title{display:block}:where(.codex-screening) .rail-title .filter-value{display:block;margin-top:3px;font-size:12px}:where(.codex-screening) .rail-histogram{margin-top:8px}:where(.codex-screening) .rail-key{flex-wrap:wrap;gap:5px 12px}:where(.codex-screening) .rail-key .rail-hint{margin-left:0}:where(.codex-screening) .workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(325px,1fr);gap:14px}:where(.codex-screening) .distribution,:where(.codex-screening) .results{height:510px}:where(.codex-screening) .chart-heading{padding:18px}:where(.codex-screening) .chart-heading-right h2{font-size:15px}:where(.codex-screening) .chart-heading-right>span{font-size:11px}:where(.codex-screening) .chart-footer{display:block;padding:10px 17px}:where(.codex-screening) .chart-controls{margin:0 17px;gap:5px}:where(.codex-screening) .axis-selector{gap:4px}:where(.codex-screening) .chart-toggle{font-size:11px}:where(.codex-screening) .chart-instruction{padding:0 17px 14px;display:block}:where(.codex-screening) .stock-list{display:block}:where(.codex-screening) .row-data{gap:6px}:where(.codex-screening) .stock-change{display:block;margin-left:0;font-size:11px}:where(.codex-screening) .row-price{font-size:18px}:where(.codex-screening) .row-metrics{gap:12px}:where(.codex-screening) .results-toolbar{flex-wrap:wrap;gap:6px}:where(.codex-screening) .results-toolbar>span{display:none}:where(.codex-screening) .stock-row{padding:12px 15px}:where(.codex-screening) .workspace.table-view .results{height:550px}:where(.codex-screening) .rail-ticks{font-size:10px}} @media(max-width:700px){:where(.codex-screening) .workspace{display:flex;flex-direction:column}:where(.codex-screening) .distribution{order:2;width:100%;height:385px}:where(.codex-screening) .results{order:1;width:100%;height:470px}:where(.codex-screening) .stock-change{display:inline;margin-left:7px}:where(.codex-screening) .stock-list{height:auto}:where(.codex-screening) .rail-hint{display:none!important}:where(.codex-screening) .metric-rails{grid-template-columns:repeat(5,minmax(132px,1fr));overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border-soft) transparent;padding-bottom:5px;overscroll-behavior-x:contain}:where(.codex-screening) .metric-rail{padding:9px 12px}:where(.codex-screening) .rail-ticks{font-size:11px}:where(.codex-screening) .rail-title>span:first-child{font-size:13px}:where(.codex-screening) .rail-title .filter-value{font-size:12px}:where(.codex-screening) .metric-rail .filter-popover{position:fixed;inset:auto 12px 16px!important;width:auto;max-height:80dvh;overflow-y:auto;box-shadow:var(--shadow-overlay);z-index:20}:where(.codex-screening) .rail-key{font-size:11px;flex-wrap:nowrap;gap:11px}:where(.codex-screening) .rail-title small{font-size:12px}:where(.codex-screening) .filter-heading{margin-bottom:10px}:where(.codex-screening) .filter-head-actions{gap:9px}:where(.codex-screening) .filter-heading .text-button{font-size:11px}:where(.codex-screening) .filter-row .filter-value{font-size:12px;max-width:100px}:where(.codex-screening) .filter-row .filter-label{font-size:12px}:where(.codex-screening) .filter-row .filter-wrap{grid-column:auto!important}:where(.codex-screening) .view-bar{gap:8px;margin-bottom:12px;align-items:center}:where(.codex-screening) .view-switch button{padding:5px 8px;font-size:11px}:where(.codex-screening) .workspace-status{gap:5px;font-size:12px;flex-wrap:wrap}:where(.codex-screening) .workspace-status>strong{font-size:21px}:where(.codex-screening) .workspace-status .workspace-total{display:none}:where(.codex-screening) .draft-warning{flex-basis:100%;font-size:11px}:where(.codex-screening) .metric-rail .rail-slider::-webkit-slider-thumb{width:17px;height:21px;margin-top:-9px}:where(.codex-screening) .metric-rail .rail-slider::-moz-range-thumb{width:15px;height:19px}:where(.codex-screening) .rail-track{margin-top:3px}:where(.codex-screening) .table-view .results{height:540px}:where(.codex-screening) .detail-navigation{padding:12px 20px}:where(.codex-screening) .filter-row .filter-button{min-height:39px;padding:8px 10px}:where(.codex-screening) .filter-row .filter-button:after{right:10px}:where(.codex-screening) .active-filters{padding-top:7px;min-height:18px}:where(.codex-screening) .rail-key+.active-filters:empty{min-height:15px}} :where(.codex-screening) .metric-rails>.metric-rail{grid-column:auto!important;grid-row:auto!important}:where(.codex-screening) .filter-row:has([aria-expanded=true]),:where(.codex-screening) .metric-rails:has([aria-expanded=true]){z-index:30} @media(max-width:700px){:where(.codex-screening) .metric-rails{display:flex}:where(.codex-screening) .metric-rails>.metric-rail{flex:0 0 155px}:where(.codex-screening) .metric-rails .rail-ticks{font-size:11px}} :where(.codex-screening) .rail-title .filter-value{min-width:0;overflow:hidden;text-overflow:ellipsis} /* Hit testing uses the unmodified native thumb widths from the supplied CSS. */ :where(.codex-screening) .rail-slider { --rail-thumb-width: 15px; } @media (max-width: 700px) { :where(.codex-screening) .rail-slider { --rail-thumb-width: 17px; } } :where(.codex-screening) { --screening-bubble-blue: var(--wa-aiiro); --screening-bubble-green: var(--wa-rokushou); --screening-bubble-lime: var(--wa-wakanae); min-width: 0; font-family: inherit; background: transparent; } :where(.codex-screening) .screening-main { max-width: none; margin: 0; padding: 0; } :where(.codex-screening) .site-header { height: auto; min-height: 0; padding: 0 0 16px; margin: 0 0 24px; gap: 16px; flex-wrap: wrap; background: transparent; border-bottom: 1px solid var(--border-subtle); } :where(.codex-screening) .site-header .ui-page-title { margin: 0; white-space: normal; } :where(.codex-screening) .site-header .search-wrap { order: 0; width: min(360px, 40%); margin-left: auto; } :where(.codex-screening) .site-header .demo-badge { margin: 0; font-size: 12px; } :where(.codex-screening) .site-header .icon-button { width: 32px; height: 32px; font-size: 14px; } :where(.codex-screening) .search-wrap input { height: 44px; } :where(.codex-screening) .search-wrap input:focus-visible, :where(.codex-screening) .range-inputs input:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 3px; } :where(.codex-screening) .distribution, :where(.codex-screening) .results { box-shadow: none; border: 1px solid var(--border-subtle); } :where(.codex-screening) .distribution, :where(.codex-screening) .compare-chart { color: var(--chart-text); } :where(.codex-screening) .distribution .axis-selector select { color: var(--chart-text); padding-right: 3px; appearance: auto; } :where(.codex-screening) .distribution .axis-selector select option { color: var(--ink-primary); background: var(--surface-raised); } :where(.codex-screening) .stock-dot:is(:hover,:focus,.selected,.linked) .bubble,:where(.codex-screening) .selection-ring { stroke: var(--chart-text); filter: none; } :where(.codex-screening) .stock-dot, :where(.codex-screening) .stock-dot circle, :where(.codex-screening) .selection-ring { transition: none; } :where(.codex-screening) .primary-button { color: var(--surface-canvas); } :where(.codex-screening) .stock-row input:checked:after { border-color: var(--surface-canvas); } :where(.codex-screening) .toast { color: var(--surface-canvas); } :where(.codex-screening) .filter-popover, :where(.codex-screening) dialog, :where(.codex-screening) .chart-tooltip { background: var(--surface-elevated); } :where(.codex-screening) dialog::backdrop { backdrop-filter: none; } :where(.codex-screening) .detail-dialog { border-radius: 6px 0 0 6px; } :where(.codex-screening) .detail-dialog[open] { animation-duration: var(--motion-popover); animation-timing-function: var(--motion-ease); } :where(.codex-screening) .detail-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; background: var(--surface-elevated); } :where(.codex-screening) .detail-actions > * { min-width: 0; } :where(.codex-screening) .detail-personality-link { grid-column: 1 / -1; text-decoration: none; } :where(.codex-screening) .detail-body { padding-top: 22px; } :where(.codex-screening) .detail-hero { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; } :where(.codex-screening) .detail-company-link { color: inherit; text-decoration: none; border-radius: 6px; } :where(.codex-screening) .detail-company-link:hover .detail-name { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; } :where(.codex-screening) .detail-hero-copy { min-width: 0; flex: 1; } :where(.codex-screening) .detail-company-logo { width: 64px; height: 64px; border: 1px solid var(--border-subtle); background: var(--surface-raised); color: var(--ink-secondary); font-size: 15px; } :where(.codex-screening) .detail-company-logo img { padding: 5px; } :where(.codex-screening) .detail-tags { margin-bottom: 7px; } :where(.codex-screening) .detail-name { margin: 0; font-size: 29px; line-height: 1.28; letter-spacing: -.02em; } :where(.codex-screening) .detail-quote { margin: 0 0 18px; padding: 18px 20px 16px; border-left: 4px solid var(--accent-green); border-radius: 0 6px 6px 0; background: var(--accent-green-soft); } :where(.codex-screening) .detail-price-line { align-items: baseline; } :where(.codex-screening) .detail-price { font-size: 52px; line-height: 1; font-weight: 600; } :where(.codex-screening) .detail-change { font-weight: 500; } :where(.codex-screening) .detail-date { margin: 9px 0 0; } :where(.codex-screening) .price-chart-box { padding: 18px 18px 12px; margin-bottom: 20px; } :where(.codex-screening) .price-chart-heading > span { font-size: 15px; font-weight: 600; } :where(.codex-screening) .price-chart { height: 205px; margin-top: 10px; } :where(.codex-screening) .price-chart .price-line { stroke-width: 3; } :where(.codex-screening) .price-inspector { display: grid; grid-template-columns: max-content minmax(120px, 1fr); align-items: center; gap: 14px; padding: 1px 4px 3px; } :where(.codex-screening) .price-inspector output { font-weight: 500; white-space: nowrap; } :where(.codex-screening) .price-inspector input { appearance: none; -webkit-appearance: none; height: 22px; background: transparent; accent-color: auto; } :where(.codex-screening) .price-inspector input::-webkit-slider-runnable-track { height: 4px; border-radius: 4px; background: var(--border-soft); } :where(.codex-screening) .price-inspector input::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 16px; height: 16px; margin-top: -6px; border: 3px solid var(--surface-raised); border-radius: 50%; background: var(--accent-green); box-shadow: 0 0 0 1px var(--accent-green); } :where(.codex-screening) .price-inspector input::-moz-range-track { height: 4px; border-radius: 4px; background: var(--border-soft); } :where(.codex-screening) .price-inspector input::-moz-range-thumb { width: 10px; height: 10px; border: 3px solid var(--surface-raised); border-radius: 50%; background: var(--accent-green); box-shadow: 0 0 0 1px var(--accent-green); } :where(.codex-screening) .price-inspector input:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 3px; } :where(.codex-screening) .metric-cell { min-width: 0; } :where(.codex-screening) .metric-cell dd { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-start; column-gap: 6px; row-gap: 2px; min-width: 0; font-weight: 600; } :where(.codex-screening) .metric-number { white-space: nowrap; } :where(.codex-screening) .metric-rank { margin-left: auto !important; color: var(--ink-muted); font-size: 10.5px !important; max-width: 100%; font-weight: 400 !important; line-height: 1.35; text-align: right; white-space: nowrap; } :where(.codex-screening) .metric-cell-top { background: color-mix(in srgb, var(--red) 8%, var(--surface-raised)); box-shadow: inset 0 3px var(--red); } :where(.codex-screening) .metric-cell-top .metric-rank { color: var(--red); font-weight: 600 !important; } :where(.codex-screening) .metric-rails { grid-template-columns: repeat(7, minmax(0, 1fr)); } :where(.codex-screening) .metric-rail:first-child { border-radius: 6px 0 0 6px; } :where(.codex-screening) .metric-rail:last-child { border-radius: 0 6px 6px 0; } :where(.codex-screening) .metric-rail .filter-popover { width: min(520px, calc(100vw - 32px)); padding: 20px; } :where(.codex-screening) .metric-rail:nth-last-child(-n+3) .filter-popover { left: auto; right: 0; } :where(.codex-screening) .expanded-rail-selection { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; color: var(--ink-secondary); font-size: 12px; } :where(.codex-screening) .expanded-rail-selection output { color: var(--ink-primary); font-size: 20px; font-weight: 600; font-variant-numeric: tabular-nums; text-align: right; } :where(.codex-screening) .expanded-rail .rail-histogram { height: 72px; margin: 18px 10px 0; } :where(.codex-screening) .expanded-rail .rail-track { height: 34px; margin: 0 12px; } :where(.codex-screening) .expanded-rail .rail-track::before, :where(.codex-screening) .expanded-rail .rail-fill { height: 4px; top: 15px; } :where(.codex-screening) .expanded-rail .rail-slider { --rail-thumb-width: 26px; left: -13px; width: calc(100% + 26px); height: 34px; } :where(.codex-screening) .expanded-rail .rail-slider::-webkit-slider-runnable-track { height: 4px; } :where(.codex-screening) .expanded-rail .rail-slider::-moz-range-track { height: 4px; } :where(.codex-screening) .expanded-rail .rail-slider::-webkit-slider-thumb { width: 26px; height: 32px; margin-top: -14px; } :where(.codex-screening) .expanded-rail .rail-slider::-moz-range-thumb { width: 26px; height: 30px; } :where(.codex-screening) .expanded-rail .rail-ticks { margin: 2px 2px 0; font-size: 12px; } :where(.codex-screening) .expanded-rail + .range-note { margin-top: 18px; line-height: 1.7; } @media (max-width: 1200px) { :where(.codex-screening) .metric-rail .rail-title { height: 44px; min-height: 44px; } } :where(.codex-screening) .chart-grid { stroke-opacity: 1; } :where(.codex-screening) .chart-grid.chart-origin { stroke: var(--ink-secondary); stroke-width: 1.6; stroke-opacity: .9; } :where(.codex-screening) .chart-wrap { overscroll-behavior: contain; } :where(.codex-screening) .chart-zoom-reset { position: absolute; z-index: 2; top: 7px; right: 28px; min-height: 32px; padding: 4px 10px; border: 1px solid var(--border-soft); border-radius: 999px; background: color-mix(in srgb, var(--surface-plate) 92%, transparent); color: var(--ink-secondary); font-size: 12px; line-height: 1; backdrop-filter: blur(5px); } :where(.codex-screening) .chart-zoom-reset:hover { color: var(--ink-primary); border-color: var(--ink-muted); } :where(.codex-screening) .chart-zoom-reset[hidden] { display: none; } :where(.codex-screening) .chart-wrap.is-wheel-zooming .stock-dot:not(.missing-value) { transform: var(--chart-wheel-transform); transform-box: view-box; transform-origin: 0 0; } :where(.codex-screening) .chart-wrap.is-wheel-zooming .stock-dot { pointer-events: none; } :where(.codex-screening) .chart-missing-band { fill: var(--surface-sunken); opacity: .72; } :where(.codex-screening) .chart-missing-separator { stroke: var(--border-soft); stroke-width: 1; stroke-dasharray: 3 3; } :where(.codex-screening) .chart-missing-label { font-weight: 600; fill: var(--ink-secondary); } :where(.codex-screening) .stock-dot.missing-value .bubble { stroke-dasharray: 2 2; } :where(.codex-screening) .stock-row { animation: none; transition: none; } :where(.codex-screening) .stock-open { transition: none; } :where(.codex-screening) .stock-list.is-scrolling .stock-row:not(.selected):hover { background: transparent; } :where(.codex-screening) .stock-identity { display: flex; align-items: center; gap: 10px; min-width: 0; } :where(.codex-screening) .stock-identity-text { flex: 1; min-width: 0; } :where(.codex-screening) .stock-company-logo { position: relative; display: inline-flex; flex: none; align-items: center; justify-content: center; width: 32px; height: 32px; overflow: hidden; border-radius: 6px; background: var(--surface-sunken); color: var(--ink-muted); font-size: 11px; font-weight: 600; } :where(.codex-screening) .table-name .stock-company-logo { width: 24px; height: 24px; font-size: 10px; } :where(.codex-screening) .stock-company-logo img { position: absolute; inset: 0; width: 100%; height: 100%; padding: 2px; object-fit: contain; background: var(--surface-plate); opacity: 0; } :where(.codex-screening) .stock-company-logo img.is-loaded { opacity: 1; } /* Continuous range input must not start thousands of overlapping transitions. */ :where(.codex-screening).is-adjusting .stock-dot, :where(.codex-screening).is-adjusting .rail-histogram rect { transition: none; } :where(.codex-screening) .workspace-summary { position: relative; } :where(.codex-screening) .results-pending { position: absolute; inset: 0 auto 0 0; display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; font-size: 12px; color: var(--ink-secondary); } :where(.codex-screening) .results-pending[hidden] { display: none; } :where(.codex-screening) .results-pending i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; animation: screening-result-pulse 1400ms ease-in-out infinite; } :where(.codex-screening).is-results-pending #workspace-status { visibility: hidden; } @keyframes screening-result-pulse { 0%, 100% { opacity: .4; } 50% { opacity: 1; } } @media (prefers-reduced-motion: reduce) { :where(.codex-screening) .results-pending i { animation: none; } } :where(.codex-screening) .price-line { animation: none; } :where(.codex-screening) .chart-axis-text, :where(.codex-screening) .results-heading h2 span { font-family: inherit; } :where(.codex-screening) .filter-popover { z-index: 50; } :where(.codex-screening) .compare-tray { border-color: var(--border-soft); } :where(.codex-screening) .workspace { --work-height: clamp(480px, calc(100dvh - 440px), 720px); } :where(.codex-screening) .stock-meta { flex-wrap: wrap; row-gap: 0; } :where(.codex-screening) .view-switch button { white-space: nowrap; } :where(.codex-screening) .rail-histogram, :where(.codex-screening) .rail-ticks, :where(.codex-screening) .rail-track { min-width: 0; } @media (max-width: 980px) { :where(.codex-screening) .site-header { gap: 12px; } :where(.codex-screening) .site-header .search-wrap { order: 2; flex-basis: 100%; width: 100%; margin: 0; } :where(.codex-screening) .site-header .ui-page-title { margin-right: auto; } :where(.codex-screening) .workspace { display: flex; flex-direction: column; gap: 16px; } :where(.codex-screening) .results { order: 1; width: 100%; height: clamp(440px, 68dvh, 590px); min-height: 0; } :where(.codex-screening) .distribution { order: 2; width: 100%; height: clamp(410px, 62dvh, 520px); min-height: 0; } :where(.codex-screening) .workspace.table-view .results { height: clamp(470px, 72dvh, 640px); } :where(.codex-screening) .metric-rails { display: flex; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scroll-padding-inline: 1px; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; } :where(.codex-screening) .metric-rails > .metric-rail { flex: 0 0 clamp(170px, 27vw, 220px); scroll-snap-align: start; scroll-snap-stop: normal; } :where(.codex-screening) .metric-rail .filter-popover { position: fixed; inset: auto 16px max(16px, env(safe-area-inset-bottom)) !important; width: auto; max-height: calc(100dvh - 32px); overflow-y: auto; } } @media (max-width: 700px) { :where(.codex-screening) .site-header { padding: 0 0 16px; margin-bottom: 20px; } :where(.codex-screening) .site-header .demo-badge { font-size: 11px; } :where(.codex-screening) .site-header .icon-button { width: 30px; height: 30px; } :where(.codex-screening) .screening-main { padding: 0; } :where(.codex-screening) .workspace { display: flex; flex-direction: column; } :where(.codex-screening) .view-bar { flex-wrap: wrap; row-gap: 8px; } :where(.codex-screening) .view-switch { margin-left: auto; } :where(.codex-screening) .filter-heading { gap: 8px; flex-wrap: wrap; } :where(.codex-screening) .filter-head-actions { margin-left: auto; flex-wrap: wrap; } :where(.codex-screening) .filter-row .filter-button { min-height: 44px; } :where(.codex-screening) .metric-rails { overflow-y: hidden; } :where(.codex-screening) .metric-rails > .metric-rail { flex-basis: min(68vw, 240px); } :where(.codex-screening) .metric-rails .filter-popover, :where(.codex-screening) .filter-popover { z-index: 50; box-shadow: var(--shadow-overlay); } :where(.codex-screening) .rail-key .rail-hint { display: none !important; } :where(.codex-screening) .rail-key::after { content: "バーは横にスワイプ"; margin-left: auto; color: var(--ink-muted); white-space: nowrap; } :where(.codex-screening) .results { height: clamp(430px, 68dvh, 540px); } :where(.codex-screening) .distribution { height: clamp(390px, 62dvh, 470px); } :where(.codex-screening) .detail-dialog, :where(.codex-screening) .compare-dialog { border-radius: 0; } :where(.codex-screening) .detail-hero { align-items: flex-start; } :where(.codex-screening) .detail-company-logo { width: 54px; height: 54px; font-size: 13px; } :where(.codex-screening) .detail-name { font-size: 25px; } :where(.codex-screening) .detail-quote { padding: 16px; } :where(.codex-screening) .detail-price { font-size: 44px; } :where(.codex-screening) .price-inspector { grid-template-columns: 1fr; gap: 5px; } :where(.codex-screening) .list-footer { flex-wrap: wrap; gap: 3px 10px; } :where(.codex-screening) .rail-key { flex-wrap: wrap; } } @media (max-width: 480px) { :where(.codex-screening) .site-header { align-items: center; } :where(.codex-screening) .site-header .ui-page-title { font-size: clamp(27px, 9vw, 38px); } :where(.codex-screening) .filter-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } :where(.codex-screening) .filter-row .filter-button { width: 100%; } :where(.codex-screening) .view-bar { align-items: stretch; } :where(.codex-screening) .view-switch { width: 100%; margin-left: 0; } :where(.codex-screening) .view-switch button { flex: 1; text-align: center; } :where(.codex-screening) .results-toolbar { display: grid; grid-template-columns: minmax(0, 1fr); align-items: stretch; } :where(.codex-screening) .results-toolbar label { justify-content: space-between; min-width: 0; } :where(.codex-screening) .results-toolbar select { width: auto; min-width: 0; text-align: right; } :where(.codex-screening) .stock-row { padding-inline: 14px; } :where(.codex-screening) .row-data { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; } :where(.codex-screening) .row-data > div:first-child { min-width: 0; } :where(.codex-screening) .row-price { white-space: nowrap; } :where(.codex-screening) .row-metrics { gap: 11px; } :where(.codex-screening) .chart-heading { align-items: flex-start; gap: 12px; } :where(.codex-screening) .chart-controls { flex-wrap: wrap; row-gap: 5px; } :where(.codex-screening) .axis-selector { width: 100%; flex-wrap: wrap; } :where(.codex-screening) .chart-toggle { margin-left: auto; } :where(.codex-screening) .chart-footer { padding-inline: 14px; } :where(.codex-screening) .chart-instruction { padding-inline: 14px; } :where(.codex-screening) .detail-body { padding-inline: 16px; } :where(.codex-screening) .detail-hero { gap: 12px; } :where(.codex-screening) .detail-company-logo { width: 48px; height: 48px; } :where(.codex-screening) .detail-tags, :where(.codex-screening) .detail-price-line { flex-wrap: wrap; } :where(.codex-screening) .detail-price { font-size: 40px; } :where(.codex-screening) .detail-actions { display: grid; grid-template-columns: minmax(0, 1fr); } :where(.codex-screening) .detail-actions > * { width: 100%; } } @media (max-width: 420px) { :where(.codex-screening) .detail-metrics { grid-template-columns: minmax(0, 1fr); } } :where(.codex-screening) .stock-directory{margin:24px 0;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised)} :where(.codex-screening) .stock-directory h2{margin-bottom:4px} :where(.codex-screening) .stock-directory p{color:var(--muted);font-size:13px} :where(.codex-screening) .stock-directory summary{margin-top:12px;cursor:pointer;color:var(--blue)} :where(.codex-screening) .stock-directory nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;margin-top:12px;max-height:360px;overflow:auto} :where(.codex-screening) .stock-directory nav a{padding:5px 7px;border-radius:4px;text-decoration:none;font-size:12px} :where(.codex-screening) .stock-directory nav a:hover{background:var(--surface-sunken)} :where(.codex-screening) .stock-directory nav span{color:var(--muted)}