:root{--bg:#0f0f14;--fg:#f5f5f7;--muted:#8a8a99;--accent:#ff4d4d;--accent-dark:#d63333}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(circle at 50% 0%, #1c1c26 0%, var(--bg) 60%);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}main{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100dvh;padding:24px;display:flex}h1{letter-spacing:-.03em;font-size:clamp(2.2rem,8vw,4.5rem);font-weight:900;line-height:1.05}h1 .name{color:var(--accent)}.subtitle{color:var(--muted);max-width:30ch;font-size:clamp(1rem,3.5vw,1.25rem)}.blame-button{appearance:none;cursor:pointer;background:linear-gradient(180deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;border:none;border-radius:999px;padding:22px 46px;font-size:clamp(1.3rem,5vw,2rem);font-weight:800;transition:transform 80ms,box-shadow .2s;box-shadow:0 12px 32px #ff4d4d59,inset 0 1px #ffffff40}.blame-button:hover{box-shadow:0 16px 40px #ff4d4d80,inset 0 1px #ffffff40}.blame-button:active{transform:scale(.95)}.blame-button:disabled{opacity:.7;cursor:default}.counter{flex-direction:column;align-items:center;gap:6px;display:flex}.counter .number{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(2.8rem,12vw,6rem);font-weight:900;transition:transform .12s}.counter .number.bump{transform:scale(1.12)}.counter .label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.95rem}footer{color:var(--muted);padding-bottom:8px;font-size:.8rem}.topbar{z-index:10;align-items:center;gap:8px;display:flex;position:fixed;top:16px;right:16px}.stats-button{appearance:none;cursor:pointer;width:38px;height:38px;color:var(--muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;transition:color .15s,background .15s,transform 80ms;display:flex}.stats-button:hover{color:var(--fg);background:#ffffff1f}.stats-button:active{transform:scale(.92)}.langs{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border-radius:999px;gap:4px;padding:4px;display:flex}.lang{appearance:none;cursor:pointer;color:var(--muted);letter-spacing:.04em;background:0 0;border:none;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:700;transition:color .15s,background .15s}.lang:hover{color:var(--fg)}.lang.active{color:#fff;background:var(--accent)}.avatar{object-fit:cover;border:4px solid var(--accent);border-radius:50%;width:150px;height:150px;animation:.18s pop;box-shadow:0 10px 30px #0006}@keyframes pop{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;animation:.15s fade;display:flex;position:fixed;inset:0}.modal{background:#17171f;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:420px;padding:28px 24px 24px;animation:.18s rise;position:relative;box-shadow:0 24px 60px #00000080}.modal h2{margin-bottom:18px;font-size:1.4rem;font-weight:800}.modal-close{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.6rem;line-height:1;transition:color .15s;position:absolute;top:14px;right:16px}.modal-close:hover{color:var(--fg)}.loading-dots{color:var(--muted);text-align:center;padding:24px 0;font-size:1.5rem}.chart{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;width:100%;height:120px;display:block}.chart-area{fill:#ff4d4d26}.chart-line{fill:none;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.chart-label{color:var(--muted);margin:8px 2px 18px;font-size:.82rem}.tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tile{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;padding:14px 16px}.tile.big{grid-column:1/-1}.tile-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.8rem;font-weight:900;display:block}.tile.big .tile-value{color:var(--accent);font-size:2.6rem}.tile-label{color:var(--muted);margin-top:2px;font-size:.8rem;display:block}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
