:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--canvas);color:var(--text);--canvas: #0d1117;--header: #161b22;--surface: #0d1117;--subtle: #161b22;--button: #21262d;--button-hover: #30363d;--border: #30363d;--border-muted: #21262d;--text: #e6edf3;--muted: #8b949e;--green: #3fb950;--yellow: #d29922;--red: #f85149;--blue: #58a6ff;--accent: #f78166;--counter: #6e768166;--hunk-bg: #14243a;--addition-bg: #0d2a17;--addition-mark: #1f6f35;--deletion-bg: #381318;--deletion-mark: #9e3039;--line-border: #f0f6fc14;--inline-code-bg: #21262d}:root[data-theme=light]{color-scheme:light;--canvas: #ffffff;--header: #f6f8fa;--surface: #ffffff;--subtle: #f6f8fa;--button: #f6f8fa;--button-hover: #eef1f4;--border: #d0d7de;--border-muted: #d8dee4;--text: #1f2328;--muted: #656d76;--green: #1a7f37;--yellow: #9a6700;--red: #cf222e;--blue: #0969da;--accent: #fd8c73;--counter: #afb8c133;--hunk-bg: #ddf4ff;--addition-bg: #e6ffec;--addition-mark: #abf2bc;--deletion-bg: #ffebe9;--deletion-mark: #ffc1ba;--line-border: #d0d7de88;--inline-code-bg: #eff1f3}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas);color:var(--text)}button,select{font:inherit}.shell{width:min(1240px,calc(100vw - 32px));margin:0 auto}.siteHeader{border-bottom:1px solid var(--border);background:var(--header)}.headerInner,.musicHeader,.soundsHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px 0 24px}.eyebrow{margin-bottom:5px;color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.25}h2{font-size:20px}.siteHeader p,.historyHeading p{margin-top:6px;color:var(--muted)}.siteHeader p a{color:var(--blue);text-decoration:none}.siteHeader p a:hover{text-decoration:underline}.advancedMusicLink{margin-left:8px}.primaryNav{display:flex;flex-wrap:wrap;gap:3px;margin-top:11px}.primaryNav a{padding:4px 8px;border:1px solid transparent;border-radius:5px;color:var(--blue);font-size:12px;font-weight:550;text-decoration:none}.primaryNav a:hover,.primaryNav a[aria-current=page]{border-color:var(--border);background:var(--button);color:var(--blue);font-weight:650}.docsLinkWrap{position:relative;display:inline-block}.linkPreview{position:absolute;z-index:10;top:calc(100% + 8px);left:50%;padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--button);box-shadow:0 6px 18px #0005;color:var(--text);font-size:12px;line-height:1.25;opacity:0;pointer-events:none;transform:translate(-50%,-3px);transition:opacity .12s ease,transform .12s ease;white-space:nowrap}.docsLinkWrap:hover .linkPreview,.docsLinkWrap:focus-within .linkPreview,.docsLinkWrap.touchPreview .linkPreview{opacity:1;transform:translate(-50%)}.themePicker{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:600}.headerControls{display:flex;align-items:flex-end;gap:14px}.viewerCount{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 2px;border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer}.viewerCount:after{position:absolute;top:calc(100% + 6px);left:50%;z-index:3;padding:4px 7px;border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--text);content:"Watching";font-size:11px;opacity:0;pointer-events:none;transform:translate(-50%,-3px);transition:opacity .12s ease,transform .12s ease}.viewerCount:hover:after,.viewerCount:focus-visible:after,.viewerCount.showTooltip:after{opacity:1;transform:translate(-50%)}.viewerCount svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}select,.tab,.historyButton{border:1px solid var(--border);border-radius:6px;background:var(--button);color:var(--text)}select{height:34px;min-width:180px;padding:0 30px 0 10px}.historyButton{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 12px;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}.historyButton:hover,select:hover{background:var(--button-hover)}.overview{display:grid;grid-template-columns:repeat(2,1fr);margin-top:28px;overflow:hidden;border:1px solid var(--border);border-radius:6px}.stat{padding:14px 16px;border-right:1px solid var(--border-muted)}.stat:last-child{border-right:0}.stat strong{display:block;font-size:20px}.stat span{display:block;margin-top:2px;color:var(--muted);font-size:12px}.stat.additions strong{color:var(--green)}.stat.deletions strong{color:var(--red)}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;border-bottom:1px solid var(--border)}.tab{margin-bottom:-1px;padding:10px 14px;border-color:transparent;background:transparent;color:#88e2f2;font-size:17px;font-weight:600;cursor:pointer;text-shadow:0 0 1px currentColor,0 0 7px color-mix(in srgb,#88e2f2 48%,transparent);transition:color .14s ease,border-color .14s ease,text-shadow .14s ease}.typeScriptLink{margin-left:auto;align-self:center;padding:8px 0 8px 8px;color:var(--blue);font-size:12px;text-decoration:none}.typeScriptLink:hover{text-decoration:underline}.overview[hidden]{display:none}.tab.active{border-bottom:2px solid #0ccdf0;border-radius:0;color:#0ccdf0;font-weight:700;text-shadow:0 0 1px currentColor,0 0 9px color-mix(in srgb,#0ccdf0 75%,transparent),0 0 18px color-mix(in srgb,#0ccdf0 35%,transparent)}.counter{margin-left:4px;padding:1px 6px;border-radius:20px;background:var(--counter);font-size:12px}.diffPanel{overflow:hidden;margin-top:16px;margin-bottom:36px;border:1px solid var(--border);border-radius:6px}.diffHeading,.diffCapture>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--subtle);font-size:13px}.diffHeading strong,.diffHeading span{display:block}.diffHeading span{margin-top:2px;color:var(--muted);font-size:12px}.lineStats{display:flex;gap:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.addedStat{color:var(--green)}.removedStat{color:var(--red)}.diffTimeline{display:grid;gap:16px;padding:16px}.diffCapture{overflow:hidden;border:1px solid var(--border);border-radius:6px}.diffCapture>header{color:var(--muted)}.diffCapture>header strong{color:var(--text)}.diffHunk+.diffHunk{border-top:1px solid var(--border-muted)}.fileIdentity,.fileStats{display:flex;align-items:center;gap:10px}.fileStats{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.hunkHeader{padding:8px 12px;background:var(--hunk-bg);color:var(--blue);font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.diffRows{overflow:hidden}.diffRow{display:grid;grid-template-columns:54px 54px 24px minmax(0,1fr);min-height:22px;font:12px/22px ui-monospace,SFMono-Regular,Consolas,monospace}.diffRow.added{background:var(--addition-bg)}.diffRow.removed{background:var(--deletion-bg)}.diffRow.meta{color:var(--muted)}.lineNumber{padding:0 8px;border-right:1px solid var(--line-border);color:var(--muted);text-align:right;user-select:none}.lineMarker{color:var(--muted);text-align:center;user-select:none}.diffRow code{min-width:0;padding:0 10px 0 2px;color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap}.diffRow.added mark{background:var(--addition-mark);color:inherit}.diffRow.removed mark{background:var(--deletion-mark);color:inherit}.diffRow.markdownCodeBlock code{background:color-mix(in srgb,var(--button) 55%,transparent)}.diffRow.markdownFence{display:none}.inlineCode{padding:1px 4px;border:1px solid var(--border-muted);border-radius:3px;background:var(--inline-code-bg);color:inherit}.markdownStrong{font-weight:700}.markdownHeading{display:inline-block;color:inherit;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700}.markdownHeading1{font-size:18px;line-height:28px}.markdownHeading2{font-size:16px;line-height:26px}.markdownHeading3{font-size:14px;line-height:24px}.emptyDiff,.legacyNotice{padding:36px 18px;color:var(--muted);text-align:center}.historyView{padding:24px 0 44px}.historyHeading{margin-bottom:16px}.history{display:grid;gap:18px}.commitDay{position:relative;padding-left:40px}.commitDay:before{position:absolute;top:16px;bottom:12px;left:16px;width:2px;background:var(--border);content:""}.commitDate{position:relative;margin-bottom:10px;color:var(--muted);font-size:13px}.commitDate>span{position:absolute;top:6px;left:-30px;width:10px;height:10px;border:2px solid var(--muted);border-radius:50%;background:var(--canvas)}.commitList{overflow:hidden;border:1px solid var(--border);border-radius:6px}.historyItem{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-top:1px solid var(--border-muted);background:var(--surface);cursor:pointer}.historyItem:first-child{border-top:0}.historyItem.selected{border-left:3px solid var(--blue);background:var(--subtle)}.historyItem:hover{background:var(--subtle)}.historyItem:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.historyTitle{font-weight:600}.historyMeta{margin-top:4px;color:var(--muted);font-size:12px}.commitHash{display:flex;align-items:center;gap:14px;font:600 12px ui-monospace,SFMono-Regular,Consolas,monospace}.commitHash span{color:var(--muted);font:700 15px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.muted{color:var(--muted)}.soundName{max-width:100%;padding:4px 7px;border:0;background:transparent;color:inherit;font:14px Verdana,Geneva,Tahoma,sans-serif;text-align:left;overflow-wrap:anywhere;cursor:pointer}.soundName:hover{color:var(--blue);background:var(--button-hover)}.soundName:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.soundName:disabled{color:var(--muted);cursor:not-allowed}.soundPlayback{position:sticky;top:0;z-index:5;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 0;margin-bottom:12px;background:var(--canvas);border-bottom:1px solid var(--border);font-size:13px}.soundPlayback input{width:88px;height:32px;padding:4px 8px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;font:inherit}#soundError{min-width:0;overflow-wrap:anywhere;color:var(--red)}.soundGroup h2>span:first-child{color:#884eea}.rateControl{position:relative;width:112px}.soundPlayback .rateControl input{width:100%;height:40px;padding-right:38px;appearance:textfield;-moz-appearance:textfield}.rateControl input::-webkit-inner-spin-button,.rateControl input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rateSteps{position:absolute;top:1px;right:1px;bottom:1px;width:32px;display:grid;grid-template-rows:1fr 1fr}.rateSteps button{display:grid;place-items:center;padding:0;border:0;border-left:1px solid var(--border);background:var(--button);color:var(--text);cursor:pointer;touch-action:manipulation}.rateSteps button:first-child{border-radius:0 5px 0 0;border-bottom:1px solid var(--border)}.rateSteps button:last-child{border-radius:0 0 5px}.rateSteps button:hover{background:var(--button-hover)}.rateSteps button:focus-visible{outline:2px solid var(--blue);z-index:1}.rateSteps svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}@media(max-width:600px),(pointer:coarse){.soundPlayback .rateControl input{height:50px}}@media(max-width:820px){.headerInner,.historyItem,.musicHeader,.soundsHeader{align-items:stretch;flex-direction:column}.headerControls{align-items:center;margin-left:auto}.themePicker{flex:1}select{width:100%}.commitDay{padding-left:28px}.commitDay:before{left:8px}.commitDate>span{left:-24px}.stat:nth-child(2n){border-right:0}.diffRow{grid-template-columns:42px 42px 20px minmax(0,1fr)}}@media(orientation:landscape)and (max-width:1000px){.shell{width:min(100% - 24px,1240px)}.diffTimeline{padding:10px}}
