@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');:root{color-scheme:dark;--bg-main:#0a0d14;--bg-surface:#121722;--bg-card:#161c28;--bg-card-hover:#1a2232;--bg-input:#182030;--bg-dark:#121622;--primary:#e11d48;--primary-gradient:linear-gradient(135deg,#f43f5e 0%,#be123c 100%);--primary-glow:rgba(225,29,72,0.3);--accent:#ff4500;--accent-gradient:linear-gradient(135deg,#ff4500 0%,#c0392b 100%);--success:#10b981;--success-gradient:linear-gradient(135deg,#10b981 0%,#047857 100%);--warning:#f59e0b;--danger:#ef4444;--danger-gradient:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);--text-main:#f3f4f6;--text-muted:#9ca3af;--text-subtle:#6b7280;--border-color:rgba(255,255,255,0.08);--border-hover:rgba(244,63,94,0.3);--glass-border-light:rgba(255,255,255,0.12);--glass-bg-subtle:rgba(255,255,255,0.06);--glass-bg-hover:rgba(255,255,255,0.08);--shadow-card:0 2px 8px rgba(0,0,0,0.25);--glass-blur:blur(16px);--glass-blur-sm:blur(8px);--glass-card-bg:#161c28;--color-success:#10b981;--color-success-strong:#34d399;--color-success-soft:rgba(16,185,129,0.15);--color-success-glow:rgba(16,185,129,0.3);--color-warning:#f59e0b;--color-warning-strong:#fbbf24;--color-warning-soft:rgba(245,158,11,0.15);--color-warning-glow:rgba(245,158,11,0.3);--color-danger:#ef4444;--color-danger-strong:#f87171;--color-danger-soft:rgba(239,68,68,0.15);--color-danger-glow:rgba(239,68,68,0.3);--color-info:#3b82f6;--color-info-strong:#60a5fa;--color-info-soft:rgba(59,130,246,0.15);--color-info-glow:rgba(59,130,246,0.3);--color-purple:#a855f7;--color-purple-strong:#c084fc;--color-purple-soft:rgba(168,85,247,0.15);--color-purple-glow:rgba(168,85,247,0.3);--color-orange:#fb923c;--color-orange-strong:#fb923c;--color-orange-soft:rgba(251,146,60,0.15);--color-orange-glow:rgba(251,146,60,0.3);--text-on-accent:#ffffff;--sidebar-width:260px;--mobile-nav-height:64px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-medium:0.35s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.45s cubic-bezier(0.34,1.56,0.64,1);--text-primary:#f3f4f6;--bg-surface-elevated:#1a2232;--icon-size:20px;--icon-size-sm:16px;--icon-size-lg:24px;--icon-stroke-width:2;--max-content-width:860px;--card-padding:1.25rem;--hover-overlay-light:rgba(255,255,255,0.05);--hover-overlay-medium:rgba(255,255,255,0.12);--hover-overlay-strong:rgba(255,255,255,0.18);--medal-bronze:#CD7F32;--medal-silver:#C0C0C0;--medal-gold:#FFD700;--medal-platinum:#E5E4E2;--medal-diamond:#B9F2FF;--medal-ruby:#E0115F;--medal-emerald:#50C878;--medal-sapphire:#0F52BA;--medal-amethyst:#9966CC;--medal-crimson:#8B0000;--medal-orange:#FF4500;--medal-lavender:#E6E6FA;--medal-sky:#87CEEB;--medal-sienna:#8B4513;}@keyframes fadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}@keyframes scaleUp{from{transform:scale(0.92);}to{transform:scale(1);}}@keyframes scaleDown{from{transform:scale(1);}to{transform:scale(0.92);}}@keyframes pulseBadge{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.35);opacity:0.8;}}@keyframes pulseHint{0%,100%{opacity:0.7;transform:translateY(-50%) scale(1);}50%{opacity:1;transform:translateY(-50%) scale(1.08);}}@keyframes blinkWarning{0%,100%{opacity:1;}50%{opacity:0.4;}}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes shimmer{0%,100%{opacity:0.5;}50%{opacity:1;}}@keyframes ft-splash-pop{from{transform:scale(0.85) translateY(30px);opacity:0;}to{transform:scale(1) translateY(0);opacity:1;}}@keyframes ft-ring-pulse{0%,100%{transform:scale(1);opacity:0.6;}50%{transform:scale(1.12);opacity:1;}}@keyframes ft-bounce-in{from{transform:scale(0) rotate(-20deg);}to{transform:scale(1) rotate(0deg);}}@keyframes timelineFadeIn{from{opacity:0;transform:translateY(15px);}to{opacity:1;transform:translateY(0);}}@keyframes heart-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 2px rgba(239,68,68,0.4));}15%{transform:scale(1.22);filter:drop-shadow(0 0 10px rgba(239,68,68,0.8));}30%{transform:scale(1);filter:drop-shadow(0 0 2px rgba(239,68,68,0.4));}45%{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(239,68,68,0.7));}60%{transform:scale(1);filter:drop-shadow(0 0 2px rgba(239,68,68,0.4));}100%{transform:scale(1);}}@keyframes gps-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(59,130,246,0.7);}70%{transform:scale(1.15);box-shadow:0 0 0 8px rgba(59,130,246,0);}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(59,130,246,0);}}@keyframes ft-bell-swing{0%,100%{transform:rotate(0deg);}20%{transform:rotate(14deg);}40%{transform:rotate(-10deg);}60%{transform:rotate(6deg);}80%{transform:rotate(-3deg);}}@keyframes ft-check-pop{0%{transform:scale(0.6);opacity:0.5;}50%{transform:scale(1.28);}100%{transform:scale(1);opacity:1;}}@keyframes ft-shimmer-slide{0%{background-position:-200% 0;}100%{background-position:200% 0;}}@keyframes ft-swatch-pop{0%{transform:scale(0.85);}50%{transform:scale(1.18);}100%{transform:scale(1);}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html,body{height:100%;width:100%;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.18) var(--bg-main);}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:var(--bg-main);}::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.16);border-radius:var(--radius-full);border:2px solid var(--bg-main);transition:background var(--transition-fast);}::-webkit-scrollbar-thumb:hover{background:var(--primary);}::-webkit-scrollbar-thumb:active{background:var(--color-info-strong);}::-webkit-scrollbar-corner{background:var(--bg-main);}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast);}a:hover{color:var(--color-info-strong);}button,input,select,textarea{font-family:inherit;font-size:inherit;}.app-container{display:flex;min-height:100vh;width:100vw;background:var(--bg-main);}.main-content{flex:1;margin-left:var(--sidebar-width);padding:2rem;max-width:1300px;width:calc(100% - var(--sidebar-width));}#app-content{animation:fadeIn 0.3s ease-out;}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-top:1.5rem;}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;}.grid-2x2{display:grid !important;grid-template-columns:1fr 1fr !important;gap:0.5rem !important;}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:0.75rem;}.section-header--tight{margin-bottom:0.75rem;gap:0.5rem;}.section-header--normal{margin-bottom:1rem;gap:0.75rem;}.section-header--loose{margin-bottom:1.25rem;gap:1rem;}.section-header h2{font-size:1.6rem;font-weight:700;letter-spacing:-0.02em;}.dashboard-header{margin-bottom:2rem;}.dashboard-header h2{font-size:2rem;font-weight:700;letter-spacing:-0.02em;}.dashboard-header p{color:var(--text-muted);}@media (max-width:768px){.main-content{margin-left:0;width:100%;padding:1.25rem;padding-top:calc(1.25rem + env(safe-area-inset-top,0px));padding-bottom:calc(var(--mobile-nav-height) + 2rem);}.section-header,.dashboard-header,.community-header{padding-right:48px;box-sizing:border-box;}}@media (orientation:landscape){.main-content{padding-bottom:2rem !important;}}@media (max-width:768px){.ft-quest-grid{gap:0.5rem;}}@media (max-width:600px){.main-content{padding:0.9rem;padding-top:calc(0.9rem + env(safe-area-inset-top,0px));padding-bottom:calc(var(--mobile-nav-height) + 2.5rem);}.section-header,.dashboard-header,.community-header{flex-direction:column;align-items:stretch;gap:0.85rem;}.section-header .btn,.dashboard-header .btn,#startWorkoutBtn,#finishWorkoutBtn{width:100%;text-align:center;justify-content:center;}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0.75rem;}.dashboard-nav-card,.daily-quests-card{padding:0.75rem 0.65rem;}.ft-quest-tile{padding:0.6rem 0.65rem;gap:0.3rem;}.ft-quest-tile__icon{width:24px;height:24px;font-size:0.75rem;}.ft-quest-tile__title{font-size:0.78rem;}.ft-quest-tile__xp{font-size:0.58rem;padding:0.08rem 0.3rem;}.ft-quest-tile__count{font-size:0.6rem;}.ft-quest-tile__claim{width:22px;height:22px;font-size:0.65rem;}.ft-quest-tile__status{font-size:0.75rem;}.nav-tiles-grid{gap:0.5rem !important;}.nav-tiles-grid>a{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;padding:0.6rem 0.65rem !important;border-radius:var(--radius-md) !important;min-height:50px !important;}.nav-tiles-grid>a>div{display:flex !important;flex-direction:row !important;align-items:center !important;gap:0.45rem !important;margin-bottom:0 !important;min-width:0 !important;flex:1 1 auto !important;}.nav-tiles-grid>a>div>div:first-child{width:30px !important;height:30px !important;font-size:0.95rem !important;border-radius:8px !important;flex-shrink:0 !important;}.nav-tiles-grid>a>div strong{font-size:0.82rem !important;}.nav-tiles-grid>a>div span{font-size:0.65rem !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}}@media (max-width:520px){.stats-grid{grid-template-columns:1fr;}}.dashboard-cards-container.edit-active .card-edit-overlay{display:flex !important;}.dashboard-cards-container.edit-active .card,.dashboard-cards-container.edit-active .activity-card-wrapper{border:2px dashed rgba(96,165,250,0.4) !important;background:rgba(30,41,59,0.4) !important;transform:scale(0.99);transition:all 0.2s ease;position:relative;box-shadow:0 4px 12px rgba(0,0,0,0.3) !important;margin-bottom:1.5rem !important;}.dashboard-cards-container.edit-active .activity-card-wrapper{padding:1.25rem;border-radius:var(--radius-md);}.dashboard-cards-container.edit-active .card>*:not(.card-edit-overlay),.dashboard-cards-container.edit-active .activity-card-wrapper>*:not(.card-edit-overlay){pointer-events:none;opacity:0.5;}.dashboard-header-actions{display:flex !important;gap:0.5rem !important;align-items:stretch !important;flex-direction:row !important;flex-wrap:nowrap !important;}.dashboard-header-actions #startWorkoutBtn{width:80% !important;flex:0 0 80% !important;margin:0 !important;}.dashboard-header-actions #customizeDashboardBtn{width:20% !important;flex:0 0 20% !important;margin:0 !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;}@media (max-width:600px){.dashboard-header-actions{width:100% !important;}}@media (min-width:601px){.dashboard-header-actions{width:360px !important;}}.sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:100;transition:transform var(--transition-fast);}.sidebar-header{padding:1.5rem;padding-top:calc(1.5rem + env(safe-area-inset-top,0px));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);position:relative;overflow:hidden;}.sidebar-header-content{display:flex;flex-direction:column;gap:0.25rem;}.sidebar-header h1{font-size:1.35rem;font-weight:700;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:1;}.sidebar-version{font-size:0.7rem;color:var(--text-muted);font-weight:500;position:relative;z-index:1;opacity:0.7;letter-spacing:0.5px;}.sidebar-close{display:none;background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;}.sidebar-nav{flex:1;padding:1.25rem 0.85rem;overflow-y:auto;}.sidebar-nav ul{list-style:none;display:flex;flex-direction:column;gap:0.35rem;}.sidebar-nav a{display:flex;align-items:center;gap:0.85rem;padding:0.8rem 1rem;border-radius:var(--radius-md);color:var(--text-muted);font-weight:500;transition:all var(--transition-fast);}.sidebar-nav a .icon{font-size:1.1rem;width:24px;text-align:center;}.sidebar-nav a:hover{color:var(--text-main);background:rgba(255,255,255,0.05);}.sidebar-nav a.active{color:var(--text-on-accent);background:var(--primary-gradient);box-shadow:0 4px 14px var(--primary-glow);}.sidebar-footer{padding:1rem 0.85rem;border-top:1px solid var(--border-color);}.logout-btn,.admin-link-btn{width:100%;box-sizing:border-box;display:flex;align-items:center;gap:0.65rem;padding:0.55rem 0.85rem;border-radius:var(--radius-md);font-size:0.82rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all var(--transition-fast);}.admin-link-btn{color:var(--color-warning);background:var(--color-warning-soft);border:1px solid var(--color-warning-glow);margin-bottom:0.5rem;}.admin-link-btn:hover{background:var(--color-warning-soft);color:var(--color-warning-strong);border-color:var(--color-warning-glow);}.logout-btn{background:var(--color-danger-soft);color:var(--color-danger-strong);border:1px solid var(--color-danger-glow);}.logout-btn:hover{background:var(--color-danger-soft);color:var(--color-danger-strong);border-color:var(--color-danger-glow);}.admin-link-btn .icon,.admin-link-btn i,.logout-btn .icon,.logout-btn i{font-size:0.95rem;width:20px;text-align:center;display:inline-block;}.mobile-nav-bar{display:none;position:fixed;bottom:0;left:0;width:100%;height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px));background:rgba(18,23,34,0.92);backdrop-filter:var(--glass-blur);border-top:1px solid var(--border-color);z-index:1000;justify-content:space-around;align-items:center;padding:0 env(safe-area-inset-right,0.5rem) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0.5rem);box-sizing:border-box;transition:transform 0.45s cubic-bezier(0.16,1,0.3,1),opacity 0.35s ease,filter 0.35s ease;transform:scale(1) translateY(0);opacity:1;filter:blur(0px);}.mobile-nav-bar.auto-hidden{transform:scale(0.94) translateY(8px);opacity:0;filter:blur(6px);pointer-events:none;}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:0.25rem;color:var(--text-muted);font-size:0.72rem;padding:0.4rem;border-radius:var(--radius-sm);transition:color var(--transition-fast);}.mobile-nav-item .icon{font-size:1.15rem;}.mobile-nav-item.active{color:var(--primary);}.nav-badge-dot{position:absolute;top:3px;right:11px;width:9px;height:9px;background:linear-gradient(135deg,var(--color-warning-strong) 0%,#d97706 100%);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,0.6);box-shadow:0 0 8px var(--color-warning-glow);animation:pulseBadge 1.8s infinite;}.mobile-nav-item.has-unjoined i,.mobile-nav-item.has-unjoined .icon{color:var(--color-warning-strong) !important;filter:drop-shadow(0 0 6px var(--color-warning-glow));}.mobile-nav-start-btn{position:relative;top:-14px;width:52px;height:52px;border-radius:var(--radius-full);background:var(--primary-gradient);box-shadow:0 6px 20px var(--primary-glow);display:flex;align-items:center;justify-content:center;color:var(--text-on-accent);font-size:1.25rem;border:3px solid var(--bg-surface);transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;outline:none;}.mobile-nav-start-btn.workout-active{background:var(--success-gradient) !important;box-shadow:0 6px 22px var(--color-success-glow) !important;}.mobile-nav-start-btn:active{transform:scale(0.92);}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.65);backdrop-filter:blur(4px);z-index:99;opacity:0;transition:opacity var(--transition-fast);}.sidebar-overlay.active{display:block;opacity:1;}.swipe-hint{display:none;position:fixed;top:50%;left:0;transform:translateY(-50%);width:24px;height:48px;background:var(--primary-gradient);border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:0 4px 14px var(--primary-glow);z-index:95;cursor:pointer;align-items:center;justify-content:center;color:var(--text-on-accent);font-size:0.85rem;animation:pulseHint 2.5s infinite;transition:all var(--transition-fast);}.swipe-hint:hover{width:28px;}@media (max-width:768px){.swipe-hint{display:flex;}.sidebar{bottom:0;transform:translateX(-100%);box-shadow:0 0 30px rgba(0,0,0,0.8);z-index:1050;}.sidebar.open,.sidebar.active{transform:translateX(0);}.sidebar.open ~ .mobile-nav-bar,.sidebar.active ~ .mobile-nav-bar,body.sidebar-open .mobile-nav-bar{transform:translateY(120%);opacity:0;pointer-events:none;}.sidebar-footer{padding:0.85rem;padding-bottom:max(0.85rem,env(safe-area-inset-bottom));}.sidebar-close{display:block;}.sidebar-header h1{font-size:1.1rem;}.sidebar-nav a{font-size:0.88rem;padding:0.65rem 0.85rem;gap:0.65rem;}.sidebar-nav a .icon{font-size:0.95rem;width:20px;}.mobile-nav-bar{display:flex;}}@media (orientation:landscape){.mobile-nav-bar{display:none !important;}}.card,.ft-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--card-padding);box-shadow:var(--shadow-card);transition:border-color var(--transition-fast),background var(--transition-fast);}.card:hover,.ft-card:hover{border-color:var(--border-hover);}.card--compact{--card-padding:0.85rem 1rem;}.card--spacious{--card-padding:1.5rem;}.card--hero{--card-padding:2.5rem 1.5rem;}.stat-card{display:flex;align-items:center;gap:1.25rem;min-width:0;}.stat-info{min-width:0;flex:1;}.stat-card .icon{font-size:1.5rem;color:var(--primary);background:rgba(59,130,246,0.12);width:56px;height:56px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);}.stat-info h3{font-size:1.1rem;font-weight:600;margin-bottom:0.5rem;}.form-group{display:flex;flex-direction:column;gap:0.5rem;}.form-group label{font-size:0.88rem;font-weight:500;color:var(--text-muted);}.form-control{width:100%;padding:0.85rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);outline:none;transition:all var(--transition-fast);}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);}select.form-control,select{color-scheme:dark !important;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:0.9rem;padding-right:2.2rem !important;cursor:pointer;color:var(--text-main) !important;background-color:var(--bg-input) !important;}select.form-control:focus,select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");}select option,select option:hover,select option:focus,select option:active,select option:checked{color-scheme:dark !important;background-color:var(--bg-surface) !important;color:var(--text-main) !important;padding:0.6rem 0.8rem;font-size:0.88rem;}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.8rem 1.4rem;font-size:0.95rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);position:relative;overflow:hidden;}.btn::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,0.2);opacity:0;pointer-events:none;transition:opacity 0.3s ease;border-radius:inherit;}.btn:active::before{opacity:1;transition:opacity 0s;}.btn:active{transform:scale(0.96) !important;transition:transform 0.08s cubic-bezier(0.4,0,0.2,1) !important;}.btn-sm:active,.stepper-btn:active,.btn-preset:active{transform:scale(0.93) !important;transition:transform 0.08s cubic-bezier(0.4,0,0.2,1) !important;}.achievement-card:active,.workout-exercise-card:active,.mobile-nav-item:active{transform:scale(0.98);transition:transform 0.08s cubic-bezier(0.4,0,0.2,1);}.btn-primary{background:var(--primary-gradient);color:var(--text-on-accent);box-shadow:0 1px 3px rgba(0,0,0,0.2);}.btn-primary:hover{filter:brightness(1.08);}.btn-secondary{background:rgba(255,255,255,0.08);color:var(--text-main);border:1px solid var(--border-color);}.btn-secondary:hover{background:rgba(255,255,255,0.14);}.btn-danger{background:var(--danger-gradient);color:var(--text-on-accent);box-shadow:0 1px 3px rgba(0,0,0,0.2);}.btn-danger:hover{filter:brightness(1.08);}.btn-success{background:var(--success-gradient);color:var(--text-on-accent);box-shadow:0 1px 3px rgba(0,0,0,0.2);}.btn-success:hover{filter:brightness(1.08);}.btn-block{width:100%;}.btn-sm{padding:0.45rem 0.9rem;font-size:0.85rem;border-radius:var(--radius-sm);}.badge{display:inline-flex;align-items:center;padding:0.3rem 0.75rem;border-radius:var(--radius-full);font-size:0.78rem;font-weight:600;background:rgba(255,255,255,0.1);color:var(--text-muted);}.badge-primary{background:var(--color-info-soft);color:var(--color-info-strong);}.badge-success{background:var(--color-success-soft);color:var(--color-success-strong);}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning-strong);}.workouts-list,.routines-grid,.challenges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;}.exercises-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;align-items:stretch;}.workout-card,.exercise-item,.routine-item,.challenge-item{display:flex;flex-direction:column;gap:0.85rem;}.workout-header{display:flex;align-items:center;justify-content:space-between;}.workout-header h3{font-size:1.1rem;font-weight:600;}.category-tag{color:var(--primary);font-size:0.85rem;font-weight:500;}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn 0.2s ease-out;overflow-y:auto;}.modal-content{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;padding:1.5rem;box-shadow:0 20px 50px rgba(0,0,0,0.6);overflow:hidden;}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-shrink:0;}.modal-header h3{font-size:1.3rem;font-weight:700;}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;}.modal-body{flex:1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;padding-right:0.25rem;}.modal-body::-webkit-scrollbar{width:6px;}.modal-body::-webkit-scrollbar-track{background:rgba(0,0,0,0.1);border-radius:4px;}.modal-body::-webkit-scrollbar-thumb{background:rgba(168,85,247,0.4);border-radius:4px;}.modal-body::-webkit-scrollbar-thumb:hover{background:rgba(168,85,247,0.7);}.modal-footer{display:flex;justify-content:flex-end;gap:0.75rem;margin-top:1.5rem;flex-shrink:0;}@media (max-width:600px){.stat-card{padding:0.85rem !important;min-width:0 !important;box-sizing:border-box !important;}.stat-card .icon{width:40px !important;height:40px !important;font-size:1.1rem !important;flex-shrink:0 !important;}.stat-info{min-width:0 !important;flex:1 !important;}.stat-info h3{font-size:1.15rem !important;word-break:break-word !important;overflow-wrap:break-word !important;}.stat-info .btn,.stat-card .btn{max-width:100% !important;white-space:normal !important;word-break:break-word !important;box-sizing:border-box !important;}.modal-content{width:94vw !important;max-width:94vw !important;max-height:88vh !important;margin:auto !important;padding:1.1rem !important;border-radius:var(--radius-lg) !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;}.modal-body{flex:1 !important;overflow-y:auto !important;min-height:0 !important;-webkit-overflow-scrolling:touch !important;}.modal-content input.form-control,.modal-content select.form-control,.modal-content textarea.form-control{font-size:16px !important;}.badge{padding:0.2rem 0.5rem !important;font-size:0.72rem !important;white-space:nowrap !important;}.workout-card [style*="display:flex"][style*="gap"],.exercise-item [style*="display:flex"][style*="gap"],.challenge-item [style*="display:flex"][style*="gap"],.card [style*="display:flex"][style*="gap"]{flex-wrap:wrap !important;}.exercise-item > div > div[style*="display:flex"],.workout-card > div[style*="display:flex"],.challenge-item > div[style*="display:flex"]{min-width:0 !important;overflow:hidden !important;}.exercise-item [style*="align-items:center"][style*="gap:0.5rem"]{flex-wrap:wrap !important;row-gap:0.3rem !important;}.workout-card [style*="justify-content:space-between"] > div[style*="display:flex"]{flex-wrap:wrap !important;gap:0.3rem !important;justify-content:flex-end !important;}.challenge-item [style*="display:flex"][style*="gap:0.4rem"],.card [style*="display:flex"][style*="gap:0.4rem"]{flex-wrap:wrap !important;gap:0.3rem !important;}.exercises-grid{grid-template-columns:repeat(2,1fr) !important;gap:0.5rem !important;align-items:stretch !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;}.exercises-grid .exercise-item.card{padding:0.65rem 0.5rem !important;border-radius:var(--radius-md) !important;min-height:215px !important;height:100% !important;min-width:0 !important;max-width:100% !important;overflow:hidden !important;box-sizing:border-box !important;}}@media (max-width:520px){.hide-mobile-xs{display:none !important;}}@media (max-width:768px){.btn{padding:0.55rem 1rem !important;font-size:0.88rem !important;}.badge{padding:0.22rem 0.52rem;font-size:0.73rem;white-space:nowrap;}.btn-sm,.btn-share-workout,.edit-workout-btn,.delete-workout-btn,.share-workout-btn,.dash-share-btn{padding:0.35rem 0.65rem !important;font-size:0.78rem !important;font-weight:500 !important;gap:0.3rem !important;border-radius:var(--radius-sm) !important;}.btn-secondary.btn-sm,.edit-workout-btn{background:rgba(255,255,255,0.05) !important;color:var(--text-muted) !important;border:1px solid var(--border-color) !important;box-shadow:none !important;}.btn-secondary.btn-sm:hover,.btn-secondary.btn-sm:active,.edit-workout-btn:hover,.edit-workout-btn:active{background:rgba(255,255,255,0.12) !important;color:var(--text-main) !important;}.btn-danger.btn-sm,.delete-workout-btn{background:var(--color-danger-soft) !important;color:var(--color-danger-strong) !important;border:1px solid var(--color-danger-glow) !important;box-shadow:none !important;}.btn-danger.btn-sm:hover,.btn-danger.btn-sm:active,.delete-workout-btn:hover,.delete-workout-btn:active{background:rgba(239,68,68,0.25) !important;color:var(--text-on-accent) !important;border-color:var(--color-danger-glow) !important;}.btn-share-workout,.share-workout-btn,.dash-share-btn{background:var(--color-purple-soft) !important;color:var(--color-purple-strong) !important;border:1px solid var(--color-purple-glow) !important;box-shadow:none !important;}.btn-share-workout:hover,.btn-share-workout:active,.share-workout-btn:hover,.share-workout-btn:active,.dash-share-btn:hover,.dash-share-btn:active{background:rgba(139,92,246,0.22) !important;color:var(--color-purple-strong) !important;}}.hr-bpm-pulse{animation:heart-pulse 1.1s infinite ease-in-out;color:var(--color-danger);}.hr-widget-card{background:linear-gradient(135deg,var(--color-danger-soft) 0%,var(--bg-card) 100%);border:1px solid var(--color-danger-glow);border-radius:var(--radius-md);padding:var(--card-padding);margin-bottom:1.25rem;transition:all 0.3s ease;}.hr-zone-badge{display:inline-flex;align-items:center;gap:0.4rem;padding:0.3rem 0.75rem;border-radius:var(--radius-lg);font-size:0.8rem;font-weight:700;letter-spacing:0.3px;box-shadow:0 2px 8px rgba(0,0,0,0.25);}.step-counter-card{background:linear-gradient(135deg,var(--color-success-soft) 0%,var(--bg-card) 100%);border:1px solid var(--color-success-glow);border-radius:var(--radius-md);padding:var(--card-padding);margin-bottom:1.5rem;position:relative;overflow:hidden;}.step-counter-card::before{content:'';position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(circle,rgba(16,185,129,0.2) 0%,transparent 70%);border-radius:50%;pointer-events:none;}.step-progress-track{width:100%;height:10px;background:rgba(255,255,255,0.08);border-radius:10px;overflow:hidden;margin:0.75rem 0;}.step-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-success) 0%,var(--color-success-strong) 100%);border-radius:10px;transition:width 0.6s cubic-bezier(0.4,0,0.2,1);}.gps-widget-card{background:linear-gradient(135deg,var(--color-info-soft) 0%,var(--bg-card) 100%);border:1px solid var(--color-info-glow);border-radius:var(--radius-md);padding:var(--card-padding);margin-bottom:1.25rem;position:relative;overflow:hidden;}.gps-live-dot{width:10px;height:10px;background-color:var(--color-info);border-radius:50%;display:inline-block;box-shadow:0 0 10px var(--color-info);animation:gps-pulse 1.8s infinite;}@media (max-width:768px){.main-content,#app-content{overflow-x:hidden !important;max-width:100vw !important;padding-left:0.5rem !important;padding-right:0.5rem !important;}.table-responsive,[style*="overflow-x:auto"]{width:100% !important;max-width:100% !important;overflow-x:auto !important;}table,.data-table{width:100% !important;max-width:100% !important;font-size:0.82rem !important;}table th,table td{padding:0.5rem 0.4rem !important;white-space:normal !important;word-break:break-word !important;}div[style*="grid-template-columns"]:not(.grid-2x2):not(.cal-7-grid){grid-template-columns:1fr !important;}.cal-7-grid{display:grid !important;grid-template-columns:repeat(7,1fr) !important;}}.ft-dot-matrix-bg{position:relative;overflow:hidden;}.ft-cyber-arc-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;}.ft-cyber-arc-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;}.ft-pro-divider{display:flex;align-items:center;justify-content:center;gap:0.85rem;margin:1.25rem 0;width:100%;}.ft-pro-divider::before,.ft-pro-divider::after{content:'';flex:1;height:1px;background:var(--border-color);}.ft-pro-divider-dot{width:4px;height:4px;border-radius:50%;background:var(--text-subtle);}.ft-hud-badge{display:inline-flex;align-items:center;gap:0.4rem;padding:0.35rem 0.75rem;border-radius:var(--radius-sm);background:var(--bg-surface-elevated);border:1px solid var(--border-color);}.fa-fire,.streak-flame-icon,.streak-card i{display:inline-block;}.empty-state-icon,.no-data-icon,.empty-placeholder-icon{display:inline-block;}.theme-swatch-btn.active,.btnThemeSwatch.active{animation:ft-swatch-pop 0.35s cubic-bezier(0.34,1.56,0.64,1);}.badge-info{background:var(--color-info-soft);color:var(--color-info-strong);border:1px solid var(--color-info-glow);}.badge-purple{background:var(--color-purple-soft);color:var(--color-purple-strong);border:1px solid var(--color-purple-glow);}.badge-orange{background:var(--color-orange-soft);color:var(--color-orange);border:1px solid var(--color-orange-glow);}.badge-accent{background:rgba(255,69,0,0.15);color:var(--accent);border:1px solid rgba(255,69,0,0.3);}.badge-subtle{background:rgba(255,255,255,0.06);color:var(--text-muted);border:1px solid var(--border-color);}.stat-pill{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:0.5rem 0.75rem;text-align:center;min-width:0;}.card-glass-subtle{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);}.today-card-pulse{box-shadow:0 0 10px rgba(59,130,246,0.25),inset 0 0 4px rgba(59,130,246,0.1) !important;}.cal-day-cell{position:relative;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:all 0.15s cubic-bezier(0.4,0,0.2,1);}.cal-day-cell:active{transform:scale(0.94);}.cal-today-cell{border:2px solid var(--color-info-strong) !important;box-shadow:0 0 10px rgba(96,165,250,0.45),inset 0 0 6px rgba(96,165,250,0.2) !important;}.cal-today-dot{position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:var(--color-info-strong);box-shadow:0 0 6px var(--color-info-strong);}.cal-day-in-range{background:var(--color-info-soft) !important;border-color:var(--color-info-glow) !important;color:var(--text-on-accent) !important;border-radius:4px !important;}.cal-day-range-start{background:linear-gradient(135deg,var(--color-info) 0%,var(--color-info-strong) 100%) !important;border:2px solid var(--color-info-strong) !important;color:var(--text-on-accent) !important;font-weight:800 !important;border-radius:8px 0 0 8px !important;box-shadow:0 0 10px var(--color-info-glow);}.cal-day-range-end{background:linear-gradient(135deg,var(--color-info-strong) 0%,#1d4ed8 100%) !important;border:2px solid var(--color-info-strong) !important;color:var(--text-on-accent) !important;font-weight:800 !important;border-radius:0 8px 8px 0 !important;box-shadow:0 0 10px rgba(37,99,235,0.5);}.cal-legend-bar{display:flex;flex-wrap:wrap;gap:0.5rem 1rem;align-items:center;justify-content:center;padding:0.5rem 0.75rem;background:rgba(0,0,0,0.25);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-top:0.65rem;font-size:0.73rem;color:var(--text-muted);}.cal-legend-item{display:flex;align-items:center;gap:0.3rem;}.cal-legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;}.avatar-frame-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:3px;transition:all var(--transition-fast);}.avatar-frame-none{border:1px solid var(--border-color);padding:0;}.avatar-frame-neon-cyan{border:2px solid #06b6d4;box-shadow:0 0 10px rgba(6,182,212,0.5),inset 0 0 4px rgba(6,182,212,0.3);}.avatar-frame-iron-titan{background:linear-gradient(135deg,#cbd5e1 0%,#475569 50%,#94a3b8 100%);box-shadow:0 4px 12px rgba(0,0,0,0.4);padding:3px;}.avatar-frame-inferno-fire{border:2px solid #f97316;box-shadow:0 0 10px rgba(249,115,22,0.45);}.avatar-frame-golden-champion{background:linear-gradient(135deg,#fef08a 0%,#d97706 50%,#fbbf24 100%);box-shadow:0 0 10px rgba(245,158,11,0.4);padding:3px;}.avatar-frame-diamond-legend{background:linear-gradient(135deg,#a855f7 0%,#3b82f6 50%,#ec4899 100%);box-shadow:0 0 12px rgba(168,85,247,0.5);padding:3.5px;}.avatar-badge-pin{position:absolute;bottom:-3px;right:-3px;background:var(--bg-surface);border:1.5px solid var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,0.5);z-index:5;pointer-events:none;}.module-tour-btn{background:rgba(59,130,246,0.12) !important;border:1px solid rgba(59,130,246,0.35) !important;color:var(--color-info-strong) !important;width:26px !important;height:26px !important;min-width:26px !important;min-height:26px !important;max-width:26px !important;max-height:26px !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:0.75rem !important;cursor:pointer !important;transition:all 0.2s ease !important;flex-shrink:0 !important;flex-grow:0 !important;padding:0 !important;line-height:1 !important;box-sizing:border-box !important;aspect-ratio:1 / 1 !important;vertical-align:middle;}.module-tour-btn:hover,.module-tour-btn:active{background:rgba(59,130,246,0.25) !important;border-color:rgba(59,130,246,0.6) !important;color:var(--color-info-strong) !important;transform:scale(1.08);}.ft-card--accent{--ft-card-accent:var(--primary);--ft-card-accent-soft:var(--primary-glow);border-color:var(--ft-card-accent);}.ft-card--success{--ft-card-accent:var(--color-success);--ft-card-accent-soft:var(--color-success-soft);border-color:var(--color-success);}.ft-card--warning{--ft-card-accent:var(--color-warning);--ft-card-accent-soft:var(--color-warning-soft);border-color:var(--color-warning);}.ft-card--info{--ft-card-accent:var(--color-info);--ft-card-accent-soft:var(--color-info-soft);border-color:var(--color-info);}.ft-card--danger{--ft-card-accent:var(--color-danger);--ft-card-accent-soft:var(--color-danger-soft);border-color:var(--color-danger);}.ft-card--purple{--ft-card-accent:var(--color-purple);--ft-card-accent-soft:var(--color-purple-soft);border-color:var(--color-purple);}.ft-card--orange{--ft-card-accent:var(--color-orange);--ft-card-accent-soft:var(--color-orange-soft);border-color:var(--color-orange);}.ft-card--tinted{background:linear-gradient(135deg,var(--ft-card-accent-soft,var(--primary-glow)) 0%,var(--bg-card) 100%);}.ft-card--success-tinted{--ft-card-accent:var(--color-success);--ft-card-accent-soft:var(--color-success-soft);border-color:var(--color-success-glow);background:linear-gradient(135deg,var(--color-success-soft) 0%,var(--bg-card) 100%);}.ft-card--info-tinted{--ft-card-accent:var(--color-info);--ft-card-accent-soft:var(--color-info-soft);border-color:var(--color-info-glow);background:linear-gradient(135deg,var(--color-info-soft) 0%,var(--bg-card) 100%);}.ft-card--danger-tinted{--ft-card-accent:var(--color-danger);--ft-card-accent-soft:var(--color-danger-soft);border-color:var(--color-danger-glow);background:linear-gradient(135deg,var(--color-danger-soft) 0%,var(--bg-card) 100%);}.ft-card--warning-tinted{--ft-card-accent:var(--color-warning);--ft-card-accent-soft:var(--color-warning-soft);border-color:var(--color-warning-glow);background:linear-gradient(135deg,var(--color-warning-soft) 0%,var(--bg-card) 100%);}.ft-card--purple-tinted{--ft-card-accent:var(--color-purple);--ft-card-accent-soft:var(--color-purple-soft);border-color:var(--color-purple-glow);background:linear-gradient(135deg,var(--color-purple-soft) 0%,var(--bg-card) 100%);}.ft-card--orange-tinted{--ft-card-accent:var(--color-orange);--ft-card-accent-soft:var(--color-orange-soft);border-color:var(--color-orange-glow);background:linear-gradient(135deg,var(--color-orange-soft) 0%,var(--bg-card) 100%);}.ft-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:0.75rem;flex-wrap:wrap;margin-bottom:1rem;}.ft-card-header--compact{align-items:center;margin-bottom:0.65rem;}.ft-card-header--compact .ft-card-header__main{gap:0.55rem;min-width:0;}.ft-card-header--compact .ft-card-header__title{font-size:0.95rem;}.ft-card-header__main{display:flex;align-items:center;gap:0.75rem;flex:1;min-width:200px;}.ft-card-header__title{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-main);}.ft-card-header__subtitle{margin:0.2rem 0 0 0;font-size:0.82rem;color:var(--text-muted);}.ft-card-header__actions{display:flex;align-items:center;gap:0.4rem;flex-wrap:wrap;}.ft-section-label{font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--primary);}.ft-icon-bubble{--bubble-color:var(--primary);--bubble-soft:var(--primary-glow);width:48px;height:48px;border-radius:var(--radius-full);background:var(--bubble-soft);display:inline-flex;align-items:center;justify-content:center;color:var(--bubble-color);font-size:1.3rem;flex-shrink:0;}.ft-icon-bubble--sm{width:34px;height:34px;font-size:1.05rem;}.ft-icon-bubble--lg{width:56px;height:56px;font-size:1.5rem;}.ft-icon-bubble--success{--bubble-color:var(--color-success);--bubble-soft:var(--color-success-soft);}.ft-icon-bubble--warning{--bubble-color:var(--color-warning);--bubble-soft:var(--color-warning-soft);}.ft-icon-bubble--danger{--bubble-color:var(--color-danger);--bubble-soft:var(--color-danger-soft);}.ft-icon-bubble--info{--bubble-color:var(--color-info);--bubble-soft:var(--color-info-soft);}.ft-icon-bubble--purple{--bubble-color:var(--color-purple);--bubble-soft:var(--color-purple-soft);}.ft-icon-bubble--orange{--bubble-color:var(--color-orange);--bubble-soft:var(--color-orange-soft);}.ft-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;}.ft-metric-tile{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:0.5rem 0.4rem;text-align:center;min-width:0;}.ft-metric-tile__label{display:block;font-size:0.68rem;color:var(--text-muted);text-transform:uppercase;font-weight:700;letter-spacing:0.03em;}.ft-metric-tile__value{display:block;font-size:1.05rem;font-weight:800;color:var(--text-main);margin-top:0.1rem;}.ft-metric-tile__value--success{color:var(--color-success);}.ft-metric-tile__value--warning{color:var(--color-warning);}.ft-metric-tile__value--danger{color:var(--color-danger);}.ft-metric-tile__value--info{color:var(--color-info);}.ft-metric-tile__value--purple{color:var(--color-purple);}.ft-metric-tile__value--orange{color:var(--color-orange);}.ft-metric-tile__value--primary{color:var(--primary);}.ft-progress{width:100%;height:8px;background:rgba(255,255,255,0.08);border-radius:var(--radius-full);overflow:hidden;}.ft-progress__fill{height:100%;background:var(--progress-color,var(--primary));border-radius:var(--radius-full);transition:width 0.6s cubic-bezier(0.4,0,0.2,1);}.ft-progress--lg{height:10px;}.ft-progress--success .ft-progress__fill{background:linear-gradient(90deg,var(--color-success),var(--color-success-strong));}.ft-progress--warning .ft-progress__fill{background:linear-gradient(90deg,var(--color-warning),var(--color-warning-strong));}.ft-progress--info .ft-progress__fill{background:linear-gradient(90deg,var(--color-info),var(--color-info-strong));}.ft-progress--gradient .ft-progress__fill{background:linear-gradient(90deg,var(--color-info),var(--color-success));}.ft-stat-row{display:flex;justify-content:space-between;align-items:baseline;gap:0.5rem;font-size:0.85rem;color:var(--text-muted);}.ft-stat-row__value{font-weight:800;color:var(--text-main);}.ft-stat-row__value--success{color:var(--color-success);}.ft-stat-row__value--warning{color:var(--color-warning);}.ft-stat-row__value--info{color:var(--color-info);}.ft-action-bar{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:1rem;}.ft-info-btn{background:none;border:none;padding:0.15rem 0.3rem;color:var(--text-muted);cursor:pointer;font-size:1rem;transition:color var(--transition-fast);}.ft-info-btn:hover{color:var(--text-main);}.ft-card-footer-row{display:flex;justify-content:space-between;margin-top:0.75rem;padding-top:0.5rem;border-top:1px solid rgba(255,255,255,0.06);font-size:0.85rem;color:var(--text-muted);flex-wrap:wrap;gap:0.5rem;}.ft-big-metric{display:flex;justify-content:space-between;align-items:baseline;gap:0.5rem;flex-wrap:wrap;}.ft-big-metric__value{font-size:2.2rem;font-weight:900;line-height:1;}.ft-big-metric__value--success{color:var(--color-success);}.ft-big-metric__value--warning{color:var(--color-warning);}.ft-big-metric__value--info{color:var(--color-info);}.ft-big-metric__unit{font-size:0.9rem;color:var(--text-muted);font-weight:600;}.ft-big-metric__pct{font-size:1.1rem;font-weight:800;}@media (max-width:520px){.ft-metric-grid{grid-template-columns:1fr 1fr;gap:0.5rem;}}.ft-dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;}.ft-dashboard-header__title-row{display:flex;align-items:center;gap:0.5rem;}.ft-dashboard-header__title-row h2{margin:0;}.ft-dashboard-header__subtitle{margin:0.15rem 0 0 0;color:var(--text-muted);}.ft-banner-title{font-size:1.05rem;}.ft-banner-subtitle{font-size:0.85rem;opacity:0.9;}.ft-banner-btn{background:rgba(255,255,255,0.2);color:var(--text-on-accent);border:none;}.ft-nav-tile{text-decoration:none;display:flex;align-items:center;justify-content:space-between;padding:0.7rem 0.85rem;border-radius:var(--radius-md);border:1px solid var(--tile-color-soft,var(--border-color));background:var(--tile-bg,rgba(255,255,255,0.03));transition:background var(--transition-fast),border-color var(--transition-fast);}.ft-nav-tile:hover{background:var(--tile-bg-hover,rgba(255,255,255,0.06));}.ft-nav-tile__main{display:flex;align-items:center;gap:0.65rem;color:var(--text-main);}.ft-nav-tile__main i{color:var(--tile-color,var(--primary));font-size:1rem;}.ft-nav-tile__main strong{font-size:0.88rem;color:var(--text-main);}.ft-nav-tile__chevron{font-size:0.75rem;color:var(--tile-color,var(--primary));}.ft-nav-tile--info{--tile-color:var(--color-info-strong);--tile-color-soft:var(--color-info-glow);--tile-bg:var(--color-info-soft);--tile-bg-hover:rgba(59,130,246,0.2);}.ft-nav-tile--success{--tile-color:var(--color-success-strong);--tile-color-soft:var(--color-success-glow);--tile-bg:var(--color-success-soft);--tile-bg-hover:rgba(16,185,129,0.2);}.ft-nav-tile--purple{--tile-color:var(--color-purple-strong);--tile-color-soft:var(--color-purple-glow);--tile-bg:var(--color-purple-soft);--tile-bg-hover:rgba(168,85,247,0.2);}.ft-nav-tile--warning{--tile-color:var(--color-warning-strong);--tile-color-soft:var(--color-warning-glow);--tile-bg:var(--color-warning-soft);--tile-bg-hover:rgba(245,158,11,0.2);}.ft-quest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.6rem;}.ft-quest-tile{display:flex;flex-direction:column;gap:0.4rem;padding:0.7rem 0.8rem;border-radius:var(--radius-md);border:1px solid var(--quest-border,var(--border-color));background:var(--quest-bg,rgba(255,255,255,0.03));transition:background var(--transition-fast),border-color var(--transition-fast);}.ft-quest-tile__head{display:flex;align-items:center;gap:0.5rem;min-width:0;}.ft-quest-tile__icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:0.85rem;color:var(--quest-color,var(--primary));flex-shrink:0;}.ft-quest-tile__title{flex:1;min-width:0;font-size:0.8rem;font-weight:700;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.ft-quest-tile__xp{font-size:0.65rem;padding:0.1rem 0.4rem;background:var(--color-warning-soft);color:var(--color-warning-strong);border-radius:var(--radius-full);font-weight:800;flex-shrink:0;}.ft-quest-tile__info{border:none;background:transparent;color:var(--text-subtle);font-size:0.7rem;padding:0;cursor:pointer;flex-shrink:0;display:flex;align-items:center;}.ft-quest-tile__info:hover{color:var(--color-info);}.ft-quest-tile__progress{height:5px;background:rgba(255,255,255,0.08);border-radius:var(--radius-full);overflow:hidden;}.ft-quest-tile__bar{height:100%;border-radius:var(--radius-full);transition:width 0.4s ease;}.ft-quest-tile__foot{display:flex;align-items:center;justify-content:space-between;gap:0.4rem;}.ft-quest-tile__count{font-size:0.65rem;font-weight:700;color:var(--text-muted);}.ft-quest-tile__status{font-size:0.85rem;}.ft-quest-tile__status--claimed{color:var(--color-success);}.ft-quest-tile__status--locked{color:var(--text-subtle);opacity:0.5;}.ft-quest-tile__claim{border:none;background:linear-gradient(135deg,var(--color-success),var(--color-success-strong));color:var(--text-on-accent);width:26px;height:26px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:0.75rem;cursor:pointer;box-shadow:0 0 10px var(--color-success-glow);flex-shrink:0;}.ft-quest-tile__claim:hover{filter:brightness(1.1);}.ft-quest-tile__claim:disabled{opacity:0.6;cursor:wait;}.ft-activity-item{padding:0.85rem 1rem;margin-bottom:0.75rem;border-radius:var(--radius-md);cursor:pointer;}.ft-activity-item__row{display:flex;justify-content:space-between;align-items:center;}.ft-activity-item__title{font-size:0.95rem;color:var(--text-main);}.ft-activity-item__meta{display:flex;gap:0.35rem;align-items:center;}.ft-activity-item__chevron{font-size:0.78rem;color:var(--text-muted);}.feedback-container{max-width:900px;margin:0 auto;padding:1rem 0;}.feedback-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;}.feedback-header__icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--primary-glow);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--primary);flex-shrink:0;}.feedback-header__title{margin:0;font-size:1.35rem;color:var(--text-main);}.feedback-header__subtitle{margin:0.15rem 0 0 0;color:var(--text-muted);font-size:0.85rem;}.feedback-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;}.feedback-type-card{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:rgba(255,255,255,0.02);cursor:pointer;transition:all 0.25s;font-weight:500;color:var(--text-muted);}.feedback-type-card--active{border-color:var(--primary);background:var(--primary-glow);color:var(--text-main);}.feedback-type-card--bug i{color:var(--color-danger);}.feedback-type-card--suggestion i{color:var(--color-warning);}.feedback-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:1.5rem;text-align:center;background:rgba(255,255,255,0.01);cursor:pointer;transition:all 0.2s ease-in-out;}.feedback-dropzone--active{border-color:var(--primary);background:var(--primary-glow);}.feedback-dropzone--has-file{border-color:var(--primary);background:rgba(225,29,72,0.04);}.feedback-dropzone__icon{font-size:1.8rem;color:var(--text-muted);margin-bottom:0.5rem;display:block;}.feedback-dropzone__text{font-size:0.85rem;color:var(--text-muted);}.feedback-submit-row{display:flex;justify-content:flex-end;}.feedback-tickets-list{display:flex;flex-direction:column;gap:1rem;}.feedback-ticket{padding:var(--card-padding);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);display:flex;flex-direction:column;gap:0.5rem;}.feedback-ticket__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.5rem;}.feedback-ticket__meta{display:flex;align-items:center;gap:0.5rem;font-size:0.78rem;font-weight:500;}.feedback-ticket__type-badge{display:flex;align-items:center;gap:0.35rem;padding:0.2rem 0.5rem;border-radius:6px;}.feedback-ticket__type-badge--bug{color:var(--color-danger);background:var(--color-danger-soft);}.feedback-ticket__type-badge--suggestion{color:var(--color-warning);background:var(--color-warning-soft);}.feedback-ticket__date{color:var(--text-muted);}.feedback-ticket__status{font-size:0.75rem;font-weight:600;padding:0.2rem 0.65rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,0.02);}.feedback-ticket__status--open{color:var(--color-info);background:var(--color-info-soft);}.feedback-ticket__status--in_progress{color:var(--color-warning);background:var(--color-warning-soft);}.feedback-ticket__status--resolved{color:var(--color-success);background:var(--color-success-soft);}.feedback-ticket__status--declined{color:var(--color-danger);background:var(--color-danger-soft);}.feedback-ticket__status--default{color:var(--text-muted);background:rgba(156,163,175,0.12);}.feedback-ticket__title{margin:0.35rem 0 0.15rem 0;font-size:0.95rem;font-weight:600;color:var(--text-main);}.feedback-ticket__desc{margin:0;font-size:0.85rem;color:var(--text-muted);line-height:1.5;white-space:pre-line;}.feedback-attachment{margin-top:0.75rem;}.feedback-attachment__label{font-size:0.78rem;color:var(--text-muted);margin-bottom:0.35rem;}.feedback-attachment__image-link{display:inline-block;border-radius:6px;overflow:hidden;border:1px solid var(--border-color);max-width:150px;cursor:pointer;transition:opacity 0.2s;}.feedback-attachment__image-link img{width:100%;display:block;max-height:100px;object-fit:cover;}.feedback-attachment__file-link{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.8rem;background:rgba(255,255,255,0.05);padding:0.35rem 0.65rem;border-radius:6px;border:1px solid var(--border-color);color:var(--text-main);text-decoration:none;}.feedback-attachment__file-link i{color:var(--color-danger);}.feedback-admin-response{margin-top:1rem;padding:0.95rem;border-radius:8px;background:var(--primary-glow);border-left:3px solid var(--primary);}.feedback-admin-response__header{display:flex;align-items:center;gap:0.5rem;font-size:0.78rem;font-weight:600;color:var(--primary);margin-bottom:0.35rem;}.feedback-admin-response__body{font-size:0.85rem;color:var(--text-main);line-height:1.5;white-space:pre-line;}.feedback-state{text-align:center;padding:2rem 0;color:var(--text-muted);font-size:0.9rem;}.feedback-state--error{color:var(--color-danger);}.feedback-disabled{max-width:550px;margin:3rem auto;padding:3rem 1.5rem;text-align:center;}.feedback-disabled__icon{font-size:3.5rem;margin-bottom:1rem;color:var(--text-muted);}.feedback-disabled__title{margin-bottom:0.75rem;color:var(--text-main);}.feedback-disabled__desc{color:var(--text-muted);font-size:0.95rem;line-height:1.6;margin-bottom:1.5rem;}.feedback-section-title{margin-top:0;margin-bottom:1.25rem;font-size:1.15rem;display:flex;align-items:center;gap:0.5rem;color:var(--text-main);}.feedback-section-title i{color:var(--primary);}@media (max-width:520px){.feedback-type-grid{grid-template-columns:1fr;}}body.auth-page .sidebar,body.auth-page .mobile-nav-bar,body.auth-page .swipe-hint,body.auth-page #swipeHint,body.auth-page #sidebarOverlay{display:none !important;pointer-events:none !important;}body.auth-page .main-content{margin-left:0;width:100vw;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;padding-top:calc(1.5rem + env(safe-area-inset-top,0px));}.auth-card{width:100%;max-width:420px;margin:0 auto;position:relative;overflow:hidden;border:1.5px solid var(--primary-glow);box-shadow:0 20px 50px -10px rgba(0,0,0,0.7),0 0 20px var(--primary-glow);}.auth-logo{text-align:center;margin-bottom:2rem;}.auth-logo img{height:52px;width:auto;margin-bottom:0.75rem;}.auth-logo h1{font-size:1.8rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.auth-error-msg{background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.3);color:var(--color-danger-strong);padding:0.85rem 1rem;border-radius:var(--radius-md);font-size:0.9rem;margin-bottom:1.25rem;}.auth-form{display:flex;flex-direction:column;gap:1.25rem;}.auth-footer{margin-top:1.5rem;text-align:center;font-size:0.9rem;color:var(--text-muted);}.auth-lang-switch{display:flex;justify-content:flex-end;margin-bottom:0.35rem;}.auth-lang-switch__pill{display:inline-flex;background:rgba(255,255,255,0.06);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2px;gap:2px;}.auth-lang-switch__btn{border:none;background:transparent;color:var(--text-muted);font-size:0.72rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);}.auth-lang-switch__btn--active{background:var(--primary);color:var(--text-on-accent);}.auth-divider{display:flex;align-items:center;margin-bottom:1.25rem;color:var(--text-muted);font-size:0.85rem;}.auth-divider__line{flex:1;border-bottom:1px solid var(--border-color);}.auth-divider__label{padding:0 0.75rem;}.auth-referrer-banner{background:linear-gradient(135deg,var(--color-purple-soft),var(--color-info-soft));border:1px solid var(--color-purple-glow);padding:0.75rem 1rem;border-radius:10px;margin-bottom:1.25rem;text-align:center;}.auth-referrer-banner__title{font-weight:800;color:var(--color-purple-strong);font-size:0.9rem;}.auth-referrer-banner__desc{font-size:0.8rem;color:var(--text-muted);margin:0.2rem 0 0 0;}.auth-biometric-btn{margin-bottom:1.25rem;background:linear-gradient(135deg,var(--color-info-soft),var(--color-purple-soft));color:var(--color-info-strong);border:1px solid var(--color-info-glow);padding:0.8rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:0.5rem;border-radius:8px;}.auth-biometric-btn i{font-size:1.2rem;color:var(--color-info);}.auth-success-msg{display:block;background:var(--color-success-soft);border:1px solid var(--color-success-glow);color:var(--color-success-strong);padding:0.75rem 1rem;border-radius:8px;margin-bottom:1.25rem;font-size:0.9rem;line-height:1.4;text-align:center;}.app-promo-banner{background:linear-gradient(135deg,rgba(30,41,59,0.95),rgba(15,23,42,0.98));border:1px solid var(--color-info-glow);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.25rem;position:relative;box-shadow:var(--shadow-card);}.app-promo-banner__close{position:absolute;top:10px;right:12px;background:rgba(255,255,255,0.1);border:none;color:var(--text-subtle);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8rem;cursor:pointer;transition:all var(--transition-fast);}.app-promo-banner__inner{display:flex;align-items:center;gap:0.85rem;}.app-promo-banner__icon{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,#0284c7,var(--color-info));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--color-info-glow);flex-shrink:0;}.app-promo-banner__icon i{font-size:1.5rem;color:var(--text-on-accent);}.app-promo-banner__content{flex:1;padding-right:1.5rem;}.app-promo-banner__title-row{display:flex;align-items:center;gap:0.4rem;}.app-promo-banner__title{margin:0;font-size:0.95rem;font-weight:700;color:var(--text-main);}.app-promo-banner__badge{background:var(--color-info-soft);color:var(--color-info-strong);font-size:0.65rem;font-weight:700;padding:0.1rem 0.4rem;border-radius:4px;text-transform:uppercase;}.app-promo-banner__desc{margin:0.25rem 0 0 0;font-size:0.78rem;color:var(--text-subtle);line-height:1.35;}.app-promo-banner__cta{margin-top:0.85rem;font-size:0.88rem;padding:0.6rem 1rem;display:flex;align-items:center;justify-content:center;gap:0.5rem;background:linear-gradient(135deg,#0284c7,var(--color-info-strong));border:none;font-weight:600;border-radius:8px;text-decoration:none;color:var(--text-on-accent);box-shadow:0 1px 3px rgba(0,0,0,0.2);}.auth-footer-links{margin-top:0.5rem;font-size:0.8rem;}.auth-footer-links a,.auth-footer-links span{color:var(--text-muted);}.auth-footer-links a{text-decoration:none;}.auth-logo i{font-size:2.5rem;color:var(--primary);margin-bottom:0.5rem;}.auth-logo p{color:var(--text-muted);font-size:0.9rem;}.tabata-timer-display{animation:pulse-glow 2s ease-in-out infinite;}@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px var(--color-warning-glow);}50%{box-shadow:0 0 40px var(--color-warning-soft);}}.tabata-exercise-card{transition:all 0.2s ease;}.tabata-exercise-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.3);}.tabata-exercise-card:active{transform:translateY(0);}.tabata-phase-work{background:linear-gradient(135deg,var(--color-success-soft),var(--color-success-glow));border-color:var(--color-success);}.tabata-phase-rest{background:linear-gradient(135deg,var(--color-danger-soft),var(--color-danger-glow));border-color:var(--color-danger);}.tabata-phase-complete{background:linear-gradient(135deg,var(--color-info-soft),var(--color-info-glow));border-color:var(--color-info);}.tabata-progress-bar{height:8px;background:rgba(255,255,255,0.1);border-radius:4px;overflow:hidden;}.tabata-progress-fill{height:100%;border-radius:4px;transition:width 0.3s ease;}.tabata-mode-toggle{transition:all 0.2s ease;}.tabata-mode-toggle:hover{transform:scale(1.05);}.tabata-mode-toggle:active{transform:scale(0.95);}.tabata-safety-warning{background:var(--color-warning-soft);border-left:3px solid var(--color-warning);padding:0.5rem;border-radius:6px;margin-top:0.5rem;}.tabata-modal-overlay{backdrop-filter:blur(4px);}.tabata-intensity-high{color:var(--color-danger);background:var(--color-danger-soft);}.tabata-intensity-medium{color:var(--color-warning);background:var(--color-warning-soft);}.tabata-intensity-low{color:var(--color-success);background:var(--color-success-soft);}.active-workout-banner{background:var(--accent-gradient);color:white;padding:0.75rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-card);}.timer-box{text-align:center;background:var(--bg-surface);border:1.5px solid var(--primary-glow);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px rgba(0,0,0,0.5),0 0 20px var(--primary-glow);}.timer-box::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0.25;background-image:radial-gradient(rgba(255,255,255,0.12) 1.2px,transparent 1.2px);background-size:14px 14px;}.timer-display{font-size:3.2rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--primary);margin:0.5rem 0;letter-spacing:-0.03em;transition:all 0.2s ease;}.timer-display.running{color:var(--success);}.timer-display.warning{color:var(--danger);animation:blinkWarning 0.8s infinite;}.timer-display.finished{color:var(--success);transform:scale(1.05);}.preset-buttons{display:flex;justify-content:center;gap:0.5rem;flex-wrap:wrap;margin:1rem 0;}.btn-preset{padding:0.4rem 0.8rem;font-size:0.85rem;border-radius:var(--radius-sm);background:rgba(255,255,255,0.06);color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;transition:all 0.2s ease;}.btn-preset:hover,.btn-preset.active{background:var(--primary);color:white;border-color:transparent;}.set-table{width:100%;border-collapse:collapse;margin-top:1rem;}.set-table th,.set-table td{padding:0.75rem 0.5rem;text-align:center;border-bottom:1px solid var(--border-color);}.set-row.completed input[type="checkbox"],.set-row.completed .fa-check-circle,.set-checkbox:checked,button.set-check-btn.completed i{animation:ft-check-pop 0.35s cubic-bezier(0.34,1.56,0.64,1);}.set-table th{font-size:0.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;}@media (max-width:600px){.preset-buttons{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:0.35rem;scrollbar-width:none;}.preset-buttons::-webkit-scrollbar{display:none;}.btn-preset{flex:0 0 auto;white-space:nowrap;padding:0.5rem 0.85rem;font-size:0.82rem;}.set-table-wrapper{width:100%;overflow-x:auto;margin-bottom:0.5rem;}.set-table{width:100%;min-width:310px;}.set-table th,.set-table td{padding:0.4rem 0.2rem;font-size:0.82rem;white-space:nowrap;}.set-table input.form-control{font-size:16px;padding:0.4rem 0.2rem;}.quick-add-ex-btn{font-size:0.82rem;padding:0.45rem 0.75rem;}}.active-sensor-bar{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.6rem 1rem;margin-bottom:1rem;background:var(--bg-surface);border:1.5px solid var(--primary-glow);border-radius:var(--radius-md);flex-wrap:wrap;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.4),0 0 15px var(--primary-glow);}.active-sensor-bar::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0.3;background-image:radial-gradient(rgba(255,255,255,0.12) 1.2px,transparent 1.2px);background-size:14px 14px;}.exercise-item.active-exercise-card,.exercise-card-active,.workout-exercise-card{position:relative;overflow:hidden;border:1.5px solid var(--primary-glow) !important;box-shadow:0 2px 8px rgba(0,0,0,0.3) !important;}.exercise-item.active-exercise-card::before,.exercise-card-active::before,.workout-exercise-card::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0.22;background-image:radial-gradient(rgba(255,255,255,0.12) 1.2px,transparent 1.2px);background-size:14px 14px;}.sensor-item{display:inline-flex;align-items:center;gap:0.45rem;font-size:0.88rem;color:var(--text-main);}.stepper-wrapper{display:inline-flex;align-items:center;gap:0.25rem;justify-content:center;}.stepper-btn{width:30px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);color:var(--text-main);font-weight:700;font-size:0.85rem;cursor:pointer;user-select:none;transition:all 0.15s ease;flex-shrink:0;}.stepper-btn:active{transform:scale(0.92);background:var(--primary);color:var(--text-on-accent);}.benchmark-badge{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.74rem;font-weight:600;color:var(--color-info-strong);background:var(--color-info-soft);border:1px solid var(--color-info-glow);border-radius:var(--radius-md);padding:0.15rem 0.55rem;cursor:pointer;transition:all 0.2s ease;}.benchmark-badge:hover{background:var(--color-info-glow);}.focus-mode-bar{display:flex;align-items:center;justify-content:space-between;background:rgba(30,41,59,0.7);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-md);padding:0.6rem 0.85rem;margin-bottom:1rem;}.focus-nav-btn{padding:0.35rem 0.75rem;font-size:0.82rem;font-weight:600;border-radius:8px;}.mode-toggle-slider{display:inline-flex;align-items:center;position:relative;user-select:none;}.mode-slider-track{display:inline-flex;position:relative;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:3px;box-shadow:inset 0 2px 4px rgba(0,0,0,0.3);cursor:pointer;}.mode-slider-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:var(--radius-lg);transition:transform 0.28s cubic-bezier(0.4,0,0.2,1),background 0.28s ease,box-shadow 0.28s ease;z-index:1;pointer-events:none;}.mode-toggle-slider.is-focus .mode-slider-thumb{transform:translateX(0);background:linear-gradient(135deg,var(--color-info) 0%,#1d4ed8 100%);box-shadow:0 2px 10px var(--color-info-glow);}.mode-toggle-slider.is-list .mode-slider-thumb{transform:translateX(100%);background:linear-gradient(135deg,var(--color-purple) 0%,#6d28d9 100%);box-shadow:0 2px 10px var(--color-purple-glow);}.mode-slider-btn{position:relative;z-index:2;background:transparent;border:none;outline:none;cursor:pointer;padding:0.3rem 0.75rem;font-size:0.78rem;font-weight:600;color:var(--text-muted,#94a3b8);display:inline-flex;align-items:center;gap:0.35rem;border-radius:var(--radius-lg);transition:color 0.25s ease;white-space:nowrap;flex:1;justify-content:center;}.mode-slider-btn i{font-size:0.8rem;transition:transform 0.25s ease,color 0.25s ease;}.mode-toggle-slider.is-focus .btn-focus{color:var(--text-on-accent);font-weight:700;}.mode-toggle-slider.is-focus .btn-focus i{color:var(--color-info-strong);transform:scale(1.1);}.mode-toggle-slider.is-list .btn-list{color:var(--text-on-accent);font-weight:700;}.mode-toggle-slider.is-list .btn-list i{color:var(--color-purple-strong);transform:scale(1.1);}.mode-slider-btn:hover:not(.active){color:var(--text-main);}.quick-add-drawer{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;margin-top:1.5rem;margin-bottom:1.5rem;}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem;}@media (max-width:520px){.achievements-grid{grid-template-columns:repeat(2,1fr);gap:0.5rem;}.achievement-card{padding:0.75rem 0.55rem;border-radius:var(--radius-md);}.achievement-card h4{font-size:0.88rem !important;}.achievement-card{position:relative;border-radius:var(--radius-lg);padding:1rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast);}.achievement-card.unlocked{background:linear-gradient(135deg,rgba(245,158,11,0.09) 0%,rgba(18,23,34,0.95) 100%);border:1.5px solid rgba(245,158,11,0.45);box-shadow:0 6px 20px rgba(245,158,11,0.18),0 0 15px var(--primary-glow);}.achievement-card.unlocked::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0.25;background-image:radial-gradient(rgba(255,255,255,0.15) 1.2px,transparent 1.2px);background-size:12px 12px;}.achievement-card.locked{background:var(--bg-surface);border:1px solid var(--border-color);}.achievement-icon-box{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0;margin-bottom:0.75rem;}@media (max-width:600px){.achievement-card p{font-size:0.74rem !important;margin-bottom:0.5rem !important;}.achievement-icon-box{width:36px;height:36px;font-size:1.05rem;}.achievement-card .badge{font-size:0.64rem !important;padding:0.18rem 0.38rem !important;}}.achievement-card.unlocked .achievement-icon-box{background:linear-gradient(135deg,var(--color-warning) 0%,#d97706 100%);color:var(--text-on-accent);box-shadow:0 4px 12px rgba(245,158,11,0.4);position:relative;border-radius:50%;}.achievement-card.locked .achievement-icon-box{background:rgba(255,255,255,0.05);color:var(--text-muted);}.ach-frame-btn{padding:0.45rem 0.85rem;font-size:0.82rem;color:var(--color-warning-strong);border:1px solid var(--color-warning-glow);background:var(--color-warning-soft);font-weight:700;border-radius:var(--radius-full);}.ach-progress-badge{padding:0.45rem 0.85rem;font-size:0.82rem;background:var(--color-warning-soft);color:var(--color-warning-strong);border:1px solid var(--color-warning-glow);font-weight:700;border-radius:var(--radius-full);}.ach-card-title{font-size:1.05rem;margin:0 0 0.4rem 0;font-weight:800;color:var(--text-main);}.ach-card-title--unlocked{color:var(--color-warning-strong);}.ach-unlocked-icon{color:var(--color-warning-strong);margin-right:0.25rem;}.ach-progress-track{height:8px;background:rgba(255,255,255,0.06);border-radius:var(--radius-full);overflow:hidden;}.ach-progress-fill{height:100%;border-radius:var(--radius-full);transition:width 0.4s ease;}.ach-progress-fill--unlocked{background:linear-gradient(90deg,var(--color-warning),var(--color-success));}.ach-progress-fill--locked{background:var(--primary-gradient);}.ach-progress-pct--unlocked{color:var(--color-success);}.ach-filter-btn{border-radius:var(--radius-full);font-weight:700;padding:0.45rem 0.9rem;}.gamification-card{background:var(--bg-card);border:1px solid var(--color-warning-glow);box-shadow:var(--shadow-card);margin-top:1.5rem;padding:var(--card-padding);border-radius:var(--radius-md);}.badges-scroll-container{display:flex;gap:0.85rem;overflow-x:auto;padding-bottom:0.5rem;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(245,158,11,0.3) transparent;}.badges-scroll-container::-webkit-scrollbar{height:4px;}.badges-scroll-container::-webkit-scrollbar-track{background:transparent;}.badges-scroll-container::-webkit-scrollbar-thumb{background:rgba(245,158,11,0.3);border-radius:var(--radius-full);}.badge-item-showcase{flex:0 0 auto;width:135px;padding:0.85rem;border-radius:var(--radius-md);text-align:center;scroll-snap-align:start;}@media (max-width:600px){.gamification-card{padding:1.1rem;}.gamification-header-content{flex-direction:column;align-items:stretch;gap:0.85rem;}.gamification-header-content .btn{width:100%;text-align:center;justify-content:center;}.badge-item-showcase{width:118px;padding:0.7rem 0.5rem;}}#ftCompletionSplash{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.35s ease;}#ftCompletionSplash.ft-splash-visible{opacity:1;pointer-events:auto;}#ftCompletionSplash.ft-splash-exit{opacity:0;pointer-events:none;}.ft-splash-backdrop{position:absolute;inset:0;background:rgba(5,8,16,0.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}.ft-splash-card{position:relative;z-index:1;background:linear-gradient(160deg,rgba(22,29,48,0.95) 0%,rgba(12,16,28,0.98) 100%);border:1.5px solid var(--primary-glow);border-radius:28px;padding:2.5rem 2rem 2rem;width:min(92vw,400px);display:flex;flex-direction:column;align-items:center;gap:1.25rem;box-shadow:0 40px 80px -20px rgba(0,0,0,0.8),0 0 25px var(--primary-glow);transform:translateY(0);animation:ft-splash-pop 0.45s cubic-bezier(0.34,1.56,0.64,1) both;}.ft-splash-card::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0.35;background-image:radial-gradient(rgba(255,255,255,0.15) 1.2px,transparent 1.2px);background-size:14px 14px;border-radius:28px;}.ft-confetti-canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:28px;pointer-events:none;z-index:0;}.ft-splash-icon{position:relative;z-index:1;width:80px;height:80px;display:flex;align-items:center;justify-content:center;}.ft-splash-ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--primary);box-shadow:0 0 14px var(--primary-glow);animation:ft-ring-pulse 2s ease infinite;}.ft-splash-emoji{font-size:3.2rem;line-height:1;position:relative;z-index:1;animation:ft-bounce-in 0.5s cubic-bezier(0.34,1.56,0.64,1) 0.2s both;}.ft-splash-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--text-on-accent) 0%,var(--color-info-strong) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;position:relative;z-index:1;text-align:center;}.ft-splash-sub{color:var(--text-muted);font-size:0.95rem;margin:-0.75rem 0 0;position:relative;z-index:1;text-align:center;}.ft-splash-stats{display:flex;gap:0;width:100%;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:var(--radius-lg);overflow:hidden;position:relative;z-index:1;}.ft-splash-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:0.25rem;padding:1rem 0.5rem;border-right:1px solid rgba(255,255,255,0.07);transition:background var(--transition-fast);}.ft-splash-stat:last-child{border-right:none;}.ft-splash-stat-icon{font-size:1.3rem;}.ft-splash-stat-value{font-size:1.15rem;font-weight:700;color:var(--text-main);}.ft-splash-stat-label{font-size:0.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;}.ft-splash-share-btn{position:relative;z-index:1;width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,#1d4ed8 100%);border:none;border-radius:var(--radius-lg);color:var(--text-on-accent);font-size:1.05rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.6rem;box-shadow:0 1px 3px rgba(0,0,0,0.2);transition:filter var(--transition-fast);font-family:inherit;}.ft-splash-share-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(59,130,246,0.45);}.ft-splash-share-btn:active{transform:scale(0.97);}.ft-splash-countdown-wrap{display:flex;flex-direction:column;align-items:center;gap:0.4rem;position:relative;z-index:1;}.ft-splash-countdown{position:relative;width:44px;height:44px;}.ft-countdown-svg{width:44px;height:44px;transform:rotate(-90deg);}.ft-countdown-track{fill:none;stroke:rgba(255,255,255,0.1);stroke-width:3;}.ft-countdown-progress{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 0.9s linear;}.ft-countdown-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:var(--primary);}.ft-splash-redirect{font-size:0.82rem;color:var(--text-subtle);}#ftShareSheet{position:fixed;inset:0;z-index:9100;pointer-events:none;opacity:0;transition:opacity 0.3s ease;}#ftShareSheet.ft-sheet-visible{opacity:1;pointer-events:auto;}#ftShareSheet.ft-sheet-exit{opacity:0;pointer-events:none;}.ft-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}.ft-sheet-panel{position:absolute;bottom:0;left:50%;transform:translateX(-50%) translateY(100%);width:100%;max-width:520px;background:linear-gradient(180deg,rgba(22,29,48,0.99) 0%,rgba(10,13,20,1) 100%);border-top:1px solid rgba(255,255,255,0.1);border-left:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(255,255,255,0.1);border-radius:28px 28px 0 0;padding:0.75rem 1.5rem 2.5rem;display:flex;flex-direction:column;gap:1rem;transition:transform 0.38s cubic-bezier(0.32,0.72,0,1);max-height:92vh;overflow-y:auto;padding-bottom:max(2.5rem,env(safe-area-inset-bottom,20px));}#ftShareSheet.ft-sheet-visible .ft-sheet-panel{transform:translateX(-50%) translateY(0);}#ftShareSheet.ft-sheet-exit .ft-sheet-panel{transform:translateX(-50%) translateY(100%);}.ft-sheet-handle{width:44px;height:4px;background:rgba(255,255,255,0.2);border-radius:2px;margin:0 auto 0.5rem;flex-shrink:0;}.ft-sheet-title{font-size:1.1rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:0.6rem;margin:0;}.ft-share-preview-card{background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-input) 100%);border:1px solid rgba(59,130,246,0.25);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:0.6rem;box-shadow:0 12px 32px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.06);position:relative;overflow:hidden;}.ft-share-preview-card::before{content:'';position:absolute;top:-60px;right:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,0.15),transparent);pointer-events:none;}.ft-share-card-badge{font-size:0.8rem;font-weight:700;color:var(--primary);letter-spacing:0.04em;text-transform:uppercase;}.ft-share-card-title{font-size:1.3rem;font-weight:800;color:#fff;line-height:1.2;}.ft-share-card-date{font-size:0.8rem;color:var(--text-muted);margin-top:-0.2rem;}.ft-share-card-stats{display:flex;gap:0;margin-top:0.75rem;background:rgba(255,255,255,0.05);border-radius:var(--radius-md);overflow:hidden;}.ft-share-card-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:0.75rem 0.25rem;border-right:1px solid rgba(255,255,255,0.06);gap:0.2rem;}.ft-share-card-stat:last-child{border-right:none;}.ft-share-card-stat-val{font-size:1rem;font-weight:700;color:#fff;}.ft-share-card-stat-lbl{font-size:0.7rem;color:var(--text-muted);}.ft-share-card-footer{font-size:0.72rem;color:var(--text-subtle);margin-top:0.25rem;opacity:0.7;}.ft-sheet-actions{display:flex;flex-direction:column;gap:0.5rem;}.ft-sheet-action-btn{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);font-family:inherit;color:var(--text-main);text-align:left;}.ft-sheet-action-btn:hover{background:rgba(255,255,255,0.08);}.ft-sheet-action-btn:active{transform:scale(0.98);background:rgba(255,255,255,0.06);}.ft-sheet-action-btn:disabled{opacity:0.5;cursor:wait;}.ft-sheet-action-icon{font-size:1.5rem;flex-shrink:0;}.ft-sheet-action-text{flex:1;display:flex;flex-direction:column;gap:0.15rem;}.ft-sheet-action-label{font-size:0.97rem;font-weight:600;color:var(--text-main);}.ft-sheet-action-sub{font-size:0.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;}.ft-sheet-action-arrow{color:var(--text-subtle);font-size:0.85rem;flex-shrink:0;}.ft-sheet-close-btn{width:100%;padding:0.9rem;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-md);color:var(--text-muted);font-size:0.95rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast);font-family:inherit;}.ft-sheet-close-btn:hover{background:rgba(255,255,255,0.1);}.ft-share-theme-tabs{display:flex;gap:0.4rem;overflow-x:auto;white-space:nowrap;padding:0.2rem 0.2rem 0.4rem 0.2rem;margin-bottom:0.75rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;scroll-snap-type:x proximity;cursor:grab;}.ft-share-theme-tabs::-webkit-scrollbar{display:none;}.ft-theme-tab{flex-shrink:0;min-width:95px;padding:0.65rem 0.95rem;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius-lg);color:var(--text-muted);font-size:0.82rem;font-weight:700;text-align:center;cursor:pointer;white-space:nowrap;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;user-select:none;box-shadow:0 2px 6px rgba(0,0,0,0.2);}.ft-theme-tab.active{background:linear-gradient(135deg,rgba(168,85,247,0.35) 0%,rgba(59,130,246,0.35) 100%);border-color:rgba(168,85,247,0.6);color:var(--text-on-accent);box-shadow:0 1px 3px rgba(0,0,0,0.2);}.ft-share-story-preview{width:100%;max-width:320px;max-height:480px;margin:0 auto;border-radius:var(--radius-lg);position:relative;overflow-y:auto !important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.2) transparent;box-shadow:0 12px 32px rgba(0,0,0,0.6);display:flex;flex-direction:column;gap:0.5rem;padding:1.25rem 1rem;border:1px solid rgba(255,255,255,0.15);transition:all 0.3s ease;}.ft-story-theme-neon{background:radial-gradient(circle at 10% 20%,rgba(168,85,247,0.3) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(59,130,246,0.3) 0%,transparent 40%),var(--bg-surface);border-color:rgba(168,85,247,0.4);}.ft-story-theme-beast{background:radial-gradient(circle at 50% 0%,rgba(245,158,11,0.35) 0%,transparent 60%),radial-gradient(circle at 50% 100%,rgba(239,68,68,0.35) 0%,transparent 60%),var(--bg-surface);border-color:rgba(245,158,11,0.5);}.ft-story-theme-glass{background:linear-gradient(135deg,rgba(30,41,59,0.95) 0%,rgba(15,23,42,0.95) 100%);backdrop-filter:blur(16px);border-color:rgba(255,255,255,0.2);}.ft-story-theme-photo{background-size:cover;background-position:center;position:relative;}.ft-story-theme-photo::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,15,25,0.4) 0%,rgba(11,15,25,0.85) 100%);z-index:1;}.ft-story-theme-photo > *{position:relative;z-index:2;}.ft-photo-input-btn{background:rgba(255,255,255,0.08);border:1px dashed rgba(255,255,255,0.25);border-radius:var(--radius-md);padding:0.6rem;color:var(--text-main);font-size:0.8rem;font-weight:600;text-align:center;cursor:pointer;margin-bottom:0.75rem;display:flex;align-items:center;justify-content:center;gap:0.5rem;}.ft-photo-input-btn:hover{background:rgba(255,255,255,0.15);}.ft-share-toggles-wrap{display:flex;gap:0.35rem;overflow-x:auto;white-space:nowrap;padding:0.2rem 0.2rem 0.4rem 0.2rem;margin-bottom:0.75rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;scroll-snap-type:x proximity;cursor:grab;}.ft-share-toggles-wrap::-webkit-scrollbar{display:none;}.ft-toggle-chip{flex-shrink:0;padding:0.65rem 0.95rem;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius-lg);color:var(--text-muted);font-size:0.82rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);display:inline-flex;align-items:center;gap:0.4rem;user-select:none;box-shadow:0 2px 6px rgba(0,0,0,0.2);}.ft-toggle-chip.active{background:rgba(59,130,246,0.25);border-color:rgba(59,130,246,0.6);color:var(--color-info-strong);box-shadow:0 1px 3px rgba(0,0,0,0.2);}#ftPreviewStatsGrid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:0.4rem !important;margin-top:0.5rem !important;width:100% !important;box-sizing:border-box !important;}#ftPreviewStatsGrid > div{min-width:0 !important;box-sizing:border-box !important;width:100% !important;}@media screen and (max-width:600px){.ft-sheet-panel{max-height:94vh;padding:0.75rem 0.85rem max(1.5rem,env(safe-area-inset-bottom,15px));border-radius:22px 22px 0 0;gap:0.75rem;}.ft-share-story-preview{max-width:100%;padding:1rem 0.85rem;}.ft-share-theme-tabs,.ft-share-toggles-wrap{gap:0.4rem;padding:0.3rem 0.1rem 0.5rem 0.1rem;-webkit-overflow-scrolling:touch;}.ft-theme-tab,.ft-toggle-chip{padding:0.6rem 0.85rem;font-size:0.8rem;min-width:88px;}}.progress-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;margin-top:0.5rem;}.progress-photo-card{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-fast),box-shadow var(--transition-fast);}.progress-photo-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.4);border-color:var(--color-purple-glow);}.progress-photo-img-wrap{position:relative;width:100%;aspect-ratio:4 / 5;background:var(--bg-input);overflow:hidden;}.progress-photo-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease;}.progress-photo-card:hover .progress-photo-img{transform:scale(1.04);}.progress-photo-badge{position:absolute;top:8px;left:8px;font-size:0.72rem;font-weight:600;padding:0.25rem 0.55rem;border-radius:var(--radius-full);cursor:pointer;border:none;transition:transform 0.2s ease,background 0.2s ease;z-index:5;}.progress-photo-badge:hover{transform:scale(1.06);}.badge-private{background:rgba(15,23,42,0.82);color:var(--text-muted);border:1px solid rgba(255,255,255,0.15);}.badge-public{background:rgba(139,92,246,0.85);color:var(--text-on-accent);box-shadow:0 2px 8px rgba(139,92,246,0.5);}.progress-photo-edit-btn{position:absolute;top:8px;right:42px;width:28px;height:28px;border-radius:50%;background:rgba(59,130,246,0.85);color:white;border:none;display:flex;align-items:center;justify-content:center;font-size:0.75rem;cursor:pointer;opacity:0;transition:opacity 0.2s ease,transform 0.2s ease;}.progress-photo-card:hover .progress-photo-edit-btn{opacity:1;}.progress-photo-edit-btn:hover{transform:scale(1.1);background:var(--color-info);}.progress-photo-delete-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:rgba(239,68,68,0.82);color:white;border:none;display:flex;align-items:center;justify-content:center;font-size:0.75rem;cursor:pointer;opacity:0;transition:opacity 0.2s ease,transform 0.2s ease;}.progress-photo-card:hover .progress-photo-delete-btn{opacity:1;}.progress-photo-delete-btn:hover{transform:scale(1.1);background:var(--color-danger);}.progress-photo-meta{padding:0.75rem;font-size:0.82rem;display:flex;flex-direction:column;gap:0.25rem;}.progress-photo-date{color:var(--text-muted);font-size:0.78rem;display:flex;align-items:center;gap:0.3rem;}.progress-photo-weight{color:var(--color-purple-strong);font-weight:600;}.progress-photo-notes{color:var(--text-main);word-break:break-word;margin-top:0.1rem;}.progress-photos-empty{text-align:center;padding:2.5rem 1rem;background:rgba(255,255,255,0.02);border:1px dashed var(--border-color);border-radius:var(--radius-md);}.photo-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:1.5rem;text-align:center;cursor:pointer;background:rgba(255,255,255,0.02);transition:border-color 0.2s ease,background 0.2s ease;}.photo-dropzone:hover{border-color:var(--color-purple);background:var(--color-purple-soft);}.post-image-wrap{margin-top:0.85rem;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-input);max-height:420px;border:1px solid var(--border-color);}.post-image{width:100%;height:100%;max-height:420px;object-fit:cover;display:block;}.post-workout-badge-card{margin-top:0.75rem;background:linear-gradient(135deg,var(--color-purple-soft),var(--color-info-soft));border:1px solid var(--color-purple-glow);border-radius:var(--radius-md);padding:0.75rem 1rem;}.post-workout-badge-title{font-weight:600;font-size:0.9rem;color:var(--color-purple-strong);margin-bottom:0.35rem;}.post-workout-badge-stats{display:flex;gap:1rem;flex-wrap:wrap;font-size:0.82rem;color:var(--text-main);font-weight:500;}.post-actions-bar{display:flex;align-items:center;justify-content:flex-end;gap:0.75rem;margin-top:0.85rem;padding-top:0.6rem;border-top:1px solid rgba(255,255,255,0.06);}.post-action-link{background:none;border:none;color:var(--text-muted);font-size:0.78rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:0.35rem;padding:0.25rem 0.55rem;border-radius:var(--radius-sm);transition:background 0.2s ease,color 0.2s ease;font-family:inherit;}.post-action-link:hover{background:rgba(255,255,255,0.08);color:var(--text-main);}.btn-delete-post:hover{color:var(--color-danger-strong) !important;background:var(--color-danger-soft) !important;}.btn-report-post:hover{color:var(--color-warning-strong) !important;background:var(--color-warning-soft) !important;}.btn-admin-delete-post{color:var(--color-danger-strong) !important;background:var(--color-danger-soft) !important;border:1px solid var(--color-danger-glow) !important;font-weight:600 !important;}.btn-admin-delete-post:hover{background:var(--color-danger-glow) !important;color:var(--text-on-accent) !important;}.community-post-reported{border:1px solid var(--color-danger-glow) !important;box-shadow:0 0 15px var(--color-danger-soft) !important;}.community-reported-alert{background:var(--color-danger-soft);border:1px solid var(--color-danger-glow);color:var(--color-danger-strong);font-size:0.82rem;padding:0.45rem 0.85rem;border-radius:var(--radius-sm);margin-bottom:0.75rem;display:flex;align-items:center;gap:0.5rem;}@media (max-width:600px){.progress-photos-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:0.75rem;}.progress-photo-delete-btn,.progress-photo-edit-btn{opacity:1;}}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:0.85rem;}.profile-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:1rem;box-shadow:var(--shadow-card);transition:border-color var(--transition-fast);}.profile-card:hover{border-color:var(--border-hover);}.profile-card:active{transform:none !important;}.profile-header-user{display:flex;align-items:center;gap:0.85rem;margin-bottom:0.85rem;}.profile-avatar-wrapper{position:relative;width:48px;height:48px;flex-shrink:0;overflow:visible !important;}.profile-avatar-img{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--text-on-accent);box-shadow:0 2px 8px var(--primary-glow);cursor:pointer;border:2px solid rgba(255,255,255,0.12);object-fit:cover;}.profile-avatar-btn-overlay{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background:var(--primary);color:var(--text-on-accent);border:2px solid var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:0.58rem;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,0.4);transition:transform var(--transition-fast);}.profile-avatar-btn-overlay:hover{transform:scale(1.1);}.profile-section-heading{font-size:0.85rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:0.35rem;margin-bottom:0.65rem;}.profile-card .form-group{display:flex;flex-direction:column;gap:0.2rem;}.profile-card .form-group label{font-size:0.76rem;font-weight:500;color:var(--text-muted);}.profile-card input.form-control{width:100%;padding:0.42rem 0.65rem;font-size:0.82rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.09);border-radius:7px;color:var(--text-main);outline:none;transition:all var(--transition-fast);}.profile-card select.form-control,.profile-card select{color-scheme:dark !important;width:100%;padding:0.42rem 2.2rem 0.42rem 0.65rem !important;font-size:0.82rem;background-color:var(--bg-input) !important;border:1px solid rgba(255,255,255,0.12) !important;border-radius:7px;color:var(--text-main) !important;outline:none;cursor:pointer;}.profile-card select option{color-scheme:dark !important;background-color:var(--bg-surface) !important;color:var(--text-main) !important;}.profile-card .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);}.profile-setting-row{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0.75rem;background:rgba(255,255,255,0.02);border:1px solid var(--border-color);border-radius:7px;margin-bottom:0.5rem;gap:0.65rem;}.profile-setting-row:last-child{margin-bottom:0;}.profile-setting-row > div{flex:1;min-width:0;margin-right:0.5rem;}.profile-setting-row label,.profile-setting-row strong{font-size:0.82rem;font-weight:600;color:var(--text-main);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.profile-setting-row p{font-size:0.75rem;color:var(--text-muted);margin:0.1rem 0 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.profile-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:0.65rem;}.profile-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,100px),1fr));gap:0.4rem;margin-top:0.4rem;}.profile-action-btn{padding:0.4rem 0.6rem;font-size:0.76rem;font-weight:600;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:0.35rem;white-space:nowrap;text-align:center;}.profile-loc-box{background:rgba(255,255,255,0.02);border:1px solid var(--border-color);border-radius:8px;padding:0.75rem;transition:border-color var(--transition-fast);}.profile-loc-box:hover{border-color:var(--border-hover);}.switch{position:relative;display:inline-block;width:44px;height:24px;margin:0;}.switch input{opacity:0;width:0;height:0;}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--text-subtle);transition:.4s;border-radius:24px;}.slider-circle{position:absolute;content:'';height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:.4s;border-radius:50%;}input:checked + .slider{background-color:var(--success);}input:checked + .slider + .slider-circle{transform:translateX(20px);}input:focus + .slider{box-shadow:0 0 1px var(--success);}.switch input:disabled + .slider{opacity:0.6;cursor:not-allowed;}.switch input:disabled + .slider + .slider-circle{opacity:0.6;cursor:not-allowed;}@media (max-width:768px){.profile-grid{grid-template-columns:1fr;gap:0.65rem;width:100%;max-width:100%;box-sizing:border-box;}.profile-card{padding:0.75rem;border-radius:10px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;}.profile-setting-row{padding:0.5rem 0.6rem;gap:0.4rem;width:100%;max-width:100%;box-sizing:border-box;}.profile-setting-row > div{margin-right:0.2rem;min-width:0;}.profile-setting-row label,.profile-setting-row strong{font-size:0.76rem;overflow-wrap:break-word;word-break:break-word;}.profile-setting-row p{font-size:0.7rem;white-space:normal;overflow-wrap:break-word;word-break:break-word;}.switch{width:38px;height:20px;flex-shrink:0;}.slider-circle{height:14px;width:14px;left:3px;bottom:3px;}input:checked + .slider + .slider-circle{transform:translateX(16px);}.profile-form-grid{grid-template-columns:1fr;gap:0.4rem;}.profile-action-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,100px),1fr));gap:0.35rem;}.profile-section-heading{font-size:0.78rem;flex-wrap:wrap;}.profile-header-user{gap:0.6rem;}.profile-avatar-wrapper{width:40px;height:40px;}.profile-avatar-img{width:40px;height:40px;font-size:1rem;}}.profile-section-heading--info{color:var(--color-info-strong);}.profile-section-heading--success{color:var(--color-success-strong);}.profile-section-heading--warning{color:var(--color-warning-strong);}.profile-section-heading--danger{color:var(--color-danger-strong);}.profile-section-heading--purple{color:var(--color-purple-strong);}.profile-section-heading i{color:inherit;}.profile-badge--warning{background:var(--color-warning-soft);color:var(--color-warning-strong);border:1px solid var(--color-warning-glow);font-size:0.72rem;padding:0.2rem 0.5rem;}.profile-badge--danger{background:var(--color-danger-soft);color:var(--color-danger-strong);border:1px solid var(--color-danger-glow);font-size:0.72rem;padding:0.2rem 0.5rem;}.profile-badge--info{background:var(--color-info-soft);color:var(--color-info-strong);border:1px solid var(--color-info-glow);font-size:0.68rem;padding:0.15rem 0.45rem;}.profile-badge--success{background:var(--color-success-soft);color:var(--color-success-strong);border:1px solid var(--color-success-glow);font-size:0.68rem;padding:0.15rem 0.45rem;}.profile-badge--community-on{background:var(--color-success-soft);color:var(--color-success-strong);border:1px solid var(--color-success-glow);}.profile-badge--community-off{background:var(--color-danger-soft);color:var(--color-danger-strong);border:1px solid var(--color-danger-glow);}.profile-btn--success{background:var(--color-success);border-color:var(--color-success);color:var(--text-on-accent);}.profile-btn--danger-sm{font-size:0.72rem;padding:0.2rem 0.5rem;color:var(--color-danger);border-color:var(--color-danger-glow);background:var(--color-danger-soft);}.profile-btn--success-sm{font-size:0.75rem;padding:0.25rem 0.55rem;background:var(--color-success-soft);color:var(--color-success-strong);border:1px solid var(--color-success-glow);}.profile-btn--info{background:var(--color-info-soft);color:var(--color-info-strong);border:1px solid var(--color-info-glow);}.profile-sub-heading{margin-bottom:0.5rem;display:flex;justify-content:space-between;align-items:center;font-size:0.88rem;font-weight:700;}.profile-sub-heading--info{color:var(--color-info-strong);}.profile-sub-heading--purple{color:var(--color-purple-strong);}.profile-sub-heading--success{color:var(--color-success-strong);}.profile-danger-btn{background:linear-gradient(135deg,var(--color-danger) 0%,#dc2626 100%);border:1px solid var(--color-danger-glow);color:var(--text-on-accent);font-weight:600;font-size:0.85rem;padding:0.6rem 1.25rem;border-radius:8px;}.profile-rate-btn{background:linear-gradient(135deg,var(--color-info) 0%,#1d4ed8 100%);font-weight:600;font-size:0.85rem;padding:0.5rem 1rem;border-radius:8px;}.profile-info-banner{background:var(--bg-card);padding:0.65rem 0.85rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;}.profile-info-banner--warning{border-left:3px solid var(--color-warning);}.profile-info-banner--info{border-left:3px solid var(--color-info);}.profile-info-banner--danger{border-left:3px solid var(--color-danger);}.profile-info-banner--danger-strong{border-left:3px solid var(--color-danger);}.profile-info-banner__title{display:flex;align-items:center;gap:0.35rem;margin-bottom:0.25rem;}.profile-info-banner__title--warning{color:var(--color-warning-strong);}.profile-info-banner__title--info{color:var(--color-info-strong);}.profile-info-banner__title--danger{color:var(--color-danger-strong);}.profile-info-banner__title--danger-strong{color:var(--color-danger-strong);}.profile-avatar-actions{display:flex;gap:0.4rem;flex-wrap:wrap;}.progress-photos-tabs-container .tab-btn{transition:all 0.25s cubic-bezier(0.4,0,0.2,1);}.progress-photos-tabs-container .tab-btn:hover{color:var(--text-main) !important;background:rgba(255,255,255,0.03);}.timeline-wrapper{position:relative;padding-left:1.5rem;margin-top:0.5rem;display:flex;flex-direction:column;gap:1rem;}.timeline-item{position:relative;width:100%;z-index:2;animation:timelineFadeIn 0.3s ease-out;}.timeline-badge{position:absolute;left:-29px;top:10px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-on-accent);font-size:0.72rem;box-shadow:0 2px 8px rgba(0,0,0,0.4);border:2.5px solid var(--bg-surface);z-index:3;}.timeline-panel{padding:0.85rem !important;border-radius:var(--radius-md) !important;background:var(--bg-surface-elevated) !important;border:1px solid var(--border-color) !important;position:relative;}.timeline-panel::before{content:'';position:absolute;left:-6px;top:18px;width:10px;height:10px;background:var(--bg-surface-elevated);border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color);transform:rotate(45deg);}.before-after-slider-container{box-sizing:border-box;overflow:hidden;}.before-after-slider-container:active .slider-handle{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 6px 16px rgba(168,85,247,0.45);}.slider-handle i{transition:transform 0.2s ease;}.before-after-slider-container:active .slider-handle i:first-child{transform:translateX(-2px);}.before-after-slider-container:active .slider-handle i:last-child{transform:translateX(2px);}.chart-point-group circle{transition:r 0.2s cubic-bezier(0.4,0,0.2,1),fill 0.2s ease;}.chart-point-group:hover circle{r:6.5px;fill:#a855f7;stroke:#ffffff;stroke-width:2px;}.icon{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);color:var(--text-primary);stroke-width:var(--icon-stroke-width);stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;}.icon svg{stroke:currentColor;}.icon-sm{width:var(--icon-size-sm);height:var(--icon-size-sm);}.icon-lg{width:var(--icon-size-lg);height:var(--icon-size-lg);}.sidebar-nav .icon{width:var(--icon-size);text-align:center;margin-right:1rem;}.sidebar-nav a.active .icon{stroke:#fff;filter:drop-shadow(0 0 2px #ffffff4d);}.icon-spin{animation:spin 2s linear infinite;}.icon-home{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E");}.icon-play-circle{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolygon points='10 8 16 12 10 16 10 8' stroke='%2300cc00'%3E%3C/polygon%3E%3C/svg%3E");}.icon-dumbbell{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 5v14M18 5v14M4 7h2M18 7h2M4 17h2M18 17h2M12 3v18'%3E%3C/path%3E%3Cpath d='M8 11h8'%3E%3C/path%3E%3C/svg%3E");}.icon-list{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='12' x2='21' y2='12'%3E%3C/line%3E%3Cline x1='8' y1='18' x2='21' y2='18'%3E%3C/line%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'%3E%3C/line%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'%3E%3C/line%3E%3C/svg%3E");}.icon-chart-line{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' y1='12' x2='21' y2='12'%3E%3C/line%3E%3Cpolyline points='16 6 21 12 16 18'%3E%3C/polyline%3E%3C/svg%3E");}.icon-chart-bar{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='20' x2='18' y2='10'%3E%3C/line%3E%3Cline x1='12' y1='20' x2='12' y2='4'%3E%3C/line%3E%3Cline x1='6' y1='20' x2='6' y2='14'%3E%3C/line%3E%3Cline x1='3' y1='20' x2='21' y2='20'%3E%3C/line%3E%3C/svg%3E");}.icon-user-cog{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='5'%3E%3C/circle%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='18' r='2'%3E%3C/circle%3E%3C/svg%3E");}.icon-cog{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3E%3C/path%3E%3C/svg%3E");}.icon-sign-out{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'%3E%3C/path%3E%3Cpolyline points='16 17 21 12 16 7'%3E%3C/polyline%3E%3Cline x1='21' y1='12' x2='9' y2='12'%3E%3C/line%3E%3C/svg%3E");}.icon-bars{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' y1='12' x2='21' y2='12'%3E%3C/line%3E%3Cline x1='3' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='18' x2='21' y2='18'%3E%3C/line%3E%3C/svg%3E");}.icon-times{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");}.icon-user{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");}.icon-download{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='7 10 12 15 17 10'%3E%3C/polyline%3E%3Cline x1='12' y1='15' x2='12' y2='3'%3E%3C/line%3E%3C/svg%3E");}.mobile-nav-item.active .icon-home{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E");}.mobile-nav-item.active .icon-play-circle{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolygon points='10 8 16 12 10 16 10 8'%3E%3C/polygon%3E%3C/svg%3E");}.mobile-nav-item.active .icon-dumbbell{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 5v14M18 5v14M4 7h2M18 7h2M4 17h2M18 17h2M12 3v18'%3E%3C/path%3E%3Cpath d='M8 11h8'%3E%3C/path%3E%3C/svg%3E");}.mobile-nav-item.active .icon-list{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='12' x2='21' y2='12'%3E%3C/line%3E%3Cline x1='8' y1='18' x2='21' y2='18'%3E%3C/line%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'%3E%3C/line%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'%3E%3C/line%3E%3C/svg%3E");}.mobile-nav-item.active .icon-user{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");}.icon-trophy{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9H4.5C3.12 9 2 7.88 2 6.5v-1C2 4.12 3.12 3 4.5 3H6'/%3E%3Cpath d='M18 9h1.5c1.38 0 2.5-1.12 2.5-2.5v-1C22 4.12 20.88 3 19.5 3H18'/%3E%3Cpath d='M7 21h10'/%3E%3Cpath d='M12 17v4'/%3E%3Cpath d='M8 17A6 6 0 0 1 8 3h8a6 6 0 0 1 0 12H8z'/%3E%3C/svg%3E");}.icon-medal{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='15' r='6'/%3E%3Cpath d='M12 9V3'/%3E%3Cpath d='M9 6l3-3 3 3'/%3E%3Cpath d='M9 12l3 3 3-3'/%3E%3C/svg%3E");}.mobile-nav-item.active .icon-trophy{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9H4.5C3.12 9 2 7.88 2 6.5v-1C2 4.12 3.12 3 4.5 3H6'/%3E%3Cpath d='M18 9h1.5c1.38 0 2.5-1.12 2.5-2.5v-1C22 4.12 20.88 3 19.5 3H18'/%3E%3Cpath d='M7 21h10'/%3E%3Cpath d='M12 17v4'/%3E%3Cpath d='M8 17A6 6 0 0 1 8 3h8a6 6 0 0 1 0 12H8z'/%3E%3C/svg%3E");}.icon-medal-1{content:url("../icons/svg/medal-1.svg");}.icon-medal-2{content:url("../icons/svg/medal-2.svg");}.icon-medal-3{content:url("../icons/svg/medal-3.svg");}.icon-medal-4{content:url("../icons/svg/medal-4.svg");}.icon-medal-5{content:url("../icons/svg/medal-5.svg");}.icon-medal-6{content:url("../icons/svg/medal-6.svg");}.icon-medal-7{content:url("../icons/svg/medal-7.svg");}.icon-medal-8{content:url("../icons/svg/medal-8.svg");}.icon-medal-9{content:url("../icons/svg/medal-9.svg");}.icon-medal-10{content:url("../icons/svg/medal-10.svg");}.icon-medal-11{content:url("../icons/svg/medal-11.svg");}.icon-medal-12{content:url("../icons/svg/medal-12.svg");}.icon-medal-13{content:url("../icons/svg/medal-13.svg");}.icon-medal-14{content:url("../icons/svg/medal-14.svg");}.icon-medal-15{content:url("../icons/svg/medal-15.svg");}.icon-medal-1:hover{filter:brightness(1.2) drop-shadow(0 0 2px var(--medal-bronze));}.icon-medal-2:hover{filter:brightness(1.2) drop-shadow(0 0 2px var(--medal-silver));}.icon-medal-3:hover{filter:brightness(1.2) drop-shadow(0 0 2px var(--medal-gold));}.icon-medal-4:hover{filter:brightness(1.2) drop-shadow(0 0 2px var(--medal-platinum));}.icon-medal-5:hover{filter:brightness(1.2) drop-shadow(0 0 2px var(--medal-diamond));}.icon-medal-6:hover{filter:brightness(1.2) drop-shadow(0 0 2px var(--medal-ruby));}.icon-medal-7:hover{filter:brightness(1.2) drop-shadow(0 0 2px var(--medal-emerald));}.icon-medal-8:hover{filter:brightness(1.2) drop-shadow(0 0 2px var(--medal-sapphire));}.icon-medal-9:hover{filter:brightness(1.2) drop-shadow(0 0 2px var(--medal-amethyst));}.icon-medal-10:hover{filter:brightness(1.2) drop-shadow(0 0 2px var(--medal-gold));}.icon-medal-11:hover{filter:brightness(1.2) drop-shadow(0 0 2px var(--medal-crimson));}.icon-medal-12:hover{filter:brightness(1.2) drop-shadow(0 0 2px var(--medal-orange));}.icon-medal-13:hover{filter:brightness(1.2) drop-shadow(0 0 2px var(--medal-lavender));}.icon-medal-14:hover{filter:brightness(1.2) drop-shadow(0 0 2px var(--medal-sky));}.icon-medal-15:hover{filter:brightness(1.2) drop-shadow(0 0 2px var(--medal-sienna));}.icon-fire{content:url("../icons/svg/fire.svg");}.icon-star{content:url("../icons/svg/star.svg");}.icon-calendar{content:url("../icons/svg/calendar.svg");}.icon-sun{content:url("../icons/svg/sun.svg");}.icon-leaf{content:url("../icons/svg/leaf.svg");}.icon-clock{content:url("../icons/svg/clock.svg");}.icon-crown{content:url("../icons/svg/crown.svg");}.icon-fire:hover{filter:brightness(1.2) drop-shadow(0 0 2px var(--medal-orange));}.icon-star:hover{filter:brightness(1.2) drop-shadow(0 0 2px var(--medal-gold));}.icon-calendar:hover{filter:brightness(1.2) drop-shadow(0 0 2px #4169E1);}.icon-sun:hover{filter:brightness(1.2) drop-shadow(0 0 2px #FFA500);}.icon-leaf:hover{filter:brightness(1.2) drop-shadow(0 0 2px var(--medal-emerald));}.icon-clock:hover{filter:brightness(1.2) drop-shadow(0 0 2px #4682B4);}.icon-crown:hover{filter:brightness(1.2) drop-shadow(0 0 2px var(--medal-gold));}.icon-users{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='9' cy='7' r='4'%3E%3C/circle%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'%3E%3C/path%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'%3E%3C/path%3E%3C/svg%3E");}.icon-envelope{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E");}.mobile-nav-item.active .icon-users{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='9' cy='7' r='4'%3E%3C/circle%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'%3E%3C/path%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'%3E%3C/path%3E%3C/svg%3E");}.mobile-nav-item.active .icon-envelope{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E");}.top-bell-container{position:fixed !important;top:calc(14px + env(safe-area-inset-top,0px)) !important;right:calc(16px + env(safe-area-inset-right,0px)) !important;z-index:9990 !important;display:block !important;}.notif-bell-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-main);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.15);color:var(--text-main,#f3f4f6);font-size:0.95rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,0.35);transition:all 0.25s ease;position:relative;padding:0;}.notif-bell-btn:hover,.notif-bell-btn:active{background:rgba(30,37,56,0.95);transform:scale(1.05);border-color:var(--primary,#3b82f6);color:var(--primary,#3b82f6);}.notif-bell-btn:hover i{animation:ft-bell-swing 0.5s ease-in-out;}.notif-badge{position:absolute;top:-3px;right:-3px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#ffffff;font-size:0.65rem;font-weight:700;min-width:16px;height:16px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 6px rgba(239,68,68,0.6);animation:pulseBadge 2s infinite;}@media (max-width:768px){.top-bell-container{top:calc(12px + env(safe-area-inset-top,0px)) !important;right:calc(12px + env(safe-area-inset-right,0px)) !important;}.notif-bell-btn{width:34px;height:34px;font-size:0.88rem;}.notif-badge{top:-3px;right:-3px;font-size:0.62rem;min-width:15px;height:15px;}}.notif-center-item{padding:0.85rem 0.95rem;border-radius:var(--radius-md,10px);background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.08);margin-bottom:0.65rem;transition:all 0.2s ease;position:relative;}.notif-center-item.unread{background:rgba(59,130,246,0.08);border-color:rgba(59,130,246,0.3);}.notif-center-item:hover{background:rgba(255,255,255,0.05);}.notification-item-actions{display:flex;align-items:center;gap:10px;}.notification-delete-btn{background:none;border:none;color:var(--danger,#ef4444);cursor:pointer;padding:6px;border-radius:6px;opacity:0.6;transition:all 0.2s ease;}.notification-delete-btn:hover{opacity:1;background:rgba(239,68,68,0.15);}.notification-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;}.community-container{max-width:var(--max-content-width);margin:0 auto;}.community-header{margin-bottom:1.75rem;}.community-header h2{font-size:1.8rem;font-weight:700;letter-spacing:-0.02em;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0.25rem;}.community-header p{color:var(--text-muted);font-size:0.95rem;}.community-tabs{display:flex;gap:0.25rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:0.3rem;margin-bottom:1.75rem;}.community-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.7rem 1rem;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-muted);font-size:0.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);}.community-tab:hover{color:var(--text-main);background:rgba(255,255,255,0.05);}.community-tab.active{background:var(--primary-gradient);color:#ffffff;box-shadow:0 4px 14px var(--primary-glow);}.community-tab i{font-size:0.95rem;}.community-panel{display:none;}.community-panel.active{display:block;animation:fadeIn 0.25s ease-out;}.post-composer{background:var(--bg-card);backdrop-filter:var(--glass-blur);border:1.5px solid var(--primary-glow);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-card),0 0 15px var(--primary-glow);position:relative;overflow:hidden;}.post-composer::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0.25;background-image:radial-gradient(rgba(255,255,255,0.12) 1.2px,transparent 1.2px);background-size:14px 14px;}.post-composer textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-family:inherit;font-size:0.95rem;padding:0.85rem 1rem;resize:none;min-height:80px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);margin-bottom:0.75rem;}.post-composer textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);}.post-composer textarea::placeholder{color:var(--text-subtle);}.post-composer-actions{display:flex;justify-content:flex-end;}.community-feed{display:flex;flex-direction:column;gap:1rem;}.community-post{background:var(--bg-card);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-card);transition:border-color var(--transition-fast);}.community-post:hover{border-color:var(--border-hover);}.post-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.85rem;}.post-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0;overflow:hidden;}.post-avatar img{width:100%;height:100%;object-fit:cover;}.post-meta{display:flex;flex-direction:column;}.post-author{font-weight:600;font-size:0.95rem;color:var(--text-main);}.post-time{font-size:0.78rem;color:var(--text-subtle);}.post-content{color:var(--text-main);font-size:0.95rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;}.friends-search-bar{display:flex;gap:0.75rem;margin-bottom:1.5rem;}.friends-search-bar input{flex:1;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-family:inherit;font-size:0.95rem;padding:0.8rem 1rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);}.friends-search-bar input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);}.friends-search-bar input::placeholder{color:var(--text-subtle);}.friends-list,.search-results-list{display:flex;flex-direction:column;gap:0.75rem;}.friend-card{background:var(--bg-card);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;transition:border-color var(--transition-fast);}.friend-card:hover{border-color:var(--border-hover);}.friend-avatar{width:46px;height:46px;border-radius:var(--radius-full);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem;flex-shrink:0;}.friend-info{flex:1;}.friend-name{font-weight:600;color:var(--text-main);font-size:0.95rem;}.friend-status{font-size:0.8rem;color:var(--text-muted);margin-top:0.1rem;}.community-section-label{font-size:0.8rem;font-weight:600;color:var(--text-subtle);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:0.75rem;margin-top:1.25rem;}.community-section-label:first-child{margin-top:0;}.community-empty{text-align:center;padding:3.5rem 1.5rem;color:var(--text-muted);}.community-empty i{font-size:3rem;color:var(--border-color);margin-bottom:1rem;display:block;}.community-empty h3{font-size:1.2rem;font-weight:600;color:var(--text-main);margin-bottom:0.4rem;}.community-empty p{font-size:0.9rem;}.skeleton-post{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:0.75rem;}.skeleton-line{background:rgba(255,255,255,0.06);border-radius:var(--radius-sm);height:14px;animation:shimmer 1.6s infinite ease-in-out;}.skeleton-line.short{width:40%;}.skeleton-line.medium{width:65%;}.skeleton-line.full{width:100%;}.skeleton-circle{width:40px;height:40px;border-radius:var(--radius-full);background:rgba(255,255,255,0.06);animation:shimmer 1.6s infinite ease-in-out;flex-shrink:0;}@media (max-width:768px){.community-tabs{flex-direction:column;gap:0.2rem;}.community-tab{justify-content:flex-start;padding:0.65rem 0.85rem;font-size:0.88rem;}.friends-search-bar{flex-direction:column;}}