*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #EFF1ED;--surface: #FFFFFF;--border: rgba(21,23,26,.08);--border-md: rgba(21,23,26,.16);--ink: #15171A;--text: #15171A;--text-muted: #6B6B68;--text-hint: #A0A09C;--green: #388E3C;--green-bg: #D8F3DC;--green-dark: #1D491F;--green-text: #1D491F;--red: #B91C1C;--red-bg: #FEE2E2;--amber: #B45309;--amber-bg: #FEF3C7;--blue: #1D4ED8;--blue-bg: #DBEAFE;--score-text: #BFE7C2;--grad-from: #2D6A4F;--grad-to: #163B1C;--menu-bg: #D8F3DC;--menu-active-text: #1D491F;--menu-active-bg: white;--menu-accent: transparent;--page-bg: #EFF1ED;--badge-bg: #D8F3DC;--badge-text: #1D491F;--name-color: #1D491F}[data-gender=f]{--grad-from: #43A047;--grad-to: #2E7D32;--menu-bg: #E8F5E9;--menu-active-text: #2E7D32;--menu-active-bg: white;--menu-accent: #F9A8D4;--page-bg: #F6FBF6;--badge-bg: #E8F5E9;--badge-text: #2E7D32;--name-color: #2E7D32;--green-bg: #E8F5E9;--green-dark: #2E7D32;--green-text: #2E7D32}--score-text-urgent: #F3B3B0; --score-bg-urgent: #2B1715; --radius: 12px; --radius-sm: 8px; --radius-full: 999px; } body {font-family:Poppins,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}input,select,textarea,button{font-family:Poppins,sans-serif;font-size:14px}.display{font-family:Poppins,sans-serif;font-weight:800;letter-spacing:.3px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border-radius:var(--radius-full);border:1.5px solid var(--border-md);background:var(--surface);color:var(--text);font-weight:500;cursor:pointer;transition:all .15s;font-size:14px}.btn:hover{background:var(--bg)}.btn-primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn-primary:hover{opacity:.85;background:var(--ink)}.btn-green{background:var(--green);color:#fff;border-color:var(--green)}.btn-green:hover{opacity:.85}.btn-red{background:var(--red-bg);color:var(--red);border-color:var(--red)}.form-group{margin-bottom:14px}.form-label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:5px;font-weight:500}.form-input,.input{width:100%;padding:10px 14px;border:1.5px solid var(--border-md);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}.form-input:focus,.input:focus{border-color:var(--green)}.form-input::placeholder,.input::placeholder{color:var(--text-hint)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500}.badge-green{background:var(--green-bg);color:var(--green-dark)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.info-box{padding:10px 14px;border-radius:var(--radius-sm);font-size:13px}.info-green{background:var(--green-bg);color:var(--green-dark)}.info-red{background:var(--red-bg);color:var(--red)}.info-amber{background:var(--amber-bg);color:var(--amber)}.scoreboard{background:var(--ink);color:var(--score-text);border-radius:var(--radius-sm);padding:4px 10px;font-family:DM Mono,monospace;font-size:12.5px;font-weight:500;white-space:nowrap;display:inline-block}.scoreboard.urgent{color:var(--score-text-urgent)}.scoreboard-panel{background:var(--ink);border-radius:var(--radius);padding:16px}.scoreboard-panel.urgent{background:var(--score-bg-urgent)}.scoreboard-panel .label{color:#aca9a2;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em}.scoreboard-panel .num{font-family:DM Mono,monospace;color:var(--score-text);font-size:28px;font-weight:500}.scoreboard-panel .num.urgent{color:var(--score-text-urgent)}.scoreboard-panel .exp{color:#9c9a92;font-size:12px}.scoreboard-panel .exp.urgent{color:var(--score-text-urgent);font-weight:500}.trainer-chip{display:inline-flex;align-items:center;gap:5px;background:var(--green-bg);color:var(--green-dark);border-radius:var(--radius-full);padding:3px 9px 3px 5px;font-size:11.5px;font-weight:500}.trainer-chip .emoji{width:16px;height:16px;background:var(--surface);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px}.welcome-card{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--grad-from),var(--grad-to));color:#fff;border-radius:18px;padding:22px 20px;margin-bottom:16px;box-shadow:0 10px 24px #1d491f4d}.welcome-card:after{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);pointer-events:none}.welcome-card.amber{background:linear-gradient(160deg,#c2790f,#9a5f0b 65%,#7a4a08);box-shadow:0 10px 24px #9a5f0b47}.welcome-card .ring{width:52px;height:52px;border-radius:50%;background:#ffffff24;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:12px}.welcome-card h3{font-size:21px;margin-bottom:7px;letter-spacing:.5px}.welcome-card p{font-size:12.5px;opacity:.88;line-height:1.55;max-width:88%}.streak-hero{position:relative;border-radius:18px;padding:18px 20px;background:linear-gradient(155deg,var(--grad-from),var(--grad-to));color:#fff;box-shadow:0 10px 26px #1d491f47}.streak-hero:after{content:"";position:absolute;right:-20px;bottom:-30px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%);pointer-events:none}.month-card{border-radius:16px;padding:18px 20px;background:linear-gradient(160deg,var(--grad-from),var(--grad-to));color:#fff;box-shadow:0 8px 20px #1d491f47}