*{box-sizing:border-box}html,body{-webkit-tap-highlight-color:transparent;background:#f7f8fa;margin:0;padding:0;font-family:-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif}#root{min-height:100vh}.toolbar{z-index:10;background:#fff;padding:8px 16px;position:sticky;top:0;box-shadow:0 1px 4px #00000014}.toolbar-title{color:#e64a4a;margin:0 0 8px;font-size:17px}.toolbar-controls{align-items:center;gap:10px;display:flex}.range-group{gap:4px;display:flex}.range-btn,.font-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #e0e2e6;border-radius:14px;padding:4px 11px;font-size:14px}.range-btn.active{color:#fff;background:#e64a4a;border-color:#e64a4a}.font-group{align-items:center;gap:6px;display:flex}.font-scale{color:#888;text-align:center;min-width:40px;font-size:13px}.stats-bar{z-index:20;background:#fff;border-radius:12px 12px 0 0;flex-direction:column;max-height:46vh;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000001f}.stats-bar-head{border-bottom:1px solid #f0f1f3;flex-shrink:0;align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:600;display:flex}.clear-btn{color:#e64a4a;cursor:pointer;background:#fff;border:1px solid #e64a4a;border-radius:12px;padding:4px 12px;font-size:13px}.stats-body{padding:10px 18px 16px;overflow-y:auto}.stats-section{margin-bottom:14px}.stats-section h3{color:#666;margin:0 0 8px;font-size:14px}.freq-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.freq-ball{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:inline-flex}.freq-ball.red,.freq-bar.red{background:#e64a4a}.freq-ball.blue,.freq-bar.blue{background:#3b82f6}.freq-bar-track{background:#f1f2f4;border-radius:6px;flex:1;height:12px;overflow:hidden}.freq-bar{border-radius:6px;height:100%}.freq-count{color:#666;text-align:left;flex-shrink:0;min-width:76px;font-size:13px}.stats-line{align-items:center;gap:8px;margin-bottom:6px;display:flex}.stat-label{color:#888;white-space:nowrap;flex-shrink:0;min-width:44px;font-size:13px}.chips{flex-wrap:wrap;gap:4px;display:flex}.chip{color:#333;background:#f1f2f4;border-radius:10px;align-items:center;gap:2px;padding:2px 7px;font-size:13px;display:inline-flex}.chip em{color:#999;font-size:11px;font-style:normal}.chip.hot{color:#c9302c;background:#fdeaea}.chip.cold{color:#1a5fc9;background:#e8f0fe}.chips-empty{color:#bbb;font-size:12px}.ratio-text{color:#333;font-size:14px;font-weight:600}.chart-scroll{border-left:16px solid #f7f8fa;padding-bottom:120px;overflow:auto clip}.chart-header,.trend-row{grid-template-columns:44px 76px 56px repeat(49,26px);width:max-content;display:grid}.chart-header{z-index:5;color:#999;background:#fff;font-size:11px;position:sticky;top:0;box-shadow:0 1px 2px #0000000f}.chart-header .col-num{text-align:center}.chart-header .col-num.red{color:#e64a4a}.chart-header .col-num.blue{color:#3b82f6}.trend-row{background:#fff;border-bottom:1px solid #f0f1f3}.trend-row:nth-child(2n){background:#fbfbfc}.trend-row.selected{background:#fdecec}.col-check,.col-issue,.col-date{background:inherit;z-index:2;position:sticky}.col-check{z-index:3;touch-action:none;justify-content:center;align-items:center;display:flex;left:0}.col-issue{font-size:var(--font);color:#333;font-variant-numeric:tabular-nums;left:44px}.col-date{color:#999;font-size:11px;left:120px}.checkbox{background:#fff;border:2px solid #c9ccd1;border-radius:6px;width:22px;height:22px;display:inline-block;position:relative}.checkbox.checked{background:#e64a4a;border-color:#e64a4a}.checkbox.checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:7px;height:12px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.cell{justify-content:center;align-items:center;height:34px;display:flex}.ball{width:24px;height:24px;font-size:var(--font);color:#fff;font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.ball.red{background:#e64a4a}.ball.blue{background:#3b82f6}.chart-empty{text-align:center;color:#999;padding:40px}.app{padding-bottom:80px}.error-banner{color:#c9302c;background:#fdeaea;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.error-banner button{color:#c9302c;cursor:pointer;background:#fff;border:1px solid #c9302c;border-radius:10px;padding:2px 10px}.app-footer{text-align:center;color:#bbb;-webkit-user-select:none;user-select:none;padding:12px 0 16px;font-size:11px}