:root{color-scheme:light;--bg: #f6f7f3;--panel: #ffffff;--ink: #17201b;--muted: #66716b;--line: #dfe4dd;--accent: #0f766e;--accent-ink: #ffffff;--red: #c2410c;--green: #15803d;--blue: #1d4ed8;--shadow: 0 16px 40px rgba(21, 32, 27, .08)}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;min-height:100vh;width:100%;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;-webkit-text-size-adjust:100%}button,input,textarea{font:inherit}button{border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);cursor:pointer;min-height:38px;padding:0 14px}button:hover{border-color:#aeb8b0}.shell{width:100%;max-width:1180px;margin:28px auto;padding:0 24px}.toolbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px;padding:0 4px}h1{margin:0;font-size:30px;line-height:1.15;letter-spacing:0}p{color:var(--muted);margin:8px 0 0}.icon-btn{width:42px;padding:0;font-size:22px;line-height:1}.query-panel,.summary,.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.query-panel{display:grid;grid-template-columns:minmax(280px,1.2fr) auto minmax(260px,.9fr);gap:16px;padding:20px;align-items:end}.field{display:grid;gap:7px;min-width:0}.field span,.metric-label{color:var(--muted);font-size:13px}textarea,input[type=search]{width:100%;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:#fbfcfa;outline:none}textarea{resize:vertical;min-height:82px;padding:10px;line-height:1.5}input[type=search]{min-height:42px;padding:0 12px}textarea:focus,input[type=search]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e1f}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;max-width:250px}.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);min-width:84px}.toggle{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;min-height:30px;white-space:nowrap}.search-wrap{position:relative;min-width:0}.search-field{position:relative}.search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;margin:0;padding:4px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 28px #15201b24;max-height:220px;overflow-y:auto;overscroll-behavior:contain}.search-item{display:flex;align-items:baseline;gap:10px;padding:10px 12px;border-radius:6px;cursor:pointer;font-size:14px}.search-item:hover{background:#eef3ef}.search-code{color:var(--blue);font-weight:700;font-variant-numeric:tabular-nums;flex:0 0 auto;min-width:56px}.search-name{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;margin:16px 0}.summary>div{padding:16px 20px;background:#fff;display:grid;gap:5px}.summary strong{font-size:22px;letter-spacing:0}.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}.card-wrap{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.sort-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);background:#fbfcfa;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sort-bar::-webkit-scrollbar{display:none}.sort-bar-label{color:var(--muted);font-size:12px;flex-shrink:0;padding-right:2px}.sort-pill{flex-shrink:0;min-height:32px;padding:0 12px;border-radius:16px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}.sort-pill.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.sort-pill.active:hover{border-color:var(--accent)}.card-list{list-style:none;margin:0;padding:0}.card{border-bottom:1px solid var(--line)}.card:last-child{border-bottom:0}.card-summary{display:block;width:100%;min-height:0;padding:14px 16px;background:transparent;border:0;border-radius:0;text-align:left;cursor:pointer}.card-summary:hover{border-color:var(--line);background:#fbfcfa}.card-summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.card-row{display:flex;align-items:baseline;width:100%;min-width:0}.card-row-top{justify-content:space-between;align-items:center;gap:12px}.card-id{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.rank-pill{background:#eef3ef;color:var(--ink);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.card-premium{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}.card-row-name{margin-top:6px;justify-content:space-between;align-items:center;gap:12px}.card-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600}.card-toggle{color:var(--muted);font-size:12px;flex-shrink:0}.card-row-quick{margin-top:8px;flex-wrap:wrap;gap:4px 16px;font-size:13px;font-variant-numeric:tabular-nums}.card-row-quick>span{display:inline-flex;align-items:baseline;gap:4px}.card-row-quick em{font-style:normal;color:var(--muted);font-size:12px}.card-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0;padding:12px 16px 16px;border-top:1px dashed var(--line);font-variant-numeric:tabular-nums}.card-details>div{display:flex;flex-direction:column;gap:2px;min-width:0}.card-details dt{color:var(--muted);font-size:12px}.card-details dd{margin:0;font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-details dd .sub{display:inline;margin-left:6px;font-weight:400}.card-error{padding:14px 16px;display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}table{width:100%;border-collapse:collapse;min-width:1080px}th,td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}th:first-child,td:first-child{padding-left:20px}th:last-child,td:last-child{padding-right:22px}th{color:var(--muted);font-size:13px;font-weight:650;background:#fbfcfa;-webkit-user-select:none;user-select:none}th[data-sort]{cursor:pointer}th[data-sort]:after{content:"↕";display:inline-block;width:16px;margin-left:5px;color:#a3aca5;font-size:12px;text-align:center}th[data-sort].sorted{color:var(--ink)}th[data-sort].sorted:after{color:var(--accent)}th[data-sort].sorted[data-direction=asc]:after{content:"↑"}th[data-sort].sorted[data-direction=desc]:after{content:"↓"}th:nth-child(2),td:nth-child(2),th:nth-child(3),td:nth-child(3){text-align:left}tbody tr:hover{background:#fbfcfa}.name{max-width:230px;overflow:hidden;text-overflow:ellipsis}.positive{color:var(--red);font-weight:700}.negative{color:var(--green);font-weight:700}.neutral{color:var(--muted)}.code{color:var(--blue);font-weight:700}.rank-cell{color:var(--muted);font-weight:700;text-align:center}.sub{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-weight:400}.empty,.error{text-align:center;color:var(--muted);padding:28px}.error{color:var(--red)}footer{color:var(--muted);font-size:12px;line-height:1.6;margin:14px 8px 0}@media (max-width: 880px){.shell{margin:16px auto;padding:0 12px}.toolbar{gap:12px;padding:0 2px}h1{font-size:24px}p{font-size:13px}.query-panel{grid-template-columns:1fr;gap:14px;padding:16px}.actions{max-width:none}.summary{grid-template-columns:1fr;margin:12px 0}.summary>div{padding:12px 16px}.summary strong{font-size:18px}th,td{padding:10px 12px}th:first-child,td:first-child{padding-left:14px}th:last-child,td:last-child{padding-right:16px}.name{max-width:180px}footer{margin:10px 4px 0}}@media (max-width: 480px){body{font-size:14px}.shell{padding:0 8px}h1{font-size:20px}.icon-btn{width:38px;min-height:38px;font-size:20px}.actions button{flex:1 1 calc(50% - 5px)}.toggle{flex:1 1 100%;justify-content:center}.search-dropdown{max-height:240px}}