:root{
  --bg:#0b0e14; --card:#111827; --muted:#9aa4b2; --fg:#e5e7eb;
  --border:#223047; --accent:#7dd3fc; --ok:#86efac; --warn:#fde68a;
  --bad:#fca5a5; --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}
@media (prefers-color-scheme: light){
  :root{ --bg:#f7fafc; --card:#ffffff; --fg:#0b1220; --muted:#55657a; --border:#d7e0ea; --accent:#0369a1; }
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--fg);line-height:1.4}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
header{position:sticky;top:0;background:linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,0));backdrop-filter: blur(10px);border-bottom:1px solid rgba(255,255,255,.06);z-index:10}
.wrap{max-width:1100px;margin:0 auto;padding:18px}
.top{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.name{display:flex;flex-direction:column;gap:4px}
.name h1{margin:0;font-size:20px}
.name .sub{color:var(--muted);font-size:13px}
.pillrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pill{border:1px solid var(--border);background:rgba(255,255,255,.03);padding:6px 10px;border-radius:999px;font-size:12px;color:var(--muted)}
button{
  background:rgba(255,255,255,.06); color:var(--fg); border:1px solid var(--border);
  padding:8px 12px; border-radius:10px; cursor:pointer; font-size:13px;
}
button:hover{background:rgba(255,255,255,.10)}
main{padding:18px 0}
.grid{display:grid;grid-template-columns: 1.2fr .8fr;gap:14px}
@media (max-width: 900px){ .grid{grid-template-columns:1fr} }
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px}
.card h2{margin:0 0 10px 0;font-size:15px}
.card h3{margin:14px 0 8px 0;font-size:14px;color:var(--fg)}
.muted{color:var(--muted)}
.mono{font-family:var(--mono)}
.kpi{display:grid;grid-template-columns: repeat(3,1fr);gap:10px}
@media (max-width: 550px){ .kpi{grid-template-columns:1fr} }
.kpi .box{border:1px solid var(--border);border-radius:14px;padding:10px;background:rgba(255,255,255,.02)}
.kpi .box .v{font-size:16px}
.kpi .box .l{font-size:12px;color:var(--muted)}
.list{display:flex;flex-direction:column;gap:10px}
.item{border:1px solid var(--border);border-radius:14px;padding:10px;background:rgba(255,255,255,.02)}
.item .t{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}
.item .t b{font-size:13px}
.tagrow{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.tag{font-size:11px;border:1px solid var(--border);border-radius:999px;padding:4px 8px;color:var(--muted)}
.impact{margin-top:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
@media (max-width: 650px){ .impact{grid-template-columns:1fr} }
.impact span{font-size:12px;border:1px dashed rgba(255,255,255,.18);border-radius:12px;padding:6px 8px;color:var(--muted)}
.bar{height:8px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;border:1px solid var(--border)}
.bar > i{display:block;height:100%;background:var(--accent);width:0%}
.skill{display:grid;grid-template-columns: 140px 1fr 60px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.skill:last-child{border-bottom:none}
.rightcol{display:flex;flex-direction:column;gap:14px}
.footer{color:var(--muted);font-size:12px;padding:18px 0}
textarea,input{
  width:100%; background:rgba(0,0,0,.12); color:var(--fg);
  border:1px solid var(--border); border-radius:12px; padding:10px; font-family:var(--sans);
}
.row{display:grid;grid-template-columns: 1fr 1fr; gap:10px}
@media (max-width: 700px){ .row{grid-template-columns:1fr} }
.small{font-size:12px}
.badge{font-size:11px;border-radius:999px;padding:3px 8px;border:1px solid var(--border);color:var(--muted)}
.ok{color:var(--ok)} .warn{color:var(--warn)} .bad{color:var(--bad)}
.hidden{display:none}
.tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}