*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--text:#0f172a;--text-muted:#64748b;--primary:#2563eb;--primary-light:#eff6ff;--color-success:#16a34a;--color-warning:#f59e0b;--color-success-bg:#f0fdf4;--color-warning-bg:#fffbeb;--cell-rest:#e9d5ff;--cell-run:#fff;--cell-pace:#bbf7d0;--cell-long:#bfdbfe;--cell-quality:#fde68a;--cell-marathon:#fef3c7;--cell-race:#fee2e2;--cell-walk:#ccfbf1;--cell-empty:#f8fafc;--nav-h:64px;--header-h:60px;--radius:12px;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f}body{background:var(--bg);color:var(--text);min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-header{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:12px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.app-header h1{flex:1;font-size:18px;font-weight:700}.header-badge{background:var(--primary-light);color:var(--primary);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.app-nav{height:var(--nav-h);background:var(--surface);border-top:1px solid var(--border);z-index:100;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.nav-btn .icon{font-size:20px}.nav-btn.active{color:var(--primary)}.page{padding:calc(var(--header-h) + 16px) 16px calc(var(--nav-h) + 16px);max-width:600px;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card+.card{margin-top:12px}.card-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:12px;font-size:12px;font-weight:600}.big-number{font-size:40px;font-weight:800;line-height:1}.unit{color:var(--text-muted);font-size:18px;font-weight:500}.activity-pill{color:#fff;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.day-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.day-row:last-child{border-bottom:none}.day-row.today-row{background:var(--primary-light);border-left:3px solid var(--primary);margin:0 -16px;padding:10px 16px 10px 13px}.day-label{width:36px;color:var(--text-muted);flex-shrink:0;font-size:13px;font-weight:600}.day-label.today{color:var(--primary)}.day-activity{flex:1;font-size:13px}.day-planned{color:var(--text-muted);font-size:12px}.day-actual{color:var(--color-success);font-size:13px;font-weight:600}.day-actual.over{color:#dc2626}.progress-bar-wrap{background:var(--border);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.progress-bar{border-radius:3px;height:100%;transition:width .3s}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn:hover{opacity:.85}.btn-primary{background:var(--primary);color:#fff}.btn-ghost{background:var(--border);color:var(--text)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.form-field{margin-bottom:16px}.form-label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-size:15px}.form-input:focus{outline:2px solid var(--primary);outline-offset:-1px}.week-grid{grid-template-columns:repeat(7,1fr);gap:4px;margin-top:12px;display:grid}.week-cell{aspect-ratio:1;background:var(--border);color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.week-cell.done{color:var(--color-success);background:#dcfce7}.week-cell.partial{color:#854d0e;background:#fef9c3}.week-cell.rest{background:var(--bg);color:var(--text-muted)}.week-cell.today-cell{outline:2px solid var(--primary)}.plan-week-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.plan-week-row:last-child{border-bottom:none}.plan-week-num{width:60px;font-size:13px;font-weight:700}.plan-week-num.current{color:var(--primary)}.plan-week-bar{flex:1}.plan-week-km{text-align:right;width:48px;color:var(--text-muted);font-size:13px}.toast{bottom:calc(var(--nav-h) + 12px);color:#fff;z-index:200;opacity:0;pointer-events:none;white-space:nowrap;background:#1e293b;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:opacity .2s;position:fixed;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.empty{text-align:center;color:var(--text-muted);padding:32px 16px;font-size:14px}.stat-row{gap:12px;display:flex}.stat{flex:1}.stat-value{font-size:24px;font-weight:700}.stat-label{color:var(--text-muted);margin-top:2px;font-size:12px}.dark-toggle{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:18px;transition:background .15s}.dark-toggle:hover{background:var(--border)}:root.dark{--bg:#0f172a;--surface:#1e293b;--border:#334155;--text:#f1f5f9;--text-muted:#94a3b8;--primary-light:#1e3a5f;--color-success-bg:#16a34a2e;--color-warning-bg:#f59e0b2e;--cell-rest:#8b5cf633;--cell-run:var(--surface);--cell-pace:#10b98133;--cell-long:#3b82f633;--cell-quality:#f59e0b33;--cell-marathon:#f59e0b26;--cell-race:#dc262633;--cell-walk:#14b8a633;--cell-empty:#ffffff08}:root.dark .form-input{color:#f1f5f9;background:#0f172a}:root.dark .week-cell{background:#334155}:root.dark .week-cell.rest{background:#1e293b}