:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--border-radius-md:6px;--color-background-primary:#fff;--color-background-secondary:#f7f7f5;--color-text-primary:#1a1a1a;--color-text-secondary:#5f5e5a;--color-text-tertiary:#888780;--color-border-primary:#185fa5;--color-border-secondary:#00000026;--color-border-tertiary:#0000001a}@media (prefers-color-scheme:dark){:root{--color-background-primary:#1a1a1a;--color-background-secondary:#242422;--color-text-primary:#f1efe8;--color-text-secondary:#b4b2a9;--color-text-tertiary:#888780;--color-border-primary:#3b8eea;--color-border-secondary:#ffffff26;--color-border-tertiary:#ffffff14}}.wrap{font-family:var(--font-sans);background:var(--color-background-primary);max-width:1200px;min-height:100vh;margin:0 auto;padding:0 0 1rem;position:relative}.toolbar{background:var(--color-background-secondary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;display:flex;position:sticky;top:0}.tb-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-title{color:var(--color-text-primary);font-size:13px;font-weight:500}.file-pill{font-size:12px;font-family:var(--font-mono);color:var(--color-text-primary);background:var(--color-background-primary);border-radius:var(--border-radius-md);border:.5px solid var(--color-border-tertiary);padding:4px 10px}.meta{color:var(--color-text-secondary);font-size:11px}.tb-right{align-items:center;gap:10px;display:flex}.tb-sep{color:var(--color-border-tertiary)}.font-size-label{color:var(--color-text-secondary);font-size:11px;font-family:var(--font-mono);text-align:center;min-width:32px}.font-btn{border:.5px solid var(--color-border-secondary);background:var(--color-background-primary);width:22px;height:22px;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:600;line-height:1;font-family:var(--font-sans);border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex}.font-btn:hover{background:var(--color-background-secondary)}.timer{font-size:18px;font-weight:500;font-family:var(--font-mono);color:var(--color-text-primary);min-width:58px}.timer.warn{color:#ba7517}.timer.danger{color:#a32d2d}.tbtn{border-radius:var(--border-radius-md);border:.5px solid var(--color-border-secondary);color:var(--color-text-primary);cursor:pointer;font-size:12px;font-family:var(--font-sans);background:0 0;padding:4px 12px}.tbtn:hover{background:var(--color-background-primary)}.problem-desc{background:var(--color-background-primary);border-left:.5px solid var(--color-border-tertiary);border-right:.5px solid var(--color-border-tertiary);color:var(--color-text-secondary);padding:10px 14px;font-size:12.5px;line-height:1.6}.problem-desc strong{color:var(--color-text-primary);font-weight:500}.code-wrap{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:0 0 var(--border-radius-md) var(--border-radius-md);margin-bottom:1rem;overflow-x:auto}.line-row{min-height:calc(var(--code-font-size,12px) * 2);align-items:center;display:flex}.line-row:hover{background:var(--color-background-secondary)}.line-row:hover .plus-btn{opacity:1}.line-row.flagged{background:#e24b4a0f}.line-row.flagged:hover{background:#e24b4a1a}.gutter-btn-cell{justify-content:center;align-items:center;width:24px;min-width:24px;padding-left:4px;display:flex}.plus-btn{width:calc(var(--code-font-size,12px) * 1.5);height:calc(var(--code-font-size,12px) * 1.5);font-size:calc(var(--code-font-size,12px) + 1px);text-align:center;color:#fff;cursor:pointer;line-height:1;font-family:var(--font-sans);opacity:0;background:#185fa5;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;font-weight:500;transition:opacity .1s;display:flex}.plus-btn:hover{background:#0c447c}.plus-btn.active{opacity:1;background:#0c447c}.ln{text-align:right;width:32px;min-width:32px;font-size:calc(var(--code-font-size,12px) - 1.5px);color:var(--color-text-tertiary);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;line-height:calc(var(--code-font-size,12px) * 2);padding:0 8px 0 4px}.diff-sign{text-align:center;width:14px;min-width:14px;font-size:calc(var(--code-font-size,12px) - 1px);font-family:var(--font-mono);color:var(--color-text-tertiary);line-height:calc(var(--code-font-size,12px) * 2)}.diff-add .diff-sign{color:#3b6d11;font-weight:500}.diff-add .code-text{background:#258a5e0f}.code-text{font-size:var(--code-font-size,12px);color:var(--color-text-primary);line-height:calc(var(--code-font-size,12px) * 2);white-space:pre;font-family:var(--font-mono);flex:1;padding:0 12px;overflow-x:auto}.comment-thread{background:var(--color-background-secondary);border-top:.5px solid var(--color-border-tertiary);border-bottom:.5px solid var(--color-border-tertiary);flex-direction:column;gap:4px;padding:5px 14px 5px 62px;display:flex}.saved-comment{background:var(--color-background-primary);border-left:2px solid #185fa5;border-radius:4px;align-items:flex-start;gap:8px;padding:4px 8px;font-size:12px;line-height:1.45;display:flex}.comment-text{color:var(--color-text-primary);font-family:var(--font-sans);white-space:pre-wrap;word-break:break-word;flex:1}.rmv{cursor:pointer;opacity:.3;color:var(--color-text-secondary);background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:18px;line-height:1}.rmv:hover{opacity:1;color:#a32d2d}.editor-box{background:var(--color-background-primary);border:.5px solid var(--color-border-secondary);border-radius:4px;align-items:flex-start;gap:6px;padding:6px;display:flex}.cinput{font-size:12px;font-family:var(--font-sans);border:.5px solid var(--color-border-tertiary);background:var(--color-background-primary);color:var(--color-text-primary);resize:vertical;border-radius:3px;flex:1;min-height:40px;padding:4px 6px;line-height:1.4}.cinput:focus{border-color:var(--color-border-primary);outline:none}.cactions{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.sbtn{border:.5px solid var(--color-border-secondary);color:var(--color-text-primary);cursor:pointer;font-size:11px;font-family:var(--font-sans);background:0 0;border-radius:3px;padding:3px 10px}.sbtn:hover{background:var(--color-background-secondary)}.sbtn-save{color:#fff;background:#185fa5;border-color:#0000}.sbtn-save:hover{background:#0c447c}.footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:0 14px;display:flex}.count-label{color:var(--color-text-secondary);font-size:12.5px}.submit-btn{border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:13px;font-family:var(--font-sans);background:#185fa5;border:none;padding:7px 18px;font-weight:500}.submit-btn:hover{background:#0c447c}.grade-result{border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-secondary);margin-top:12px;overflow:hidden}.grade-header{background:var(--color-background-primary);border-bottom:1px solid var(--color-border-tertiary);justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.grade-close{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;padding:0 4px;font-size:16px}.grade-close:hover{color:var(--color-text-primary)}.grade-content{font-family:var(--font-sans);white-space:pre-wrap;word-wrap:break-word;max-height:600px;color:var(--color-text-primary);padding:12px 14px;font-size:12.5px;line-height:1.7;overflow-y:auto}.modal-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--color-background-primary);border-radius:12px;flex-direction:column;width:100%;max-width:640px;max-height:85vh;display:flex;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid var(--color-border-tertiary);justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;font-weight:500;display:flex}.modal-close{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;padding:0 4px;font-size:20px}.modal-close:hover{color:var(--color-text-primary)}.modal-body{padding:18px;overflow-y:auto}.grade-hero{justify-content:center;align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.grade-score{font-size:56px;font-weight:700;font-family:var(--font-mono);line-height:1}.grade-score-label{color:var(--color-text-secondary);font-size:20px}.grade-summary{text-align:center;color:var(--color-text-secondary);margin-bottom:16px;font-size:13px;line-height:1.5}.grade-stats{background:var(--color-background-secondary);border-radius:8px;justify-content:center;gap:24px;margin-bottom:18px;padding:12px;display:flex}.grade-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.grade-stat-num{font-size:20px;font-weight:600;font-family:var(--font-mono)}.grade-stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.grade-categories{margin-bottom:16px}.grade-categories h4{color:var(--color-text-secondary);margin-bottom:8px;font-size:12px;font-weight:600}.grade-cat-grid{flex-direction:column;gap:6px;display:flex}.grade-cat-item{align-items:center;gap:8px;display:flex}.grade-cat-name{text-transform:capitalize;width:90px;color:var(--color-text-secondary);font-size:11px}.grade-cat-bar{background:var(--color-background-secondary);border-radius:3px;flex:1;height:6px;overflow:hidden}.grade-cat-fill{border-radius:3px;height:100%;transition:width .3s}.grade-cat-score{font-size:11px;font-family:var(--font-mono);text-align:right;width:32px;color:var(--color-text-secondary)}.grade-section{margin-bottom:14px}.grade-section h4{margin-bottom:6px;font-size:12px;font-weight:600}.grade-item{border-radius:4px;flex-wrap:wrap;align-items:flex-start;gap:6px;margin-bottom:3px;padding:5px 8px;font-size:12px;line-height:1.4;display:flex}.grade-item.caught{background:#e8f5e9}.grade-item.missed{background:#fdecea}.grade-item-line{font-family:var(--font-mono);color:var(--color-text-secondary);min-width:24px;font-size:10px;font-weight:600}.grade-item-text{flex:1}.grade-item-quality{text-transform:uppercase;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:600}.grade-item-quality.good{color:#fff;background:#1ba94c}.grade-item-quality.partial{color:#fff;background:#ba7517}.grade-item-quality.weak{color:#fff;background:#a32d2d}.grade-item-severity{text-transform:uppercase;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:600}.grade-item-severity.critical{color:#fff;background:#a32d2d}.grade-item-severity.high{color:#fff;background:#ba7517}.grade-item-severity.medium{color:#fff;background:#185fa5}.grade-item-severity.low{color:#fff;background:#3b6d11}.grade-item-comment{width:100%;color:var(--color-text-secondary);margin-top:2px;padding-left:30px;font-size:11px;font-style:italic}.grade-error{color:#a32d2d;font-size:13px}.grade-raw{white-space:pre-wrap;background:var(--color-background-secondary);border-radius:4px;max-height:200px;margin-top:8px;padding:8px;font-size:10px;overflow:auto}.grade-item-reason{color:#ba7517;width:100%;margin-top:2px;padding-left:30px;font-size:11px}