*{box-sizing:border-box;margin:0;padding:0}:root{--gold:#c9a84c;--gold-dim:#a68a3a;--gold-glow:#c9a84c4d;--bg:#0a0a0a;--bg-card:#111111b3;--bg-card-solid:#111;--bg-card-hover:#1a1a1a;--border:#ffffff0f;--text:#888;--text-bright:#f0f0f0;--danger:#ff1744;--success:#00c853;--glass:#ffffff08;--glass-border:#ffffff14}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}#root{max-width:480px;min-height:100vh;margin:0 auto}.app{flex-direction:column;min-height:100vh;padding:0 20px;display:flex}.app-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.logo{align-items:center;display:flex}.logo-img{width:auto;height:120px}.header-controls{align-items:center;gap:12px;display:flex}.alert-toggle{background:var(--glass);border:1px solid var(--glass-border);cursor:pointer;-webkit-backdrop-filter:blur(12px);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s;display:flex}.alert-toggle.on{color:var(--gold);border-color:var(--gold)}.alert-toggle.off{color:var(--text)}.alert-toggle:hover{background:var(--bg-card-hover)}.max-hr-badge{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:10px;flex-direction:column;align-items:center;padding:6px 12px;line-height:1;display:flex}.max-hr-badge-value{color:var(--text-bright);font-size:16px;font-weight:700}.max-hr-badge-label{color:var(--text);text-transform:uppercase;letter-spacing:1px;font-size:8px}.profile-setup{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:16px;margin-bottom:16px;padding:22px}.profile-title{color:var(--text-bright);margin-bottom:6px;font-size:20px;font-weight:700}.profile-subtitle{color:var(--text);margin-bottom:16px;font-size:12px}.profile-fields{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.profile-field label{color:var(--text);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:11px;display:block}.profile-field input{background:var(--bg);border:1px solid var(--glass-border);width:100%;color:var(--text-bright);border-radius:8px;padding:10px 12px;font-family:Inter,sans-serif;font-size:16px}.profile-field input:focus{border-color:var(--gold);outline:none}.gender-toggle{gap:8px;display:flex}.gender-btn{border:1px solid var(--glass-border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.gender-btn.active{border-color:var(--gold);color:var(--gold);background:#c9a84c1a}.profile-maxhr-preview{background:var(--bg);border:1px solid var(--glass-border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;margin-bottom:12px;padding:12px;display:flex}.profile-maxhr-preview.detected{border-color:var(--gold-dim)}.profile-maxhr-label{color:var(--text);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.profile-maxhr-value{color:var(--text-bright);font-size:20px;font-weight:700}.profile-maxhr-formula{width:100%;color:var(--text);font-size:11px}.btn-save-profile{background:linear-gradient(135deg, var(--gold) 0%, #d4b45c 100%);color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:12px;width:100%;padding:14px;font-size:14px;font-weight:700;transition:all .25s;box-shadow:0 4px 15px #c9a84c33}.btn-save-profile:disabled{opacity:.4;cursor:not-allowed}.zone-alert{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:2px solid;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;animation:.3s ease-out alertSlideIn;display:flex}.zone-alert.up{animation:.3s ease-out alertSlideIn,.6s ease-in-out alertPulse}.zone-alert.down{animation:.3s ease-out alertSlideIn}.zone-alert-arrow{color:var(--alert-color);font-size:18px}.zone-alert-message{color:var(--alert-color);letter-spacing:1.5px;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:16px;font-weight:600}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes alertPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.app-main{flex-direction:column;flex:1;gap:24px;padding:24px 0;display:flex}.connection-panel{text-align:center}.error-msg{color:var(--danger);background:#ff17441a;border:1px solid #ff17444d;border-radius:8px;margin-bottom:12px;padding:10px 16px;font-size:13px}.success-msg{color:var(--success);background:#00c8531a;border:1px solid #00c8534d;border-radius:8px;margin-bottom:12px;padding:10px 16px;font-size:13px}.reconnecting-banner{color:#ffab00;background:#ffab001a;border:1px solid #ffab004d;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 16px;font-size:13px;animation:1.5s ease-in-out infinite pulse-reconnect;display:flex}@keyframes pulse-reconnect{0%,to{opacity:1}50%{opacity:.6}}.btn{letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-family:Oswald,sans-serif;font-size:15px;font-weight:500;transition:all .25s;display:inline-flex}.btn-connect{background:linear-gradient(135deg, var(--gold) 0%, #d4b45c 100%);color:#000;width:100%;box-shadow:0 4px 15px #c9a84c33}.btn-connect:hover{background:linear-gradient(135deg, #d4b45c 0%, var(--gold) 100%);transform:translateY(-1px);box-shadow:0 4px 25px #c9a84c59}.btn-connect:disabled{opacity:.6;cursor:not-allowed}.spinner{border:2px solid #0000;border-top-color:#000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.device-info{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.device-status{align-items:center;gap:8px;display:flex}.status-dot{background:var(--text);border-radius:50%;width:8px;height:8px}.status-dot.connected{background:var(--success);animation:2s ease-in-out infinite blink;box-shadow:0 0 6px #00c85380}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.device-name{color:var(--text-bright);font-size:14px}.btn-disconnect{border:1px solid var(--glass-border);color:var(--text);background:0 0;padding:6px 14px;font-size:12px}.btn-disconnect:hover{border-color:var(--danger);color:var(--danger)}.hr-display{flex-direction:column;align-items:center;gap:12px;padding:24px 0;display:flex}.hr-ring-wrapper{width:220px;height:220px;position:relative}.hr-ring-svg{display:block}.hr-arc{transition:stroke-dashoffset .4s ease-out,stroke .4s}.hr-ring-text{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hr-number{color:#555;font-family:Oswald,sans-serif;font-size:72px;font-weight:700;line-height:1;transition:color .4s}.hr-unit{color:var(--text);letter-spacing:3px;text-transform:uppercase;font-size:14px}.pulse{animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hr-zone-label{letter-spacing:2px;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:22px;font-weight:600;transition:color .4s}.hr-percent{color:var(--text);font-size:13px}.hr-graph{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:22px;overflow:hidden}.hr-graph canvas{border:1px solid var(--glass-border);border-radius:10px;display:block}.workout-timer{background:var(--bg-card);border:1px solid var(--glass-border);text-align:center;-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:22px}.timer-display{color:var(--text-bright);letter-spacing:2px;margin-bottom:16px;font-family:Oswald,sans-serif;font-size:48px;font-weight:600}.workout-stats{border-bottom:1px solid var(--glass-border);justify-content:space-around;margin-bottom:20px;padding-bottom:20px;display:flex}.stat{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-value{color:var(--gold);font-family:Oswald,sans-serif;font-size:24px;font-weight:600}.stat-label{color:var(--text);letter-spacing:1.5px;text-transform:uppercase;font-size:10px}.btn-start{background:linear-gradient(135deg, var(--gold) 0%, #d4b45c 100%);color:#000;width:100%;box-shadow:0 4px 15px #c9a84c33}.btn-start:hover{background:linear-gradient(135deg, #d4b45c 0%, var(--gold) 100%);transform:translateY(-1px);box-shadow:0 4px 25px #c9a84c59}.alert-settings{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:16px;margin-bottom:16px;padding:20px;animation:.3s ease-out fadeSlideIn}.alert-settings-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.alert-settings-header .section-title{margin:0}.alert-settings-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px}.alert-settings-row{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.alert-settings-label{color:#ffffffe6;align-items:center;gap:10px;font-size:15px;display:flex}.toggle-switch{cursor:pointer;border:none;border-radius:14px;width:48px;height:28px;padding:2px;transition:background .2s;position:relative}.toggle-switch.on{background:var(--gold)}.toggle-switch.off{background:#ffffff26}.toggle-knob{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;display:block;box-shadow:0 1px 3px #0000004d}.toggle-switch.on .toggle-knob{transform:translate(20px)}.toggle-switch.off .toggle-knob{transform:translate(0)}.volume-row{gap:12px}.volume-label{color:#fff9;min-width:50px;font-size:13px}.volume-slider{appearance:none;background:#ffffff26;border-radius:2px;outline:none;flex:1;height:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #0000004d}.tone-picker{border-top:1px solid var(--glass-border);padding:12px 0}.tone-picker-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;display:block}.tone-picker-options{flex-wrap:wrap;gap:6px;display:flex}.tone-option{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;padding:6px 14px;font-size:13px;transition:all .2s}.tone-option:hover{color:#fff;background:#ffffff1f}.tone-option.active{background:var(--gold);border-color:var(--gold);color:#000;font-weight:600}.sound-preview-section{padding:8px 0}.sound-preview-grid{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.sound-preview-grid .tone-option{padding:6px 12px;font-size:12px}.btn-stop{background:linear-gradient(135deg, var(--danger) 0%, #ff3d5a 100%);color:#fff;width:100%;box-shadow:0 4px 15px #ff174433}.btn-stop:hover{background:linear-gradient(135deg, #ff3d5a 0%, var(--danger) 100%);transform:translateY(-1px);box-shadow:0 4px 25px #ff174459}.zone-bar{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:22px;animation:.3s ease-out fadeSlideIn}.zone-bar-title,.section-title{color:var(--text);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;font-family:Oswald,sans-serif;font-size:13px;font-weight:400}.zone-segments{flex-direction:column;gap:6px;display:flex}.zone-segment{border-left:3px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .35s;display:flex}.zone-segment.active{border-left-width:3px}.zone-segment-header{align-items:center;gap:8px;display:flex}.zone-dot{border-radius:50%;width:8px;height:8px}.zone-name{color:var(--text-bright);font-size:13px;font-weight:500}.zone-range{color:var(--text);font-size:11px}.zone-time{color:var(--text);letter-spacing:.5px;font-family:Oswald,sans-serif;font-size:14px}.zone-segment.active .zone-time{color:var(--text-bright)}.workout-history{margin-top:4px}.history-card{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:12px;margin-bottom:10px;padding:16px 18px;transition:all .25s}.history-card-tap{cursor:pointer}.trimp-score-block{flex-direction:column;align-items:center;gap:4px;margin:16px 0 8px;display:flex}.trimp-score-value{font-family:Oswald,sans-serif;font-size:3rem;font-weight:800;line-height:1}.trimp-score-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text);font-size:.75rem}.trimp-tier-badge{color:#000;text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:3px 14px;font-size:.75rem;font-weight:700;display:inline-block}.history-trimp{font-size:.8rem;font-weight:700}.history-card:hover{background:var(--bg-card-hover)}.history-hint{color:var(--text);opacity:.4;text-align:center;margin-top:6px;font-size:10px}.history-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.history-header-right{align-items:center;gap:8px;display:flex}.history-sport{color:var(--gold);letter-spacing:1px;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:13px;font-weight:500}.btn-delete-workout{color:var(--text);cursor:pointer;opacity:.4;background:0 0;border:none;padding:4px;transition:all .2s}.btn-delete-workout:hover{opacity:1;color:var(--danger)}.history-confirm{gap:6px;display:flex}.btn-confirm-delete{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:600}.btn-cancel-delete{background:var(--bg);color:var(--text);border:1px solid var(--glass-border);cursor:pointer;border-radius:4px;padding:3px 10px;font-size:11px}.history-date{color:var(--text);letter-spacing:.5px;font-size:11px}.history-stats{color:var(--text);gap:16px;font-size:13px;display:flex}.history-stats span:first-child{color:var(--text-bright);font-weight:500}.sport-selector{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:22px;animation:.3s ease-out fadeSlideIn}.sport-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.sport-card{border:1px solid var(--glass-border);cursor:pointer;background:#ffffff05;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;font-family:Inter,sans-serif;transition:all .25s;display:flex}.sport-card:hover{background:var(--bg-card-hover);border-color:#333}.sport-card.active{border-color:var(--gold);background:#c9a84c0f;box-shadow:0 0 12px #c9a84c1a}.sport-icon{font-size:22px;line-height:1}.sport-name{color:var(--text);text-align:center;letter-spacing:.3px;font-size:10px;line-height:1.2}.sport-card.active .sport-name{color:var(--gold);font-weight:500}.btn-more-sports{border:1px dashed var(--glass-border);width:100%;color:var(--text);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#ffffff08;border-radius:10px;margin-top:10px;padding:10px;font-family:Oswald,sans-serif;font-size:13px;transition:all .25s;display:block}.btn-more-sports:hover{border-color:var(--gold);color:var(--gold)}.sport-grid-extra{margin-top:10px;animation:.3s ease-out fadeSlideIn}.sport-detail{border-top:1px solid var(--glass-border);align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.sport-detail-name{color:var(--gold);letter-spacing:1px;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:14px;font-weight:600}.sport-detail-desc{color:var(--text);flex:1;font-size:12px}.sport-detail-zone{color:var(--text);white-space:nowrap;background:#c9a84c14;border:1px solid #c9a84c26;border-radius:4px;padding:3px 8px;font-size:11px}.class-setup{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:22px}.class-mode-buttons{flex-direction:column;gap:10px;display:flex}.btn-coach{background:linear-gradient(135deg, var(--gold) 0%, #d4b45c 100%);color:#000;width:100%;box-shadow:0 4px 15px #c9a84c33}.btn-coach:hover{background:linear-gradient(135deg, #d4b45c 0%, var(--gold) 100%);transform:translateY(-1px);box-shadow:0 4px 25px #c9a84c59}.btn-join{border:2px solid var(--gold);color:var(--gold);background:0 0;width:100%}.btn-join:hover{background:#c9a84c1a}.class-back{color:var(--text);cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:0;font-family:Inter,sans-serif;font-size:13px}.class-back:hover{color:var(--gold)}.class-form{flex-direction:column;gap:10px;display:flex}.class-input{background:var(--bg);border:1px solid var(--glass-border);color:var(--text-bright);border-radius:8px;padding:12px 14px;font-family:Inter,sans-serif;font-size:14px}.class-input:focus{border-color:var(--gold);outline:none}.code-input{text-align:center;letter-spacing:6px;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:20px}.class-active-bar{color:var(--text);background:#c9a84c14;border:1px solid #c9a84c33;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.class-active-bar strong{color:var(--gold);letter-spacing:2px;font-family:Oswald,sans-serif}.class-active-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite blink;box-shadow:0 0 6px #00c85380}.btn-leave-class{border:1px solid var(--glass-border);color:var(--text);letter-spacing:1px;cursor:pointer;background:0 0;border-radius:6px;margin-left:auto;padding:4px 12px;font-family:Oswald,sans-serif;font-size:12px}.btn-leave-class:hover{border-color:var(--danger);color:var(--danger)}.coach-badge{color:#000;background:var(--gold);letter-spacing:2px;border-radius:6px;padding:4px 12px;font-family:Oswald,sans-serif;font-size:12px;font-weight:600}.coach-dashboard{flex-direction:column;gap:16px;display:flex}.coach-header{align-items:center;gap:12px;display:flex}.coach-session-info{flex:1}.coach-code-label{color:var(--text);letter-spacing:1.5px;text-transform:uppercase;font-size:10px}.coach-code{color:var(--gold);letter-spacing:4px;font-family:Oswald,sans-serif;font-size:28px;font-weight:700}.coach-timer{color:var(--text-bright);letter-spacing:1px;font-family:Oswald,sans-serif;font-size:24px;font-weight:500}.btn-end-class{background:var(--danger);color:#fff;padding:8px 16px;font-size:12px}.btn-end-class:hover{background:#ff3d5a}.coach-stats-bar{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:14px;justify-content:space-around;padding:16px;display:flex}.coach-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.coach-stat-value{color:var(--gold);font-family:Oswald,sans-serif;font-size:26px;font-weight:600}.coach-stat-label{color:var(--text);letter-spacing:1.5px;font-size:10px}.coach-waiting{text-align:center;background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:40px 20px}.coach-waiting-text{color:var(--text);margin-bottom:12px;font-size:15px}.coach-waiting-code{color:var(--text);font-size:13px}.coach-waiting-code strong{color:var(--gold);letter-spacing:3px;font-family:Oswald,sans-serif;font-size:18px}.participant-grid{flex-direction:column;gap:8px;display:flex}.participant-card{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-left:4px solid #333;border-radius:14px;padding:16px 18px;transition:all .35s}.participant-card.stale{opacity:.5}.participant-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.participant-name{color:var(--text-bright);letter-spacing:.5px;font-family:Oswald,sans-serif;font-size:16px;font-weight:500}.participant-zone{letter-spacing:1px;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:12px;font-weight:600}.participant-hr{align-items:baseline;gap:4px;margin-bottom:6px;display:flex}.participant-bpm{font-family:Oswald,sans-serif;font-size:36px;font-weight:700;line-height:1}.participant-bpm-label{color:var(--text);letter-spacing:1px;font-size:11px}.participant-stats{color:var(--text);gap:12px;font-size:11px;display:flex}.participant-stale{color:var(--danger);margin-top:4px;font-size:11px}.participant-status{margin-left:6px;font-size:14px}.participant-fatigue{color:var(--danger);margin-top:4px;font-size:10px;font-weight:600}.participant-recovery{color:var(--success);margin-top:2px;font-size:10px}.coach-zone-dist{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:10px;padding:12px 14px}.coach-zone-bar{border-radius:6px;height:12px;margin-bottom:8px;display:flex;overflow:hidden}.coach-zone-segment{min-width:3px;transition:width .5s}.coach-zone-legend{flex-wrap:wrap;gap:10px;display:flex}.coach-zone-legend-item{color:var(--text);align-items:center;gap:4px;font-size:11px;display:flex}.coach-zone-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.coach-suggestions{flex-direction:column;gap:8px;display:flex}.coach-suggestion{border:1px solid;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;animation:.3s fadeIn;display:flex}.coach-suggestion-icon{flex-shrink:0;font-size:18px;line-height:1.4}.coach-suggestion-text{font-size:13px;font-weight:500;line-height:1.5}.cp-container{animation:.3s ease-out fadeSlideIn}.cp-loading,.cp-empty{color:var(--text);text-align:center;padding:24px 0;font-size:14px}.cp-member-card{background:var(--bg-card);border:1px solid var(--glass-border);cursor:pointer;text-align:left;width:100%;color:inherit;-webkit-backdrop-filter:blur(12px);border-radius:14px;margin-bottom:10px;padding:16px 18px;font-family:inherit;transition:all .25s;display:block}.cp-member-card:hover{border-color:var(--gold);background:var(--bg-card-hover)}.cp-member-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cp-member-name{color:var(--text-bright);letter-spacing:.5px;font-family:Oswald,sans-serif;font-size:17px;font-weight:600}.cp-member-sessions{color:var(--text);font-size:12px}.cp-member-stats{align-items:center;gap:16px;display:flex}.cp-member-stat{flex-direction:column;gap:2px;display:flex}.cp-member-stat-value{color:var(--gold);font-family:Oswald,sans-serif;font-size:16px;font-weight:600}.cp-member-stat-label{color:var(--text);letter-spacing:1px;font-size:9px}.cp-member-sparkline{margin-left:auto}.cp-detail{animation:.3s ease-out fadeSlideIn}.cp-detail-header{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.cp-detail-name{color:var(--text-bright);letter-spacing:1px;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:24px;font-weight:700}.cp-detail-count{color:var(--text);font-size:13px}.cp-detail-stats{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;padding:16px;display:grid}.cp-detail-stat{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.cp-detail-stat-value{color:var(--gold);font-family:Oswald,sans-serif;font-size:22px;font-weight:600}.cp-detail-stat-label{color:var(--text);letter-spacing:1px;font-size:9px}.cp-detail-chart{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 18px;display:flex}.cp-detail-chart-label{color:var(--text);letter-spacing:1px;text-transform:uppercase;font-size:11px}.cp-history-list{margin-top:16px}.cp-history-title{color:var(--text);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-size:11px;display:block}.cp-history-row{border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.cp-history-date{color:var(--text);min-width:50px}.cp-history-duration{color:var(--text);min-width:30px}.cp-history-trimp{text-align:right;min-width:30px;font-family:Oswald,sans-serif;font-size:15px;font-weight:600}.cp-history-hr{color:var(--text);margin-left:auto}.cp-history-cal{color:var(--text);text-align:right;min-width:55px}.btn-coach-toggle{border:1px solid var(--glass-border);color:var(--text);letter-spacing:1px;background:0 0;padding:6px 14px;font-size:11px}.btn-coach-toggle.active,.btn-coach-toggle:hover{border-color:var(--gold);color:var(--gold)}.recovery-card{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:22px;animation:.3s ease-out fadeSlideIn}.recovery-top{align-items:center;gap:20px;margin-bottom:20px;display:flex}.recovery-ring-wrapper{flex-shrink:0;width:100px;height:100px;position:relative}.recovery-ring-wrapper svg{display:block}.recovery-ring-text{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.recovery-score{font-family:Oswald,sans-serif;font-size:36px;font-weight:700;line-height:1}.recovery-status-info{flex-direction:column;gap:4px;display:flex}.recovery-status{letter-spacing:2px;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:22px;font-weight:700}.recovery-advice{color:var(--text);font-size:13px;line-height:1.4}.recovery-metrics{border-top:1px solid var(--glass-border);grid-template-columns:repeat(4,1fr);gap:8px;padding-top:16px;display:grid}.recovery-metric{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.recovery-metric-value{color:var(--text-bright);font-family:Oswald,sans-serif;font-size:18px;font-weight:600}.recovery-metric-label{color:var(--text);letter-spacing:1px;text-transform:uppercase;font-size:9px}.interval-timer{background:var(--bg-card);border:1px solid var(--glass-border);text-align:center;-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:28px 22px;animation:.3s ease-out fadeSlideIn}.interval-timer.interval-work{border-color:#c9a84c4d;box-shadow:0 0 30px #c9a84c14}.interval-timer.interval-rest{border-color:#4a9eff4d;box-shadow:0 0 30px #4a9eff14}.interval-timer.interval-done{border-color:#00c8534d}.interval-preset{color:var(--text);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:12px}.interval-phase-label{letter-spacing:4px;text-transform:uppercase;margin-bottom:8px;font-family:Oswald,sans-serif;font-size:28px;font-weight:700}.interval-work .interval-phase-label{color:var(--gold)}.interval-rest .interval-phase-label{color:#4a9eff}.interval-done .interval-phase-label{color:var(--success)}.interval-countdown{margin-bottom:16px;font-family:Oswald,sans-serif;font-size:72px;font-weight:700;line-height:1}.interval-work .interval-countdown{color:var(--gold)}.interval-rest .interval-countdown{color:#4a9eff}.interval-progress-track{background:#ffffff14;border-radius:3px;width:100%;height:6px;margin-bottom:16px;overflow:hidden}.interval-progress-fill{border-radius:3px;height:100%;transition:width .3s linear}.interval-round-info{color:var(--text-bright);letter-spacing:1px;margin-bottom:4px;font-family:Oswald,sans-serif;font-size:18px;font-weight:500}.interval-meta{color:var(--text);letter-spacing:.5px;font-size:12px}.interval-builder{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:22px;animation:.3s ease-out fadeSlideIn}.interval-builder-header{margin-bottom:4px}.interval-presets{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.interval-fields{gap:12px;margin-bottom:16px;display:flex}.interval-field{text-align:center;flex:1}.interval-field label{color:var(--text);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:11px;display:block}.interval-stepper{border:1px solid var(--glass-border);background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;gap:0;display:flex;overflow:hidden}.interval-stepper button{width:36px;height:40px;color:var(--gold);cursor:pointer;background:0 0;border:none;font-size:18px;font-weight:700;transition:background .2s}.interval-stepper button:hover{background:#c9a84c1a}.interval-stepper span{color:var(--text-bright);text-align:center;flex:1;font-family:Oswald,sans-serif;font-size:22px;font-weight:600}.interval-total{text-align:center;color:var(--text);margin-bottom:16px;font-size:13px}.interval-push-btn,.interval-clear-btn{width:100%}.interval-active-msg{color:var(--success);text-align:center;margin-bottom:16px;font-size:14px}.app-footer{text-align:center;border-top:1px solid var(--glass-border);color:var(--text);letter-spacing:1.5px;flex-direction:column;align-items:center;gap:2px;padding:24px 0;font-size:11px;display:flex}.footer-logo{width:auto;height:56px;margin-bottom:6px}.summary-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:16px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.summary-modal{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:16px;width:100%;max-width:400px;max-height:90vh;padding:24px;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.summary-title{color:var(--gold);text-align:center;margin-bottom:4px;font-size:22px;font-weight:700}.summary-sport{text-align:center;color:var(--text);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:12px}.summary-stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.summary-stat{background:var(--bg);text-align:center;border-radius:10px;padding:12px}.summary-stat-value{color:var(--text-bright);font-size:22px;font-weight:700;display:block}.summary-stat-label{color:var(--text);text-transform:uppercase;letter-spacing:1px;font-size:10px}.summary-peak{border:1px solid;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 14px;display:flex}.summary-peak-label{color:var(--text);text-transform:uppercase;letter-spacing:1px;font-size:11px}.summary-peak-value{font-size:18px;font-weight:700}.summary-zones{margin-bottom:16px}.summary-zones-title{color:var(--text);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:11px}.summary-zone-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.summary-zone-info{align-items:center;gap:6px;min-width:110px;display:flex}.summary-zone-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.summary-zone-name{color:var(--text-bright);font-size:12px}.summary-zone-time{color:var(--text);margin-left:auto;font-size:10px}.summary-zone-bar-bg{background:var(--bg);border-radius:3px;flex:1;height:6px;overflow:hidden}.summary-zone-bar-fill{border-radius:3px;height:100%;transition:width .5s}.summary-zone-pct{color:var(--text);text-align:right;width:32px;font-size:11px;font-weight:600}.summary-motivation{background:var(--bg);border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:14px;display:flex}.summary-motivation-emoji{flex-shrink:0;font-size:24px}.summary-motivation-text{color:var(--text-bright);font-size:13px;line-height:1.5}.summary-actions{gap:10px;margin-top:4px;display:flex}.summary-actions .btn-save-profile{flex:1}.btn-share{border:2px solid var(--gold);color:var(--gold);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-family:Oswald,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-share:hover{background:#c9a84c1a}.btn-share:disabled{opacity:.4;cursor:not-allowed}.weekly-summary{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;margin-bottom:16px;padding:16px}.weekly-stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.weekly-stat{text-align:center}.weekly-stat-value{color:var(--text-bright);font-size:18px;font-weight:700;display:block}.weekly-stat-label{color:var(--text);text-transform:uppercase;letter-spacing:.5px;font-size:9px}.weekly-zones{margin-bottom:12px}.weekly-zone-bar{border-radius:5px;height:10px;margin-bottom:8px;display:flex;overflow:hidden}.weekly-zone-segment{min-width:2px;transition:width .3s}.weekly-zone-legend{flex-wrap:wrap;gap:8px;display:flex}.weekly-zone-legend-item{color:var(--text);align-items:center;gap:4px;font-size:10px;display:flex}.weekly-tips{flex-direction:column;gap:8px;display:flex}.weekly-tip{background:var(--bg);border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.weekly-tip-icon{flex-shrink:0;font-size:16px}.weekly-tip-text{color:var(--text-bright);font-size:12px;line-height:1.5}.rest-timer-pill{border:2px solid var(--gold);color:var(--gold);letter-spacing:3px;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:24px;justify-content:center;align-self:center;align-items:center;padding:8px 28px;font-family:Oswald,sans-serif;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.rest-timer-pill:hover{box-shadow:0 0 16px var(--gold-glow);background:#c9a84c1a}.rest-timer-pill:active{transform:scale(.96)}.rest-timer-overlay{z-index:900;background:#000000eb;justify-content:center;align-items:center;padding:16px;animation:.3s restFadeIn;display:flex;position:fixed;inset:0}.rest-timer-overlay.rest-timer-go{animation:.5s restGoFlash}@keyframes restFadeIn{0%{opacity:0}to{opacity:1}}@keyframes restGoFlash{0%{background:#000000eb}30%{background:#00c85340}to{background:#000000eb}}.rest-timer-card{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:320px;display:flex}.rest-timer-target-row{align-items:center;gap:16px;display:flex}.rest-timer-adj{background:var(--bg-card);border:1px solid var(--glass-border);width:40px;height:40px;color:var(--text-bright);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:20px;font-weight:700;transition:all .2s;display:flex}.rest-timer-adj:hover{border-color:var(--gold);color:var(--gold)}.rest-timer-adj:active{transform:scale(.92)}.rest-timer-target-label{color:var(--text);letter-spacing:2px;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:14px;font-weight:500}.rest-timer-target-value{color:var(--gold);margin:0 4px;font-size:18px;font-weight:700}.rest-timer-ring-wrap{width:200px;height:200px;position:relative}.rest-timer-ring{display:block}.rest-timer-ring-inner{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rest-timer-hr{color:var(--text-bright);font-family:Oswald,sans-serif;font-size:64px;font-weight:700;line-height:1}.rest-timer-hr-unit{color:var(--text);letter-spacing:3px;text-transform:uppercase;font-size:13px}.rest-timer-go-text{color:var(--success);font-family:Oswald,sans-serif;font-size:72px;font-weight:700;line-height:1;animation:.6s ease-in-out infinite restGoPulse}@keyframes restGoPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.1)}}.rest-timer-elapsed{color:var(--text);letter-spacing:2px;font-family:Oswald,sans-serif;font-size:28px;font-weight:500}.rest-timer-cancel{border:1px solid var(--glass-border);color:var(--text);letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:8px;padding:10px 32px;font-family:Oswald,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.rest-timer-cancel:hover{border-color:var(--danger);color:var(--danger)}.rest-timer-tap-hint{color:var(--text);letter-spacing:.5px;font-size:13px;animation:1.5s ease-in-out infinite restHintBlink}@keyframes restHintBlink{0%,to{opacity:1}50%{opacity:.4}}.ft-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;padding:16px}.ft-top-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ft-score-section{align-items:center;gap:12px;display:flex}.ft-score-ring{flex-shrink:0;width:64px;height:64px;position:relative}.ft-score-value{justify-content:center;align-items:center;font-family:Oswald,sans-serif;font-size:22px;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.ft-score-meta{flex-direction:column;gap:2px;display:flex}.ft-score-label{color:var(--text);letter-spacing:1.5px;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:12px;font-weight:500}.ft-score-desc{color:var(--text);opacity:.7;font-size:11px}.ft-intensity{background:var(--bg);border-radius:8px;flex-direction:column;align-items:center;min-width:56px;padding:8px 12px;display:flex}.ft-intensity-value{color:var(--text-bright);font-family:Oswald,sans-serif;font-size:18px;font-weight:600;line-height:1}.ft-intensity-label{color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:9px}.ft-hr-section{background:var(--bg);border-radius:8px;margin-bottom:14px;padding:12px}.ft-hr-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ft-hr-title{color:var(--text);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:500}.ft-trend-badge{letter-spacing:.5px;border:1px solid;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:flex}.ft-trend-arrow{font-size:13px;font-weight:700}.ft-hr-row{align-items:center;gap:12px;display:flex}.ft-sparkline{flex-shrink:0}.ft-hr-latest{flex-direction:column;align-items:center;display:flex}.ft-hr-latest-value{color:var(--text-bright);font-family:Oswald,sans-serif;font-size:24px;font-weight:600;line-height:1}.ft-hr-latest-unit{color:var(--text);text-transform:uppercase;letter-spacing:1px;font-size:9px}.ft-hr-subtitle{color:var(--text);opacity:.5;margin-top:6px;font-size:10px;display:block}.ft-consistency{background:var(--bg);border-radius:8px;padding:12px}.ft-consistency-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ft-consistency-title{color:var(--text);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:500}.ft-consistency-total{color:var(--text);opacity:.6;font-size:10px}.ft-week-bars{display:block}.battle-container{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;padding:20px}.battle-mode-buttons{flex-direction:column;gap:10px;display:flex}.btn-battle-create{background:var(--danger);color:#fff;width:100%}.btn-battle-create:hover{background:#ff3d5a;box-shadow:0 0 20px #ff17444d}.btn-battle-join{border:2px solid var(--danger);color:var(--danger);background:0 0;width:100%}.btn-battle-join:hover{background:#ff174414}.btn-battle-go{background:var(--danger);color:#fff;width:100%}.btn-battle-go:hover{background:#ff3d5a;box-shadow:0 0 20px #ff17444d}.btn-battle-go:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.battle-code-bar{border-bottom:1px solid var(--glass-border);align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;display:flex}.battle-code-label{color:var(--text);letter-spacing:2px;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:11px;font-weight:600}.battle-code-value{color:var(--danger);letter-spacing:4px;font-family:Oswald,sans-serif;font-size:22px;font-weight:700}.battle-waiting{color:var(--text);margin-left:auto;font-size:12px;animation:1.5s ease-in-out infinite blink}.battle-arena{align-items:stretch;gap:0;margin-bottom:16px;display:flex}.battle-player{background:var(--bg);border:2px solid var(--border);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:16px 8px;transition:all .4s;display:flex}.battle-player-leading{border-color:var(--gold);box-shadow:0 0 20px var(--gold-glow), 0 0 40px #c9a84c1a}.battle-player-name{color:var(--text-bright);letter-spacing:1px;text-transform:uppercase;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:Oswald,sans-serif;font-size:14px;font-weight:600;overflow:hidden}.battle-hr{font-family:Oswald,sans-serif;font-size:48px;font-weight:700;line-height:1;transition:color .3s}.battle-zone{letter-spacing:1.5px;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:13px;font-weight:600;transition:color .3s}.battle-stat{flex-direction:column;align-items:center;gap:1px;display:flex}.battle-stat-value{color:var(--text-bright);font-family:Oswald,sans-serif;font-size:20px;font-weight:600}.battle-stat-label{color:var(--text);letter-spacing:1.5px;text-transform:uppercase;font-size:9px}.battle-vs{flex-shrink:0;justify-content:center;align-items:center;width:44px;display:flex}.battle-vs span{color:var(--danger);letter-spacing:2px;text-shadow:0 0 12px #ff174466;font-family:Oswald,sans-serif;font-size:18px;font-weight:700}.battle-player-waiting{opacity:.3;flex-direction:column;align-items:center;gap:6px;display:flex}.btn-end-battle{border:2px solid var(--danger);color:var(--danger);background:0 0;width:100%;font-size:13px}.btn-end-battle:hover{background:var(--danger);color:#fff}.battle-end-screen{flex-direction:column;align-items:center;gap:16px;display:flex}.battle-end-title{color:var(--danger);letter-spacing:4px;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:28px;font-weight:700;animation:1.5s ease-in-out battleEndPulse}@keyframes battleEndPulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.battle-winner-text{color:var(--text-bright);letter-spacing:1px;font-family:Oswald,sans-serif;font-size:20px;font-weight:600}.battle-winner-gold{color:var(--gold);text-shadow:0 0 16px var(--gold-glow)}.battle-results-table{flex-direction:column;gap:6px;width:100%;display:flex}.battle-results-header{color:var(--text);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--glass-border);justify-content:space-between;padding:8px 12px;font-family:Oswald,sans-serif;font-size:12px;font-weight:600;display:flex}.battle-results-header span{text-align:center;flex:1}.battle-results-row{background:var(--bg);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.battle-results-val{text-align:center;color:var(--text);flex:1;font-family:Oswald,sans-serif;font-size:18px;font-weight:600}.battle-results-win{color:var(--gold)}.battle-results-label{text-align:center;color:var(--text);letter-spacing:.5px;text-transform:uppercase;flex:1;font-size:11px}.btn-battle-new{background:var(--danger);color:#fff;width:100%;margin-top:8px}.btn-battle-new:hover{background:#ff3d5a;box-shadow:0 0 20px #ff17444d}.pb-card{background:var(--bg-card);border:1px solid var(--glass-border);box-sizing:border-box;border-radius:12px;max-width:100%;margin-top:16px;padding:16px;overflow:hidden}.pb-trophy{margin-right:6px}.pb-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-width:100%;display:grid;overflow:hidden}@media (width>=600px){.pb-grid{grid-template-columns:repeat(3,1fr)}}.pb-record{background:var(--bg);border:1px solid var(--glass-border);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:14px 12px 12px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.pb-record.pb-new-record{border-color:var(--gold);box-shadow:0 0 14px var(--gold-glow), 0 0 28px #c9a84c1f;animation:2s ease-in-out infinite pbGlow}@keyframes pbGlow{0%,to{box-shadow:0 0 14px var(--gold-glow), 0 0 28px #c9a84c1f}50%{box-shadow:0 0 22px var(--gold-glow), 0 0 40px #c9a84c33}}.pb-icon{font-size:20px;line-height:1}.pb-value{color:var(--gold);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:Oswald,sans-serif;font-size:24px;font-weight:700;line-height:1.1;overflow:hidden}.pb-unit{opacity:.75;margin-left:3px;font-size:13px;font-weight:500}.pb-label{color:var(--text);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:500}.pb-meta{color:var(--text);opacity:.55;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;line-height:1.3;overflow:hidden}.pb-new-badge{background:var(--gold);color:var(--bg);letter-spacing:1.5px;border-radius:4px;padding:2px 6px;font-family:Oswald,sans-serif;font-size:9px;font-weight:700;line-height:1;position:absolute;top:6px;right:6px}