:root{--bg:#0a0a0a;--s1:#111;--s2:#171717;--s3:#1f1f1f;--s4:#292929;--border:#222;--border2:#333;--text:#f0ece8;--text2:#8a8580;--text3:#504c48;--red:#ff3b30;--green:#30d158;--blue:#0a84ff;--orange:#ff9f0a;--gold:#ffd60a;--purple:#bf5af2;--accent:var(--red);--accent-soft:#ff3b301a;--accent-mid:#ff3b3033;--accent-glow:0 0 20px #ff3b3040;--gradient-accent:var(--red);--gradient-accent-v:var(--red);--fm:"Familjen Grotesk", sans-serif;--fb:"DM Sans", sans-serif;--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-full:100px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 24px #ff3b3026;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}html{background:var(--bg);-webkit-text-size-adjust:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--text);font-family:var(--fb);-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;min-height:100dvh;font-size:15px;font-weight:400;line-height:1.5;overflow:hidden auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes glowPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes celebratePR{0%{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(.95)}45%{transform:scale(1.08)}60%{transform:scale(1)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}input,textarea,select{background:var(--s2);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text);font-family:var(--fb);-webkit-appearance:none;outline:none;padding:12px 14px;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s,background .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent);background:var(--s3);box-shadow:0 0 0 3px var(--accent-soft)}input[type=date],input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-mode=light] input[type=date],[data-mode=light] input[type=time]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}input::placeholder,textarea::placeholder{color:var(--text3);font-weight:400}.app-wrapper{flex-direction:column;min-height:100dvh;display:flex}.app-header{padding:0 20px;padding-top:env(safe-area-inset-top,0px);height:calc(48px + env(safe-area-inset-top,0px));background:var(--bg);justify-content:space-between;align-items:center;display:flex}.header-logo{align-items:center;display:flex}.page-container{width:100%;max-width:680px;padding:24px 16px calc(110px + env(safe-area-inset-bottom,0px));flex:1;margin:0 auto}.nav-bar{z-index:100;background:var(--nav-bg,#0a0a0aeb);-webkit-backdrop-filter:var(--nav-blur,blur(24px) saturate(180%));border-top:1px solid var(--border);-webkit-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0}.nav-btn{color:var(--text3);font-family:var(--fb);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;will-change:color;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:10px 4px 8px;font-size:9px;font-weight:600;transition:color .2s;display:flex;position:relative}.nav-btn .icon{transition:transform .3s var(--ease-spring), color .2s;will-change:transform;font-size:22px;line-height:1}.nav-btn.active{color:var(--text)}.nav-btn.active .icon{filter:drop-shadow(0 2px 8px var(--accent-soft));transform:scale(1.1)translateY(-1px)}.nav-btn.active:before{content:"";background:var(--gradient-accent);width:24px;height:2.5px;box-shadow:var(--accent-glow,none);border-radius:0 0 3px 3px;position:absolute;top:0;left:50%;transform:translate(-50%)}[data-premium="1"] .nav-btn.active .icon{filter:drop-shadow(0 0 8px var(--red))}[data-premium="1"] .nav-btn.active:before{box-shadow:0 0 12px var(--red), 0 0 24px #ff3b304d}.sync-bar{background:var(--s1);border:1px solid var(--border);border-radius:var(--r-full);color:var(--text2);align-items:center;gap:8px;padding:6px 14px;font-size:11px;font-weight:500;display:inline-flex}.sync-dot{background:var(--text3);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .3s}.sync-dot.ok{background:var(--green);box-shadow:0 0 6px #30d15866}.sync-dot.syncing{background:var(--orange);animation:1.2s infinite pulse}.sync-dot.err{background:var(--red)}.btn-primary{background:var(--gradient-accent);border-radius:var(--r-md);color:#fff;width:100%;font-size:15px;font-weight:700;font-family:var(--fb);cursor:pointer;letter-spacing:.2px;box-shadow:var(--shadow-sm);border:none;padding:14px;transition:transform .1s,filter .15s,box-shadow .2s;position:relative;overflow:hidden}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(#ffffff1a 0%,#0000 60%);position:absolute;inset:0}.btn-primary:hover{filter:brightness(1.1);box-shadow:var(--shadow-glow)}.btn-primary:active{filter:brightness(.95);transform:scale(.97)}.btn-primary:disabled{opacity:.3;cursor:not-allowed;filter:saturate(.5)}.btn-secondary{background:var(--s2);border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text2);font-size:13px;font-weight:600;font-family:var(--fb);cursor:pointer;padding:12px;transition:all .15s}.btn-secondary:hover{background:var(--s3);border-color:var(--border2);color:var(--text)}.btn-secondary:active{transform:scale(.98)}.ex-search-wrap{background:var(--s2);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;gap:10px;padding:12px 14px;transition:all .2s;display:flex}.ex-search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-glow);background:var(--s3)}.ex-search-input{color:var(--text);background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:0;font-size:14px;font-weight:500}.ex-result-item{cursor:pointer;border-bottom:1px solid var(--border);padding:12px 14px;font-size:13px;font-weight:500;transition:background .12s}.ex-result-item:hover{background:var(--s2)}.ex-result-item:last-child{border-bottom:none}.hist-badge{border-radius:var(--r-xs);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;align-items:center;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.m-Dos{color:#4da6ff;background:#0a84ff1f}.m-Pec{color:#ff6961;background:#ff3b301f}.m-BrasBi{color:#d4a5f5;background:#bf5af21f}.m-BrasTri{color:#ffb74d;background:#ff9f0a1f}.m-Epaule{color:#ffe066;background:#ffd60a1f}.m-Quad,.m-Jambes{color:#66dc8a;background:#30d1581f}.m-Ischio{color:#ff7096;background:#ff375f1f}.m-Fessiers{color:#ffb74d;background:#ff9f0a1f}.m-Mollets{color:#8886e5;background:#5e5ce61f}.m-Abdos{color:#ff7096;background:#ff375f1f}.m-FullBody{background:var(--accent-soft);color:var(--red)}.modal-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:200;background:#000000bf;justify-content:center;align-items:flex-end;padding:16px;display:none;position:fixed;inset:0}.modal-overlay.open{will-change:transform;animation:.2s fadeIn;display:flex}@media (min-width:600px){.modal-overlay{align-items:center}}.modal{background:var(--s1);border:1px solid var(--border2);border-radius:var(--r-lg);width:100%;max-width:480px;animation:slideUp .3s var(--ease-out);box-shadow:var(--shadow-lg);padding:24px}.modal-title{font-family:var(--fm);color:var(--text);margin-bottom:20px;font-size:20px;font-weight:700}.toast-wrap{background:var(--s2);border:1px solid var(--border2);border-radius:var(--r-full);z-index:999;opacity:0;transition:all .35s var(--ease-out);white-space:nowrap;pointer-events:none;text-align:center;max-width:90vw;box-shadow:var(--shadow-lg);padding:10px 22px;font-size:13px;font-weight:600;position:fixed;bottom:90px;left:50%;transform:translate(-50%)translateY(12px)}.toast-wrap.show{opacity:1;transform:translate(-50%)translateY(0)}.session-card{background:var(--s1);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:10px;padding:16px;transition:border-color .2s,box-shadow .2s;position:relative}.session-card:hover{border-color:var(--border2)}.page-title{font-family:var(--fm);color:var(--text);text-transform:uppercase;letter-spacing:-.5px;font-size:34px;font-weight:700;line-height:1}.page-sub{color:var(--text3);margin-top:4px;font-size:13px;font-weight:400}.page-divider{border:none;border-top:1px solid var(--border);margin-top:16px}.stat-card{background:var(--s1);border:1px solid var(--border);border-radius:var(--r-md);padding:16px;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-soft), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card:hover:before{opacity:1}.stat-card-label{color:var(--text3);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:600}.stat-card-value{font-family:var(--fm);font-size:24px;font-weight:700;line-height:1.1}.empty-state{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.empty-state-icon{opacity:.06;font-size:48px}.empty-state-title{font-family:var(--fm);color:var(--text3);text-transform:uppercase;font-size:17px;font-weight:700}.empty-state-sub{color:var(--text3);opacity:.5;text-align:center;font-size:13px}.field-label{color:var(--text3);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.lb-tab{background:var(--s2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text2);cursor:pointer;font-size:12px;font-family:var(--fb);white-space:nowrap;align-items:center;gap:5px;padding:8px 14px;font-weight:600;transition:all .15s;display:flex}.lb-tab.active{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-glow);border-color:#0000}.login-screen{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:32px 24px;display:flex;position:relative;overflow:hidden}.login-screen:before{content:"";background:radial-gradient(circle, var(--accent-soft) 0%, transparent 70%);pointer-events:none;filter:blur(60px);width:300px;height:300px;position:absolute;top:20%;left:50%;transform:translate(-50%)}.login-logo{font-family:var(--fm);text-align:center;font-weight:700;line-height:1;position:relative}.login-logo .lift{color:var(--red);font-size:56px;display:block}.login-logo .tracker{color:var(--text);font-size:56px;display:block}.login-logo .grindset{color:var(--red);font-size:48px;display:block}.login-logo-sub{letter-spacing:3px;color:var(--text3);text-transform:uppercase;text-align:center;margin:12px 0 48px;font-size:11px;font-weight:500}.profile-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:440px;display:grid}@media (min-width:600px){.profile-grid{grid-template-columns:repeat(4,1fr);max-width:560px}}.profile-card{background:var(--s1);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;transition:all .2s;display:flex;position:relative;overflow:hidden}.profile-card:before{content:"";background:var(--gradient-accent);opacity:0;transition:opacity .3s;position:absolute;inset:0}.profile-card:hover:before{opacity:.04}.profile-card:hover{border-color:var(--accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.profile-avatar{background:var(--s3);border:2px solid var(--border2);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.profile-card:hover .profile-avatar{border-color:var(--accent)}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-name{color:var(--text);text-align:center;font-size:12px;font-weight:600;position:relative}.btn-new-profile{border:1.5px dashed var(--border2);border-radius:var(--r-lg);cursor:pointer;color:var(--text3);font-size:12px;font-family:var(--fb);background:0 0;flex-direction:column;align-items:center;gap:8px;width:100%;padding:20px 12px;font-weight:600;transition:all .2s;display:flex}.btn-new-profile:hover{border-color:var(--accent);color:var(--accent)}.pin-screen{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.pin-dots{gap:18px;margin-bottom:40px;display:flex}.pin-dot{border:2px solid var(--border2);width:14px;height:14px;transition:all .2s var(--ease-spring);background:0 0;border-radius:50%}.pin-dot.filled{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px var(--accent-soft);transform:scale(1.2)}.pin-grid{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:260px;display:grid}.pin-btn{aspect-ratio:1;border:1px solid var(--border);background:var(--s1);font-size:22px;font-family:var(--fm);cursor:pointer;color:var(--text);text-align:center;border-radius:50%;font-weight:600;transition:all .12s}.pin-btn:hover{background:var(--s3)}.pin-btn:active{background:var(--s4);transform:scale(.92)}.pin-btn.del{color:var(--text2);font-size:18px}@media (min-width:768px){.page-title{font-size:42px}.page-container{padding:32px 32px 110px}.app-header{padding:0 32px}}[data-premium="1"] .session-card,[data-premium="1"] .stat-card{box-shadow:var(--card-glow,none)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border2)}.story-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;gap:8px;padding:2px 4px 4px;scroll-padding-left:4px;display:flex;overflow-x:auto}.story-carousel::-webkit-scrollbar{width:0;height:0;display:none}.story-carousel>button{scroll-snap-align:start;touch-action:pan-x;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex:none}::selection{background:var(--accent-mid);color:var(--text)}button{transition:all .15s}a{color:var(--accent);text-decoration:none;transition:color .15s}.gradient-text{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.animate-in{animation:fadeInUp .4s var(--ease-out) both}.animate-in-delay-1{animation-delay:50ms}.animate-in-delay-2{animation-delay:.1s}.animate-in-delay-3{animation-delay:.15s}.animate-in-delay-4{animation-delay:.2s}.celebrate{animation:celebratePR .6s var(--ease-spring)}.glow-border{box-shadow:0 0 0 1px var(--accent-soft), var(--shadow-glow)}[data-mode=light] .modal-overlay{background:#0006}[data-mode=light] .modal{box-shadow:0 8px 32px #0000001f}[data-mode=light] input,[data-mode=light] textarea,[data-mode=light] select{box-shadow:0 1px 2px #0000000a}[data-mode=light] .login-screen:before{opacity:.03}[data-mode=light] ::selection{background:var(--accent-mid);color:var(--text)}[data-mode=light] ::-webkit-scrollbar-thumb{background:#00000026}[data-mode=light] ::-webkit-scrollbar-thumb:hover{background:#00000040}.scroll-container{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;contain:strict}