:root{
  --bg:#f3f1ea;--surface:#faf9f5;--panel:#fffef9;--text:#171a1f;--muted:#73766f;--muted2:#a3a59e;
  --line:#dedbd1;--line2:#cfcbbf;--accent:#425d52;--accent-soft:#e6ece8;--green:#3d6f5b;--amber:#986f34;--red:#a75252;
  --shadow:0 16px 42px rgba(47,45,37,.06);--sidebar:230px
}
html[data-theme="dark"]{
  --bg:#121411;--surface:#171a16;--panel:#1d211c;--text:#f0efe8;--muted:#aaa99f;--muted2:#73766f;
  --line:#2c302a;--line2:#3b4038;--accent:#9ab8a8;--accent-soft:#222d27;--green:#8bb8a2;--amber:#d3ae72;--red:#d78686;
  --shadow:0 18px 44px rgba(0,0,0,.18)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);
font:14px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.hidden{display:none!important}
.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;padding:22px 17px;
background:var(--surface);border-right:1px solid var(--line);z-index:50}.identity{display:flex;align-items:center;gap:11px;padding:2px 6px 26px}
.avatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:11px;background:var(--panel);font-weight:900;letter-spacing:-.05em}
.identity strong,.identity span{display:block}.identity strong{font-size:13px}.identity div span{margin-top:1px;color:var(--muted);font-size:10.5px}
.nav{display:grid;gap:3px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;text-decoration:none;color:var(--muted);font-weight:700}
.nav-item>span{width:18px;color:var(--muted2);text-align:center}.nav-item:hover{color:var(--text);background:var(--panel)}
.nav-item.is-active{color:var(--text);background:var(--accent-soft)}.nav-item.is-active>span{color:var(--accent)}
.sidebar-spacer{flex:1}.privacy-note{display:flex;gap:9px;padding:11px 8px 13px;border-top:1px solid var(--line)}
.privacy-note i{width:7px;height:7px;border-radius:50%;background:var(--green);margin-top:6px;flex:0 0 auto}.privacy-note strong,.privacy-note span{display:block}
.privacy-note strong{font-size:10.5px}.privacy-note span{margin-top:3px;color:var(--muted);font-size:9.5px;line-height:1.45}
.sidebar-links{display:flex;gap:12px;padding:0 8px}.sidebar-links a{color:var(--muted);font-size:10px;text-decoration:none}.sidebar-links a:hover{color:var(--text)}
.workspace{margin-left:var(--sidebar)}.topbar{position:sticky;top:0;z-index:40;height:60px;display:flex;align-items:center;justify-content:space-between;
padding:0 28px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(15px)}
.breadcrumbs{display:flex;gap:8px;color:var(--muted);font-size:11px}.breadcrumbs strong{color:var(--text)}
.topbar-actions{display:flex;align-items:center;gap:7px}.find-button,.icon-button,.button{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer}
.find-button{height:34px;min-width:190px;display:flex;align-items:center;gap:8px;padding:0 9px;border-radius:9px;color:var(--muted);text-align:left}
.find-button kbd{margin-left:auto}.icon-button{width:34px;height:34px;display:grid;place-items:center;border-radius:9px}
kbd{padding:1px 5px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--muted);font:9px inherit}
.content{max-width:1240px;margin:0 auto;padding:0 34px 70px}.page-section{padding-top:76px;scroll-margin-top:64px}.hero-section{padding-top:74px}
.hero{max-width:850px;padding:24px 0 44px}.eyebrow{margin:0;color:var(--muted);font-size:9.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.hero h1{margin:15px 0 18px;font-size:clamp(46px,6.2vw,82px);line-height:.96;letter-spacing:-.06em;font-weight:760}.hero h1 span{color:var(--muted);font-weight:560}
.hero-copy{max-width:670px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}.hero-actions{display:flex;gap:8px;margin-top:25px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:9px;text-decoration:none;font-weight:800;font-size:11px}
.button.primary{background:var(--text);border-color:var(--text);color:var(--bg)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.metrics article{padding:22px 18px;border-left:1px solid var(--line)}.metrics article:first-child{border-left:0;padding-left:0}
.metrics strong,.metrics span{display:block}.metrics strong{font-size:34px;line-height:1;letter-spacing:-.05em}.metrics span{margin-top:7px;color:var(--muted);font-size:10px}
.section-block{padding-top:52px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}
.section-head h2{margin:5px 0 0;font-size:26px;letter-spacing:-.04em}.section-head p:not(.eyebrow){margin:5px 0 0;color:var(--muted);font-size:11px}
.meta{color:var(--muted);font-size:10px}.attention-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.attention-card{min-height:160px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--panel);text-decoration:none;box-shadow:var(--shadow)}
.attention-top{display:flex;justify-content:space-between;gap:12px}.attention-name{font-weight:850}.attention-tag{color:var(--amber);font-size:9px;font-weight:900}
.attention-card p{margin:10px 0 18px;color:var(--muted);font-size:10.5px}.attention-bottom{display:flex;justify-content:space-between;color:var(--muted);font-size:9.5px}
.filters{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:7px;margin-bottom:10px}.search{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 10px;
border:1px solid var(--line);border-radius:9px;background:var(--panel)}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}
select{min-height:38px;padding:0 30px 0 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);outline:0}
.repo-list{border-top:1px solid var(--line)}.repo-row{display:grid;grid-template-columns:minmax(190px,1.15fr) minmax(240px,1.8fr) auto auto;gap:18px;align-items:center;
padding:16px 6px;border-bottom:1px solid var(--line)}.repo-row:hover{background:color-mix(in srgb,var(--panel) 48%,transparent)}
.repo-title{min-width:0}.repo-title a{font-weight:850;text-decoration:none}.repo-title a:hover{text-decoration:underline}.repo-title small{display:block;margin-top:3px;color:var(--muted);font-size:9.5px}
.repo-note{color:var(--muted);font-size:10.5px;line-height:1.5}.pill{display:inline-flex;align-items:center;width:max-content;padding:3px 7px;border:1px solid var(--line);border-radius:999px;
color:var(--muted);font-size:8.5px;font-weight:850;text-transform:uppercase}.pill.now{color:var(--red)}.pill.active{color:var(--green)}.pill.stop{color:var(--muted)}
.repo-arrow{color:var(--muted);text-decoration:none;font-size:15px}.audit-list{border-top:1px solid var(--line)}
.audit-row{display:grid;grid-template-columns:52px minmax(160px,.8fr) minmax(300px,2fr) auto;gap:16px;align-items:start;padding:16px 5px;border-bottom:1px solid var(--line)}
.severity{font-weight:900;font-size:10px}.severity.P0{color:var(--red)}.severity.P1{color:var(--amber)}.severity.P2{color:var(--accent)}
.audit-repo{font-weight:800;font-size:10.5px}.audit-copy strong{display:block;font-size:11px}.audit-copy p{margin:4px 0 0;color:var(--muted);font-size:10px}
.audit-link{color:var(--muted);font-size:9.5px;text-decoration:none}.audit-link:hover{color:var(--text)}
.empty{padding:22px 0;color:var(--muted);font-size:11px}.showcase-card{min-height:180px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:22px;
border:1px solid var(--line);border-radius:14px;background:var(--panel);text-decoration:none;box-shadow:var(--shadow)}
.showcase-card:hover{border-color:var(--line2)}.showcase-mark{display:inline-grid;width:32px;height:32px;place-items:center;border:1px solid var(--line);border-radius:9px;margin-bottom:22px}
.showcase-card h3{margin:5px 0 3px;font-size:21px;letter-spacing:-.03em}.showcase-card p:not(.eyebrow){margin:0;color:var(--muted);font-size:10.5px}
.showcase-card>strong{font-size:56px;line-height:.9;letter-spacing:-.06em;color:var(--muted2)}
footer{display:flex;justify-content:center;gap:7px;padding:70px 0 0;color:var(--muted);font-size:9px}
.state-card{max-width:900px;margin:60px auto;padding:28px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted)}
.state-card.error{color:var(--red)}.spinner{width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}.palette{position:fixed;inset:0;z-index:100;display:grid;place-items:start center;padding-top:min(17vh,150px);background:rgba(14,15,13,.38);backdrop-filter:blur(5px)}
.palette-panel{width:min(620px,calc(100vw - 28px));max-height:65vh;overflow:auto;border:1px solid var(--line2);border-radius:14px;background:var(--panel);box-shadow:0 30px 90px rgba(0,0,0,.18)}
.palette-panel>label{height:50px;display:flex;align-items:center;gap:9px;padding:0 13px;border-bottom:1px solid var(--line)}
.palette-panel input{flex:1;border:0;outline:0;background:transparent;color:var(--text)}.palette-result{display:grid;grid-template-columns:1fr auto;gap:12px;padding:11px 13px;border-bottom:1px solid var(--line);text-decoration:none}
.palette-result:last-child{border-bottom:0}.palette-result:hover{background:var(--surface)}.palette-result strong{display:block;font-size:11px}.palette-result span{color:var(--muted);font-size:9px}
.mobile-only{display:none}
@media(max-width:900px){.attention-list{grid-template-columns:1fr}.repo-row{grid-template-columns:minmax(170px,1fr) 1.5fr auto}.repo-row .repo-arrow{display:none}.audit-row{grid-template-columns:42px .7fr 1.8fr}.audit-link{display:none}}
@media(max-width:720px){:root{--sidebar:0}.sidebar{width:min(280px,84vw);transform:translateX(-105%);transition:transform .18s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}
.workspace{margin-left:0}.mobile-only{display:grid}.topbar{padding:0 14px}.breadcrumbs{display:none}.find-button{min-width:34px;width:34px;padding:0;justify-content:center}.find-button span:nth-child(2),.find-button kbd{display:none}
.content{padding:0 16px 50px}.hero-section{padding-top:46px}.page-section{padding-top:58px}.hero{padding-bottom:34px}.hero h1{font-size:clamp(42px,13vw,64px)}
.metrics{grid-template-columns:1fr 1fr}.metrics article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.metrics article:nth-child(4){border-top:1px solid var(--line)}
.filters{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.repo-row{grid-template-columns:1fr auto;gap:8px}.repo-note{grid-column:1/-1;grid-row:2}.repo-row .repo-arrow{display:block}
.audit-row{grid-template-columns:35px 1fr}.audit-copy{grid-column:1/-1}.showcase-card>strong{font-size:44px}}

.repo-state{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}
.badge{display:inline-flex;align-items:center;width:max-content;padding:3px 7px;border:1px solid var(--line);border-radius:999px;font-size:8.5px;font-weight:850}
.badge.ai-readiness.ready{color:var(--green)}
.badge.ai-readiness.partial{color:var(--amber)}
.badge.ai-readiness.not-ready{color:var(--red)}
.badge.ai-readiness.unknown{color:var(--muted)}
@media(max-width:720px){.repo-state{justify-content:flex-start}}

.latest-update{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}
.latest-date{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.12em;white-space:nowrap}
.latest-copy{min-width:0}.latest-copy strong,.latest-copy span{display:block}.latest-copy strong{font-size:11px}.latest-copy span{margin-top:2px;color:var(--muted);font-size:9.5px;line-height:1.45}
.latest-update>a{color:var(--muted);font-size:9.5px;text-decoration:none;white-space:nowrap}.latest-update>a:hover{color:var(--text)}
@media(max-width:720px){.latest-update{grid-template-columns:1fr auto}.latest-date{grid-column:1/-1}.latest-copy{grid-column:1}.latest-update>a{grid-column:2}}
