:root{color:#132238;background:radial-gradient(circle at 0 0,#1f6feb26,#0000 30%),linear-gradient(#f6f8fb 0%,#edf3f8 100%);font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.app-shell{max-width:1320px;margin:0 auto;padding:32px 20px 80px}.app-shell__hero{color:#f8fbff;background:linear-gradient(135deg,#0f2f57 0%,#1f6feb 100%);border-radius:28px;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;padding:28px 32px;display:flex;box-shadow:0 24px 60px #0f2f5738}.app-shell__hero h1{max-width:12ch;margin:6px 0 0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.app-shell__hero p{max-width:26rem;margin:0;line-height:1.5}.eyebrow{text-transform:uppercase;letter-spacing:.18em;opacity:.8;font-size:.75rem}.dashboard,.stats-grid{gap:24px;display:grid}.stats-grid--summary{grid-template-columns:2fr 1fr}.stats-grid--charts{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid--streaks{grid-template-columns:1.1fr 1.9fr}.section-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffdb;border:1px solid #13223814;border-radius:24px;padding:24px;box-shadow:0 16px 40px #1e375a14}.section-card__header{justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px;display:flex}.section-card__header h2{margin:0 0 4px;font-size:1.25rem}.section-card__header p{color:#55708f;margin:0}.section-card__actions{flex-wrap:wrap;gap:10px;display:flex}.button,.chip{cursor:pointer;border:none;border-radius:999px;padding:11px 16px;transition:transform .16s,opacity .16s,background .16s}.button:hover,.chip:hover{transform:translateY(-1px)}.button:disabled,.chip:disabled{cursor:not-allowed;opacity:.45;transform:none}.button--primary{color:#f8fbff;background:#1f6feb}.button--secondary,.chip{color:#183049;background:#e6edf5}.chip--active{color:#f8fbff;background:#132238}.upload-panel{align-items:center;gap:18px;display:flex}.file-picker{position:relative;overflow:hidden}.file-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-panel__meta{gap:6px;display:grid}.upload-panel__meta span{color:#55708f}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.metric-card,.fun-card{background:#f7fafc;border:1px solid #1322380f;border-radius:18px;padding:16px}.metric-card span{color:#55708f;margin-bottom:10px;display:block}.metric-card strong,.fun-card strong{font-size:1.1rem}.fun-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.fun-card h3,.heatmap-month h3,.pr-card h3{margin-top:0}.fun-card ul{color:#55708f;margin:14px 0 0;padding-left:18px}.tab-row,.chip-row{flex-wrap:wrap;gap:10px;display:flex}.tab-row--dense{margin-top:14px}.chart-frame{width:100%;height:280px}.chart-frame--large{height:360px}.empty-state,.empty-panel,.banner{color:#55708f;background:#ffffffb8;border:1px dashed #1322382e;border-radius:20px;padding:20px}.empty-panel{text-align:center}.banner--error{color:#8a1c1c;background:#fff2f2;border-style:solid}.pr-card{gap:18px;display:grid}.pr-card__headline,.pr-card__footer{justify-content:space-between;align-items:start;gap:18px;display:flex}.pr-card__headline p{color:#55708f;margin:6px 0 0}.heatmap-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.heatmap-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.heatmap-cell{color:#183049;background:#edf3f8;border-radius:8px;place-items:center;min-height:30px;font-size:.75rem;display:grid}.heatmap-cell--blank{background:0 0}.heatmap-cell--1{background:#c6e7d6}.heatmap-cell--2{background:#7ed0a5}.heatmap-cell--3{color:#fff;background:#35b972}.heatmap-cell--4{color:#fff;background:#0f8b52}@media (width<=1080px){.stats-grid--summary,.stats-grid--charts,.stats-grid--streaks,.fun-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell{padding:20px 14px 60px}.app-shell__hero,.upload-panel,.pr-card__headline,.pr-card__footer,.section-card__header{flex-direction:column}.chart-frame{height:240px}}