:root{--bg:#000;--panel:#0d0d0d;--line:#ffffff14;--line-strong:#ffffff24;--ink:#ecf4ff;--ink-muted:#8a96a8;--ink-inverse:#021416;--accent:#38ffd3;--accent-soft:#24a7b4;--accent-ink:#021416;--success:#5be7a9;--error:#ff7f7f}[hidden]{display:none!important}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:var(--bg);font-family:Space Grotesk,Helvetica Neue,Helvetica,Arial,sans-serif}body.user-page{background:radial-gradient(ellipse 60% 50% at 50% -20%, #24a7b414, transparent 60%), var(--bg)}.user-shell{flex-direction:column;width:100%;max-width:960px;min-height:100vh;margin:0 auto;padding:1rem 1rem 2rem;display:flex}.user-top-nav{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:1.5rem;display:flex}.user-brand{flex-shrink:1;align-items:center;gap:8px;min-width:0;margin:0;text-decoration:none;display:flex}.user-brand span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-nav-links{flex-wrap:nowrap;flex-shrink:0;gap:.5rem;display:flex}.user-nav-links a{color:var(--ink);border:1px solid var(--line-strong);border-radius:999px;padding:.42rem .72rem;font-size:.88rem;text-decoration:none;transition:border-color .2s,background .2s}.user-nav-links a:hover{border-color:var(--accent);background:#38ffd30f}.user-layout{flex-direction:column;flex:1;align-items:center;padding-top:2rem;display:flex}.user-profile-header{align-items:center;gap:1.2rem;width:100%;max-width:560px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--accent-soft), var(--accent));width:80px;height:80px;color:var(--accent-ink);border:3px solid var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.user-info{min-width:0}.user-display-name{color:var(--ink);word-break:break-word;margin:0;font-size:1.8rem;font-weight:700;line-height:1.2}.user-handle{color:var(--accent);margin:.2rem 0 0;font-size:1rem;font-weight:500}.user-joined{color:var(--ink-muted);margin:.25rem 0 0;font-size:.85rem}.user-stats-bar{border:1px solid var(--line);background:#ffffff05;border-radius:14px;justify-content:center;gap:2rem;width:100%;max-width:560px;margin-top:2rem;padding:1rem 1.5rem;display:flex}.user-stat-item{flex-direction:column;align-items:center;gap:.2rem;display:flex}.user-stat-value{color:var(--ink);font-size:1.5rem;font-weight:700}.user-stat-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.user-heatmaps{grid-template-columns:1fr;gap:1.5rem;width:100%;margin-top:2rem;display:grid}.user-heatmap-card{border:1px solid var(--line);background:#ffffff05;border-radius:14px;padding:1.2rem}.user-heatmap-merged{background:#38ffd308;border-color:#38ffd32e}.user-heatmap-merged .user-heatmap-head h3{color:var(--accent)}.user-heatmap-head{margin-bottom:.65rem}.user-heatmap-head h3{color:var(--ink);margin:0;font-size:1.05rem;font-weight:600}.user-heatmap-head p{color:var(--ink-muted);margin:.2rem 0 0;font-size:.78rem}.heatmap-chart{-webkit-overflow-scrolling:touch;overflow-x:auto}.heatmap-table{min-width:min-content;display:inline-block;position:relative}.heatmap-month-row{align-items:end;display:grid}.heatmap-month-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;font-size:.6rem;line-height:1}.heatmap-body-row{display:flex}.heatmap-day-labels{flex-direction:column;flex-shrink:0;padding-right:4px;display:flex}.heatmap-day-labels span{color:var(--ink-muted);align-items:center;font-size:.58rem;display:flex}.heatmap-week-grid{grid-auto-flow:column;display:grid}.hc-cell{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff05;border-radius:2px;width:13px;height:13px}.hc-cell:hover{outline-offset:-1px;outline:2px solid #ffffff59}.hc-skeleton{border:1px solid #ffffff08;animation:1.2s ease-in-out infinite hc-pulse;background:#ffffff0f!important}@keyframes hc-pulse{0%,to{opacity:.3}50%{opacity:.7}}.heatmap-tooltip{color:var(--ink);border:1px solid var(--line-strong);white-space:nowrap;pointer-events:none;z-index:10;background:#141419f2;border-radius:8px;padding:.35rem .65rem;font-size:.72rem;display:none;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 12px #0006}.hc-cell[data-category=workouts][data-level="1"]{background:#4893ff2e}.hc-cell[data-category=workouts][data-level="2"]{background:#4893ff52}.hc-cell[data-category=workouts][data-level="3"]{background:#4893ff80}.hc-cell[data-category=workouts][data-level="4"]{background:#4893ffb8}.hc-cell[data-category=workouts][data-level="5"]{background:#4893fff2}.hc-cell[data-category=nutrition][data-level="1"]{background:#46d2782e}.hc-cell[data-category=nutrition][data-level="2"]{background:#46d27852}.hc-cell[data-category=nutrition][data-level="3"]{background:#46d27880}.hc-cell[data-category=nutrition][data-level="4"]{background:#46d278b8}.hc-cell[data-category=nutrition][data-level="5"]{background:#46d278f2}.hc-cell[data-category=water][data-level="1"]{background:#d2a05a2e}.hc-cell[data-category=water][data-level="2"]{background:#d2a05a52}.hc-cell[data-category=water][data-level="3"]{background:#d2a05a80}.hc-cell[data-category=water][data-level="4"]{background:#d2a05ab8}.hc-cell[data-category=water][data-level="5"]{background:#d2a05af2}.hc-cell[data-category=merged][data-level="1"]{background:#38ffd326}.hc-cell[data-category=merged][data-level="2"]{background:#38ffd347}.hc-cell[data-category=merged][data-level="3"]{background:#38ffd375}.hc-cell[data-category=merged][data-level="4"]{background:#38ffd3ad}.hc-cell[data-category=merged][data-level="5"]{background:#38ffd3eb}.heatmap-empty{color:var(--ink-muted);margin:.5rem 0;font-size:.85rem}.user-leaderboard{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:100%;margin-top:2rem;display:grid}.user-lb-card{border:1px solid var(--line);background:#ffffff05;border-radius:14px;padding:1rem}.user-lb-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.user-lb-head h3{color:var(--ink);margin:0;font-size:.95rem;font-weight:600}.user-lb-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:#38ffd324;border-radius:999px;padding:.18rem .5rem;font-size:.65rem;font-weight:700}.user-lb-rows{flex-direction:column;gap:.35rem;display:flex}.user-lb-row{background:#ffffff08;border-radius:8px;align-items:center;gap:.55rem;padding:.4rem .5rem;display:flex}.user-lb-rank{text-align:center;min-width:2.2rem;color:var(--accent);font-size:1rem;font-weight:700}.user-lb-exercise{color:var(--ink);text-transform:uppercase;letter-spacing:.03em;flex:1;font-size:.82rem;font-weight:500}.user-lb-value{color:var(--accent);white-space:nowrap;font-size:.82rem;font-weight:700}.user-streak-summary{color:var(--ink-muted);margin:.5rem 0 0;font-size:.8rem;font-style:italic;line-height:1.4}.user-recent-workouts{width:100%;margin-top:2rem}.user-section-head{margin-bottom:.75rem}.user-section-head h3{color:var(--ink);margin:0;font-size:1.1rem;font-weight:600}.user-recent-list{flex-direction:column;gap:.4rem;display:flex}.user-recent-item{border:1px solid var(--line);background:#ffffff05;border-radius:10px;align-items:center;gap:.75rem;padding:.55rem .75rem;display:flex}.user-recent-date{color:var(--ink-muted);min-width:3.5rem;font-size:.78rem}.user-recent-exercise{color:var(--ink);flex:1;font-size:.88rem;font-weight:500}.user-recent-detail{color:var(--accent-soft);white-space:nowrap;font-size:.8rem;font-weight:500}.user-error{width:100%;max-width:480px}.user-error-card{text-align:center;border:1px solid var(--line);background:#ffffff05;border-radius:14px;padding:2.5rem 1.5rem}.user-error-card h2{color:var(--ink);margin:0 0 .5rem;font-size:1.4rem}.user-error-card p{color:var(--ink-muted);margin:0 0 1.5rem}.user-error-card .btn-primary{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:.65rem 1.4rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.user-error-card .btn-primary:hover{background:#5fffe0}.user-loading{text-align:center;color:var(--ink-muted);padding:3rem 0}.user-footer{text-align:center;border-top:1px solid var(--line);margin-top:2rem;padding-top:2rem}.user-footer p{color:var(--ink-muted);margin:0;font-size:.82rem}.user-footer a{color:var(--ink-muted);text-decoration:none}.user-footer a:hover{color:var(--accent)}@media (width<=768px){.user-leaderboard{grid-template-columns:1fr}.user-profile-header{text-align:center;flex-direction:column}.user-stats-bar{gap:1.2rem}}@media (width<=480px){.user-shell{padding:.75rem .75rem 1.5rem}.user-display-name{font-size:1.4rem}.user-avatar{width:64px;height:64px;font-size:1.5rem}.user-stat-value{font-size:1.2rem}.hc-cell{width:10px;height:10px}.heatmap-day-labels span{height:10px;font-size:.5rem;line-height:10px}}