/* Opengit forge web app — dark terminal-tech, consistent with the project site. Zero external resources (system fonts only). Works offline in PearBrowser and any browser, served from a Hyperdrive or plain HTTP. Light + dark via . Persistent shell; only #main swaps. */ :root{ --bg:#0a0b0e;--bg1:#111318;--bg2:#161922;--bd:#23262f;--bdh:#2e3340; --tx:#e5e8ec;--mut:#9aa1ad;--dim:#7b828f;--ac:#4cd9a4;--ach:#6ef0bd; --acd:#0e2a20;--add:#1d4435;--red:#f0686e;--grn:#56d39a;--amb:#e8b34a; --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace; --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; } /* Light theme — toggled via (persisted). */ html[data-theme="light"]{ --bg:#fbfbfa;--bg1:#fff;--bg2:#f3f4f2;--bd:#dfe1dd;--bdh:#cdd0ca; --tx:#16181a;--mut:#586066;--dim:#6c7378;--ac:#157a52;--ach:#0e6443; --acd:#e7f6ef;--add:#bfe6d4;--red:#bb2d24;--grn:#157a52;--amb:#8a5d00; } html[data-theme="light"] .top{background:rgba(251,251,250,.9)} html[data-theme="light"] pre.code,html[data-theme="light"] pre.diff, html[data-theme="light"] .readme pre,html[data-theme="light"] .clone-row code{background:#f3f4f2} html[data-theme="light"] .tok-k{color:#0b66c2} html[data-theme="light"] .tok-s{color:#157a3c} html[data-theme="light"] .tok-n{color:#8a5d00} *{box-sizing:border-box} html,body{margin:0;height:100%} body{background:var(--bg);color:var(--tx);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased} a{color:var(--ac);text-decoration:none} a:hover{color:var(--ach);text-decoration:underline} code,pre,.mono{font-family:var(--mono)} .boot{padding:80px;text-align:center;color:var(--mut);font-family:var(--mono)} .muted{color:var(--mut)}.dim{color:var(--dim)}.ac{color:var(--ac)} .small{font-size:.82rem} button{font:inherit;cursor:pointer} :focus-visible{outline:2px solid var(--ac);outline-offset:2px;border-radius:3px} a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--ac);outline-offset:2px} /* skip link — visually hidden until focused (keyboard a11y) */ .skip{position:absolute;left:-9999px;top:0;z-index:50;background:var(--ac);color:#06130d; padding:8px 14px;border-radius:0 0 8px 0;font-family:var(--mono);font-size:.85rem} .skip:focus{left:0;text-decoration:none} /* layout */ .top{position:sticky;top:0;z-index:10;background:rgba(10,11,14,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--bd)} .top .row{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:10px 14px;padding:11px 20px;flex-wrap:wrap} .brand{font-family:var(--mono);font-weight:700;color:var(--tx);white-space:nowrap} .brand .g{color:var(--ac)} .brand:hover{text-decoration:none;color:var(--ach)} #ctx{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;flex:1 1 auto} .crumbsep{white-space:nowrap} .tabs{display:flex;gap:4px;flex-wrap:wrap;min-width:0} .tabs a{font-family:var(--mono);font-size:.85rem;color:var(--mut);padding:6px 12px;border-radius:7px} .tabs a:hover{color:var(--tx);background:var(--bg2);text-decoration:none} .tabs a.on,.tabs a[aria-current]{color:var(--ac);background:var(--acd)} select{font:inherit;font-family:var(--mono);font-size:.82rem;background:var(--bg2);color:var(--tx); border:1px solid var(--bd);border-radius:7px;padding:6px 9px;min-width:0;max-width:100%} .session{display:flex;align-items:center;gap:7px;min-height:32px;padding:5px 9px;border:1px solid var(--bd); border-radius:7px;background:var(--bg1);color:var(--mut);font-family:var(--mono);font-size:.72rem;white-space:nowrap} .session span:last-child{color:var(--ac)} .session.daemon{border-color:var(--add);background:var(--acd)} .dot{width:7px;height:7px;border-radius:999px;background:var(--ac);box-shadow:0 0 0 3px var(--acd);flex:0 0 auto} .keybtn{font-family:var(--mono);font-size:.74rem;background:var(--bg2);border:1px solid var(--bd); color:var(--mut);border-radius:7px;min-width:42px;height:32px;padding:0 9px} .keybtn:hover{border-color:var(--ac);color:var(--ach)} .search{margin-left:0;display:flex;flex:0 1 310px;min-width:210px} .search input{font:inherit;font-size:.85rem;background:var(--bg2);border:1px solid var(--bd);color:var(--tx); padding:7px 12px;border-radius:7px;min-width:0;width:100%;font-family:var(--mono)} .search input:focus{outline:0;border-color:var(--ac)} .iconbtn{background:var(--bg2);border:1px solid var(--bd);color:var(--tx);border-radius:7px; width:32px;height:32px;line-height:1;font-size:1rem;padding:0} .iconbtn:hover{border-color:var(--ac);color:var(--ach)} main{outline:none} .wrap{max-width:1180px;margin:0 auto;padding:26px 20px 80px} .foot{max-width:1180px;margin:0 auto;padding:26px 20px;border-top:1px solid var(--bd);color:var(--dim);font-size:.82rem} .foot a{color:var(--mut)} .foot time{color:var(--mut)} h1{font-size:1.5rem;margin:.2em 0 .4em;letter-spacing:0} h2{font-size:1.15rem;margin:1.6em 0 .6em;border-bottom:1px solid var(--bd);padding-bottom:.3em} h3{font-size:1rem;margin:1.4em 0 .5em} .repo-desc{color:var(--mut);margin:.2em 0 1em;max-width:72ch} .chip{display:inline-block;font-family:var(--mono);font-size:.72rem;color:var(--ac); background:var(--acd);border:1px solid var(--add);padding:3px 9px;border-radius:999px} .key{font-family:var(--mono);font-size:.78rem;color:var(--mut);word-break:break-all} .refbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0 16px} .btn{display:inline-block;font-family:var(--mono);font-size:.82rem;border:1px solid var(--bdh); color:var(--tx);background:var(--bg1);padding:6px 12px;border-radius:7px} .btn:hover{border-color:var(--ac);color:var(--ach);text-decoration:none} /* repo dashboard */ .dash{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:14px 0 12px} .metriclink{display:block;color:inherit;text-decoration:none} .metriclink:hover{text-decoration:none} .metric{min-height:86px;background:var(--bg1);border:1px solid var(--bd);border-radius:8px;padding:10px 12px} .metriclink:hover .metric{border-color:var(--ac);background:var(--bg2)} .metric span,.metric em{display:block;font-family:var(--mono);font-style:normal;font-size:.72rem;color:var(--mut); overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .metric strong{display:block;font-family:var(--mono);font-size:1.18rem;color:var(--tx);margin:3px 0 1px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* command palette */ .palette{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.46);display:flex;align-items:flex-start;justify-content:center; padding:86px 18px 18px} .palette[hidden]{display:none} .palbox{width:min(680px,100%);background:var(--bg1);border:1px solid var(--bdh);border-radius:10px;overflow:hidden; box-shadow:0 18px 60px rgba(0,0,0,.35)} .palinput{width:100%;background:var(--bg);border:0;border-bottom:1px solid var(--bd);color:var(--tx); font:inherit;font-family:var(--mono);font-size:.95rem;padding:14px 16px} .palinput:focus{outline:0} .palres{max-height:min(58vh,520px);overflow:auto;padding:6px} .palitem{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;background:transparent; color:var(--tx);border:0;border-radius:7px;padding:9px 10px} .palitem:hover,.palitem:focus{background:var(--bg2);outline:0} .palitem strong,.palitem em{display:block;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .palitem strong{font-size:.92rem}.palitem em{font-family:var(--mono);font-size:.74rem;color:var(--mut)} .paltype{font-family:var(--mono);font-size:.68rem;color:var(--ac);border:1px solid var(--add);background:var(--acd); border-radius:999px;padding:2px 7px;white-space:nowrap} .palempty{padding:24px;text-align:center;color:var(--dim);font-family:var(--mono);font-size:.86rem} /* clone panel (the defining P2P action) */ .clone{background:var(--bg1);border:1px solid var(--bd);border-radius:10px;padding:14px 16px;margin:4px 0 6px} .clone-row{display:flex;align-items:center;gap:10px;margin:6px 0} .clone-row code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;background:#07080a; border:1px solid var(--bd);border-radius:7px;padding:9px 12px;font-size:.84rem;color:#cbe7dc} .copy{font-family:var(--mono);font-size:.74rem;background:var(--bg2);border:1px solid var(--bdh); color:var(--mut);border-radius:6px;padding:7px 11px;white-space:nowrap} .copy:hover{border-color:var(--ac);color:var(--ach)} .copy.linkish{background:none;border:0;padding:0;color:inherit} .copy.linkish:hover{color:var(--ach)} .clone .muted{margin:.7em 0 0} .clirows{display:flex;flex-direction:column;gap:8px;max-width:720px;margin:12px auto 0} .clirows .clone-row{margin:0} /* skeleton loaders */ .skel{display:flex;flex-direction:column;gap:10px;padding:8px 0} .skrow{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--bg1),var(--bg2),var(--bg1)); background-size:200% 100%;animation:sk 1.2s linear infinite} .skrow:nth-child(2){width:88%}.skrow:nth-child(3){width:72%}.skrow:nth-child(4){width:80%}.skrow:nth-child(5){width:60%} @keyframes sk{0%{background-position:200% 0}100%{background-position:-200% 0}} @media(prefers-reduced-motion:reduce){.skrow{animation:none}} /* panels / lists */ .panel{background:var(--bg1);border:1px solid var(--bd);border-radius:10px;overflow:hidden} .list{display:flex;flex-direction:column} .li{display:flex;gap:14px;align-items:baseline;padding:11px 16px;border-top:1px solid var(--bd);color:var(--tx)} .li:first-child{border-top:0} .li:hover{background:var(--bg2);text-decoration:none} .li .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .li .mono{color:var(--mut);font-size:.8rem;white-space:nowrap} .ico{width:1.1em;display:inline-block;color:var(--dim)} .badge{font-family:var(--mono);font-size:.7rem;padding:2px 8px;border-radius:999px;border:1px solid var(--bd)} .badge.open{color:var(--grn);border-color:var(--add);background:var(--acd)} .badge.closed{color:var(--red);border-color:#46232a;background:#2a1518} .badge.merged{color:#b389f0;border-color:#3a2a52;background:#1d1430} html[data-theme="light"] .badge.closed{background:#fbe9e7} html[data-theme="light"] .badge.merged{color:#7a3fb0;background:#f1e9fb;border-color:#dccbf0} .empty{padding:42px;text-align:center;color:var(--dim);font-family:var(--mono);font-size:.9rem} .empty a{color:var(--ac)} .empty.rich{font-family:var(--sans);color:var(--mut);text-align:left} .empty.rich .empty-title{font-family:var(--mono);color:var(--tx);font-size:1rem;margin:0 0 4px;text-align:center} .empty.rich p{max-width:66ch;margin:0 auto 12px;text-align:center} .empty.rich .btn{display:block;width:max-content;margin:14px auto 0} .notice{display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap;margin:12px 0 16px;padding:10px 12px; border:1px solid var(--add);border-radius:8px;background:var(--acd);color:var(--mut);font-size:.86rem} .notice strong{color:var(--ac);font-family:var(--mono);font-size:.78rem} .notice code{color:var(--tx)} /* file view */ .crumb{font-family:var(--mono);font-size:.85rem;margin:0 0 12px;color:var(--mut)} .crumb a{color:var(--ac)} .fileview{background:var(--bg1);border:1px solid var(--bd);border-radius:10px;overflow:hidden} .fhead{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--bd); font-family:var(--mono);font-size:.8rem;color:var(--mut);background:var(--bg2)} .fhead-act{display:flex;align-items:center;gap:12px;white-space:nowrap} pre.code{margin:0;padding:14px 0;overflow:auto;font-size:.82rem;line-height:1.55;counter-reset:l} pre.code.wrap{white-space:pre-wrap;word-break:break-word} pre.code .ln{display:block;padding:0 16px 0 56px;position:relative;white-space:pre;color:#cdd3da} pre.code .ln:before{counter-increment:l;content:counter(l);position:absolute;left:0;width:42px; text-align:right;color:var(--dim);user-select:none;font-size:.92em} pre.code .ln .lnref{position:absolute;left:0;top:0;width:50px;height:100%} pre.code .ln:hover{background:rgba(127,127,127,.06)} pre.code .ln:target{background:rgba(76,217,164,.13)} .tok-k{color:#7fb2ff}.tok-s{color:#9fe0b4}.tok-c{color:var(--dim);font-style:italic} .tok-n{color:#e8b34a}.tok-p{color:#c98bdb} .readme{background:var(--bg1);border:1px solid var(--bd);border-radius:10px;padding:22px 26px;margin-top:14px;overflow:hidden} .readme h1,.readme h2{border:0} .readme pre{background:#07080a;border:1px solid var(--bd);border-radius:8px;padding:12px 14px;overflow:auto;font-size:.82rem} .readme code{background:var(--bg2);border:1px solid var(--bd);border-radius:4px;padding:.05em .35em;font-size:.86em} .readme pre code{background:0;border:0;padding:0} .readme a{word-break:break-word} .readme table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.9rem} .readme th,.readme td{border:1px solid var(--bd);padding:7px 11px;text-align:left} .readme th{background:var(--bg2)} .readme blockquote{border-left:3px solid var(--ac);margin:1em 0;padding:.3em 1em;color:var(--mut)} /* commit / diff */ .cmeta{font-family:var(--mono);font-size:.85rem;color:var(--mut);margin:.3em 0 1em} .cmsg{white-space:pre-wrap;background:var(--bg1);border:1px solid var(--bd);border-left:3px solid var(--ac); border-radius:0 8px 8px 0;padding:12px 16px;margin:0 0 18px} pre.diff{background:#07080a;border:1px solid var(--bd);border-radius:10px;padding:14px;overflow:auto; font-size:.8rem;line-height:1.5;margin:14px 0 0;white-space:pre} pre.diff span{display:block} pre.diff .h{color:var(--mut)}pre.diff .a{color:var(--grn);background:rgba(86,211,154,.08)} pre.diff .d{color:var(--red);background:rgba(240,104,110,.08)}pre.diff .at{color:#7fb2ff} .dstat-a{color:var(--grn)}.dstat-d{color:var(--red)} /* thread (issues/PRs) */ .thread{display:flex;flex-direction:column;gap:14px} .note{background:var(--bg1);border:1px solid var(--bd);border-radius:10px;overflow:hidden} .note .nh{display:flex;gap:10px;align-items:baseline;padding:9px 15px;background:var(--bg2); border-bottom:1px solid var(--bd);font-size:.85rem;flex-wrap:wrap} .note .etype{font-family:var(--mono);font-size:.68rem;color:var(--tx);border:1px solid var(--bdh); border-radius:999px;padding:1px 7px;background:var(--bg1)} .note .nh .who{font-family:var(--mono);color:var(--ac)} .note .nb{padding:14px 18px} .verified{margin-left:auto;font-family:var(--mono);font-size:.68rem;color:var(--ac);border:1px solid var(--add); border-radius:999px;background:var(--acd);padding:1px 7px} .verified span{color:var(--mut)} /* forge home repo cards */ .repocard{flex-direction:column;align-items:stretch;gap:8px} .repocard:hover{background:var(--bg2)} .repocard .rc-top{display:flex;align-items:center;gap:10px;min-width:0} .repocard .rc-title{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:700;color:var(--ac);font-size:1rem} .repocard .rc-title:hover{color:var(--ach)} .repocard .rc-desc{color:var(--mut);font-size:.92rem} .repocard .rc-meta{display:flex;gap:6px;flex-wrap:wrap} .repocard .rc-meta span{font-family:var(--mono);font-size:.72rem;color:var(--mut);background:var(--bg2); border:1px solid var(--bd);border-radius:999px;padding:2px 7px} .repocard .rc-clone{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center} .repocard .rc-clone code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;color:var(--mut); border:1px solid var(--bd);border-radius:7px;background:var(--bg);padding:7px 9px} @media(max-width:920px){ .dash{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:680px){ .brand{flex:1 1 100%} #ctx{flex:1 1 100%;order:2} .session{order:3;flex:1 1 auto;justify-content:center} .keybtn{order:4} .search{order:9;width:100%;flex-basis:100%;min-width:0} .search input{width:100%} #ctx select{width:calc(100vw - 40px);max-width:calc(100vw - 40px);flex:0 1 calc(100vw - 40px)} .top .row{gap:10px} .wrap{padding:18px 14px 60px} .clone-row{flex-wrap:wrap} .clone-row code{flex-basis:100%;overflow:hidden;text-overflow:ellipsis} .repocard .rc-clone{grid-template-columns:1fr} .repocard .rc-clone .copy{width:100%} .tabs a{padding:6px 9px} .dash{grid-template-columns:repeat(2,minmax(0,1fr))} .palette{padding-top:64px} .metric{min-height:78px} .readme{padding:18px 16px} .readme pre{white-space:pre-wrap;word-break:break-word} .readme table{display:block;max-width:100%;overflow-x:auto} .readme th,.readme td{word-break:break-word;min-width:120px} }