:root{--bg: #0d1117;--bg-raised: #161b22;--bg-row: #10151c;--border: #30363d;--text: #e6edf3;--muted: #8b949e;--accent: #d29922;--added-bg: rgba(46, 160, 67, .16);--added-emph-bg: rgba(46, 160, 67, .4);--added-gutter: #3fb950;--removed-bg: rgba(248, 81, 73, .16);--removed-emph-bg: rgba(248, 81, 73, .4);--removed-gutter: #f85149;--mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--scrollbar-thumb: rgba(139, 148, 158, .35);--scrollbar-thumb-hover: rgba(139, 148, 158, .55);--focus-ring: rgba(210, 153, 34, .35);--scrim: rgba(1, 4, 9, .6);--dir-icon: #54aeff;--pad-x: 12px;--gap: 20px;--sidebar-w: 240px;--content-max: 100%;--radius: 10px;--topbar-h: 96px}:root[data-theme=light]{--bg: #ffffff;--bg-raised: #f6f8fa;--bg-row: #f6f8fa;--border: #d0d7de;--text: #1f2328;--muted: #59636e;--accent: #9a6700;--added-bg: #e6ffec;--added-emph-bg: #abf2bc;--added-gutter: #1a7f37;--removed-bg: #ffebe9;--removed-emph-bg: #ffc0bf;--removed-gutter: #cf222e;--scrollbar-thumb: rgba(89, 99, 110, .35);--scrollbar-thumb-hover: rgba(89, 99, 110, .55);--focus-ring: rgba(154, 103, 0, .3);--scrim: rgba(31, 35, 40, .3);--dir-icon: #0969da}*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}@supports selector(::-webkit-scrollbar){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:8px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}}html.reviewing,html.reviewing body{height:100%;overflow:hidden}html.reviewing #root{height:100dvh;display:flex;flex-direction:column}html.reviewing main{flex:1 1 auto;min-height:0;padding-top:12px;padding-bottom:12px}html.reviewing .layout{height:100%}.pane{position:relative;height:100%;min-width:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-raised)}.pane-scroll{height:100%;margin-right:14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.pane-scroll::-webkit-scrollbar{display:none}.diff-scrollbar{position:absolute;top:0;right:0;bottom:0;z-index:4;width:14px;border-left:1px solid var(--border);background:var(--bg);touch-action:none;user-select:none}.diff-scrollbar canvas{display:block;width:7px}.diff-scrollbar-thumb{position:absolute;right:1px;width:4px;border-radius:2px;background:var(--muted);opacity:.6}.diff-scrollbar-thumb[hidden]{display:none}.diff-scrollbar:hover .diff-scrollbar-thumb{opacity:.9}html,body{margin:0;min-height:100%;overflow-x:clip;background:var(--bg);color:var(--text);font-family:var(--sans)}.topbar{position:sticky;top:0;z-index:30;background:var(--bg-raised);border-bottom:1px solid var(--border);padding:max(env(safe-area-inset-top),10px) max(var(--pad-x),env(safe-area-inset-right)) 10px max(var(--pad-x),env(safe-area-inset-left))}.topbar-inner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.brand{font-weight:700;letter-spacing:-.01em;flex:1 1 auto}.brand-dim{color:var(--muted);font-weight:500}.theme-toggle{flex:none;padding:9px 12px;font-size:15px;line-height:1;color:var(--muted)}.theme-toggle:hover{color:var(--text)}.pr-form{display:flex;gap:8px;min-width:0;flex:1 1 100%;order:3}.pr-input{flex:1 1 0;min-width:0;padding:9px 12px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;font-family:var(--mono);font-size:16px}.pr-input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--focus-ring)}button{flex:none;padding:9px 14px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;font-weight:600;font-family:var(--sans);cursor:pointer}button:hover{border-color:var(--accent)}button:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--focus-ring)}#token-btn{position:relative;padding:9px 12px}.token-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--added-gutter);opacity:0}#token-btn.has-token .token-dot{opacity:1}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;margin-top:10px}.toolbar[hidden]{display:none}.tool-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:auto}.size-cycle{display:flex}.size-cycle .tool:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.size-cycle .tool:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.tool{padding:7px 12px;font-size:13px;font-weight:600;color:var(--muted);background:var(--bg)}.tool:hover{color:var(--text)}.tool[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.tool .minus,.tool .plus{color:var(--muted)}.theme-select{max-width:11rem;cursor:pointer;appearance:none;-webkit-appearance:none;padding-right:12px}.theme-select:hover{color:var(--text)}.topbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:auto;flex:none}.topbar-actions .tool-group{margin-left:0}.settings{position:relative}.settings-btn{font-size:15px;line-height:1}.settings-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:50;display:flex;flex-direction:column;gap:8px;min-width:232px;padding:10px;background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 28px -12px #01040999}.settings-row{display:flex;align-items:center;gap:8px}.settings-row .theme-select{margin-left:auto;max-width:12rem}.settings-row .size-cycle{margin-left:auto}.settings-label{font-size:12px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.status{padding:8px max(var(--pad-x),env(safe-area-inset-left));color:var(--muted);font-size:13px;min-height:18px}.status:empty{display:none}.status.error{color:var(--removed-gutter)}main{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 max(var(--pad-x),env(safe-area-inset-right)) 80px max(var(--pad-x),env(safe-area-inset-left))}.intro{max-width:640px;margin:8vh auto 0;padding:0 4px}.intro h1{margin:0 0 10px;font-size:clamp(22px,5vw,30px);letter-spacing:-.02em}.intro p{margin:0 0 18px;color:var(--muted);line-height:1.55;font-size:15px}.intro .examples{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.intro .example{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-raised);color:var(--text);font-family:var(--mono);font-size:12.5px;cursor:pointer}.intro .example:hover{border-color:var(--accent)}.intro .hint{font-size:13px;color:var(--muted)}.intro .hint code{font-family:var(--mono);color:var(--text)}.layout{display:block}.column{min-width:0}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:40;width:min(82vw,320px);padding:calc(var(--topbar-h) + 8px) 10px calc(env(safe-area-inset-bottom) + 16px) max(10px,env(safe-area-inset-left));background:var(--bg-raised);border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column;gap:2px;transform:translate(-100%);transition:transform .22s ease}body.drawer-open .sidebar{transform:none}.side-item{display:block;padding:8px;color:var(--muted);text-decoration:none;font-family:var(--mono);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:2px solid transparent;border-radius:0 4px 4px 0}.side-item:hover,.side-item:focus-visible{color:var(--text);background:var(--bg);outline:none}.side-item.added{border-left-color:var(--added-gutter)}.side-item.removed{border-left-color:var(--removed-gutter)}.side-item.renamed{border-left-color:var(--accent)}.filetree,.filetree .tree-node-group{list-style:none;margin:0;padding:0}.filetree .tree-leaf-list-item,.filetree .tree-branch-wrapper{outline:none}.tree-row{display:flex;align-items:center;height:26px;padding-right:8px;font-family:var(--mono);font-size:12.5px;color:var(--text);cursor:pointer;white-space:nowrap;user-select:none}.tree-row:hover{background:var(--bg)}.tree-file:focus-visible,.filetree .tree-branch-wrapper:focus-visible>.tree-dir{background:var(--bg);box-shadow:inset 0 0 0 1px var(--border)}.tree-guide{flex:none;align-self:stretch;width:16px;margin-left:7px;border-left:1px solid var(--border)}.tree-guide+.tree-guide{margin-left:0}.tree-twist{flex:none;width:16px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.tree-row:first-child>.tree-twist:first-child,.tree-row>.tree-twist:first-child{margin-left:4px}.tree-chev{transition:transform .12s ease}.tree-chev.open{transform:rotate(90deg)}.tree-ico{flex:none;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;margin:0 6px 0 2px}.tree-ico-dir{color:var(--dir-icon)}.tree-ico-file{color:var(--muted)}.tree-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.tree-dir .tree-name{font-weight:600}.tree-badge{font-size:11px;font-weight:700}.tree-badge.added{color:var(--added-gutter)}.tree-badge.removed,.tree-badge.modified{color:var(--removed-gutter)}.tree-badge.renamed{color:var(--accent)}.tree-delta{flex:none;margin-left:6px;font-size:11px}.tree-delta+.tree-delta{margin-left:4px}.tree-delta.added{color:var(--added-gutter)}.tree-delta.removed{color:var(--removed-gutter)}@media(min-width:1024px){.tree-row{height:24px;font-size:12px}}@media(prefers-reduced-motion:reduce){.tree-chev{transition:none}}.scrim{position:fixed;inset:0;z-index:35;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity .22s ease}.scrim[hidden]{display:none}body.drawer-open .scrim{opacity:1;pointer-events:auto}.file{border-bottom:1px solid var(--border);overflow:clip;background:var(--bg-raised)}.file[hidden]{display:none}.file-head{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:13px}.file-head .path{font-weight:700;overflow-wrap:anywhere}.file-rename{padding:4px 14px;color:var(--muted);font-family:var(--mono);font-size:13px;overflow-wrap:anywhere}.diff{font-family:var(--mono);font-size:var(--diff-font, 13px);line-height:1.5;tab-size:4}main[data-size=s]{--diff-font: 11.5px}main[data-size=m]{--diff-font: 13px}main[data-size=l]{--diff-font: 15px}.hunk{border-top:1px solid var(--border)}.hunk:first-child,.hunk.joined{border-top:none}.hunk.joined>.breadcrumb,.hunk.joined>.lineno{display:none}.breadcrumb,.lineno{padding:4px 14px;color:var(--muted);background:var(--bg-row);font-size:.92em;white-space:normal;overflow-wrap:anywhere}.crumb-sep{color:var(--border)}.crumb-lineno{margin-right:1ch;color:var(--muted);opacity:.75}.gap{margin:4px 0;padding:6px 14px;color:var(--muted);background:var(--bg-row);border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:.85em;cursor:pointer;user-select:none}.gap:hover{color:var(--text);background:var(--bg)}.gap-label{opacity:.85}.gap:before{content:"⋯";margin-right:1ch;opacity:.7}.row{display:flex;white-space:pre-wrap}.row .ln{flex:none;width:4ch;padding-right:8px;text-align:right;color:var(--muted);user-select:none;position:sticky;left:0;background:inherit}.row .code{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;padding-right:8px;padding-left:2ch;text-indent:-2ch}.row.context{background:var(--bg)}.row.added{background:var(--added-bg)}.row.added .ln{color:var(--added-gutter)}.row.removed{background:var(--removed-bg)}.row.removed .ln{color:var(--removed-gutter)}.row.added .emph{background:var(--added-emph-bg);border-radius:3px}.row.removed .emph{background:var(--removed-emph-bg);border-radius:3px}main.nowrap .diff{overflow-x:auto}main.nowrap .row{white-space:pre}main.nowrap .row .code{overflow-wrap:normal;padding-left:0;text-indent:0}main.nowrap .breadcrumb,main.nowrap .lineno{white-space:nowrap}main.hide-ln .row .ln{display:none}.review-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:6px;flex:none;font-size:12px;color:var(--muted);cursor:pointer;user-select:none;white-space:nowrap}.review-toggle input{accent-color:var(--added-gutter);width:14px;height:14px;cursor:pointer}.file.reviewed{opacity:.72}.file.reviewed .diff,.file.reviewed .file-rename{display:none}.file.reviewed .file-head{color:var(--muted);border-bottom:none}.file.reviewed .file-head .path{font-weight:500;color:var(--muted)}.file.reviewed .review-toggle{color:var(--added-gutter)}main.hide-viewed .file.reviewed:not(.solo){display:none}.tree-file.reviewed{opacity:.5}.tree-badge.reviewed{color:var(--added-gutter)}.tree-row.active{background:var(--focus-ring);box-shadow:inset 2px 0 0 var(--accent)}.tree-row.active .tree-name{color:var(--text);font-weight:600}.tree-file.reviewed.active{opacity:.85}.notice{padding:12px 14px;color:var(--muted);font-style:italic}.skeleton{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.skeleton .bar{height:12px;border-radius:4px;background:linear-gradient(90deg,var(--bg-row) 0%,var(--border) 50%,var(--bg-row) 100%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton .bar:nth-child(2){width:82%}.skeleton .bar:nth-child(3){width:65%}.skeleton .bar:nth-child(4){width:90%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(min-width:640px){:root{--pad-x: 20px}.pr-form{flex:1 1 auto;order:0;max-width:560px}.toolbar{margin-top:8px}}@media(min-width:1024px){:root{--pad-x: 24px}#files-btn,.scrim{display:none}.layout{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);gap:var(--gap);align-items:start}.sidebar{position:sticky;top:var(--topbar-h);z-index:auto;width:auto;max-height:calc(100vh - var(--topbar-h) - 16px);padding:12px 0 0;background:none;border-right:none;transform:none}html.reviewing .layout{align-items:stretch}html.reviewing .sidebar{height:100%;max-height:none}.side-item{padding:4px 8px;font-size:12px}}@media(min-width:1440px){:root{--pad-x: 32px;--gap: 28px;--sidebar-w: 280px}}@media(min-width:1920px){:root{--pad-x: 40px;--gap: 32px;--sidebar-w: 320px}}@media(pointer:coarse){button,.pr-input{min-height:44px}.side-item{padding-top:10px;padding-bottom:10px}}@media(prefers-reduced-motion:reduce){.sidebar,.scrim{transition:none}.skeleton .bar{animation:none}}
