:root{--bg-page: #b3b7be;--bg-surface: rgba(255, 255, 255, .58);--bg-surface-solid: #d7e1e9;--text-main: #111827;--text-muted: #4b5563;--line-soft: rgba(209, 213, 219, .9);--btn-main: #151618;--btn-main-hover: #232529;--btn-secondary: #2d3035;--btn-danger: #8f1d1d;--accent: #4f72f5;--accent-glow: rgba(79, 114, 245, .28);--shadow-sm: 0 2px 10px rgba(15, 23, 42, .08);--shadow-md: 0 8px 28px rgba(15, 23, 42, .13);--shadow-lg: 0 18px 48px rgba(15, 23, 42, .22);--card-radius: 14px;font-family:Manrope,Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--text-main);background-color:var(--bg-page)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(160deg,#2d3139,#6b7280 42%,#c8d3dc)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18)}70%{transform:scale(.94)}to{transform:scale(1)}}@keyframes pulse-timer{0%,to{opacity:1}50%{opacity:.62}}@keyframes slideNotify{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:.5rem;padding:0 1.5rem;height:54px;background:#0a1c32ed;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 4px 22px #00000047;animation:slideInDown .4s ease both}.topbar-brand{font-size:1rem;font-weight:800;color:#f9fafb;letter-spacing:-.02em;white-space:nowrap;margin-right:auto;background:none;border:none;box-shadow:none;padding:0;cursor:pointer;transition:opacity .15s}.topbar-brand:hover{opacity:.75;background:none;box-shadow:none;transform:none}.topbar-nav{display:flex;gap:.25rem}.topbar-nav-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#d1d5db;font-size:.875rem;font-weight:500;padding:.35rem .85rem;border-radius:7px;cursor:pointer;transition:background .18s,color .18s,border-color .18s;box-shadow:none}.topbar-nav-btn:not(:disabled):hover{background:#ffffff26;color:#fff;border-color:#ffffff38;transform:none;box-shadow:none}.topbar-nav-btn:not(:disabled):active{transform:none;box-shadow:none}.topbar-nav-btn.active{background:#4f72f561;border-color:#4f72f5a6;color:#fff}.topbar-right{display:flex;align-items:center;gap:.6rem;margin-left:auto}.topbar-user{font-size:.82rem;color:#cfd4dc;white-space:nowrap}.topbar-logout{background:#ffffff1a;color:#f1f5f9;border:1px solid rgba(255,255,255,.16);font-size:.8rem;padding:.3rem .75rem;border-radius:6px;cursor:pointer;margin-top:0;box-shadow:none;transition:background .15s,border-color .15s}.topbar-logout:not(:disabled):hover{background:#ffffff2e;border-color:#ffffff4d;transform:none;box-shadow:none}.topbar-logout:not(:disabled):active{transform:none}.container{max-width:700px;margin:0 auto;padding:1.75rem 1.25rem 3rem}.auth-card{max-width:380px;margin:2rem auto 0}.card{background:var(--bg-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:var(--card-radius);padding:1.35rem;margin-bottom:1.1rem;border:1px solid rgba(255,255,255,.68);box-shadow:var(--shadow-md);animation:fadeInUp .45s ease both;transition:box-shadow .25s ease,transform .25s ease}.card:nth-child(2){animation-delay:.07s}.card:nth-child(3){animation-delay:.14s}.card:nth-child(4){animation-delay:.21s}.card:nth-child(5){animation-delay:.28s}.card:nth-child(6){animation-delay:.35s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}form{display:grid;gap:.75rem}input,textarea,button{font:inherit;padding:.6rem .75rem;border-radius:8px;border:1px solid var(--line-soft)}input,textarea{background:#cdd5e2a6;color:var(--text-main);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input:focus,textarea:focus{outline:none;border-color:var(--accent);background:#dce4f8c7;box-shadow:0 0 0 3px var(--accent-glow)}select{font:inherit;transition:border-color .2s ease,box-shadow .2s ease}select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}button{cursor:pointer;background:var(--btn-main);color:#fff;border:none;box-shadow:0 3px 10px #00000038;transition:transform .15s ease,box-shadow .2s ease,background-color .18s ease}button.secondary{background:var(--btn-secondary);margin-top:.75rem}button.danger{background:var(--btn-danger)}button:disabled{opacity:.5;cursor:not-allowed}button:not(:disabled):hover{background:var(--btn-main-hover);transform:translateY(-2px);box-shadow:0 8px 22px #00000052}button:not(:disabled):active{transform:translateY(0) scale(.97);box-shadow:0 3px 10px #00000047}ul{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}li{border:1px solid var(--line-soft);border-radius:8px;padding:.75rem;background:#ffffff59;transition:background .2s,box-shadow .2s,transform .18s}li:hover{background:#ffffff8c;box-shadow:var(--shadow-sm);transform:translate(2px)}.program-edit{display:grid;gap:.5rem}.programs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.programs-header h2{margin:0}.programs-header button{margin-top:0;padding:.4rem 1rem;font-size:.875rem}.add-program-form{border-top:1px solid var(--line-soft);padding-top:1rem;margin-top:.25rem;display:grid;gap:.75rem}.actions{display:flex;gap:.5rem;margin-top:.5rem}.dropdown-row{display:flex;gap:.5rem;margin:.25rem 0 .5rem}.dropdown-panel{border:1px solid var(--line-soft);border-radius:10px;padding:.85rem;background:#ffffff4d}.custom-dropdown{position:relative;flex:1}.dropdown-trigger{width:100%;text-align:left;background:var(--btn-secondary);color:#f9fafb;border:1px solid #3c4148}.dropdown-trigger:not(:disabled):hover{background:#383d45}.dropdown-menu{position:absolute;z-index:50;width:100%;margin-top:.4rem;border:1px solid rgba(255,255,255,.55);border-radius:10px;background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.5rem;box-shadow:var(--shadow-md);animation:scaleIn .18s ease}.dropdown-options{margin-top:.5rem;max-height:220px;overflow-y:auto;display:grid;gap:.35rem}.dropdown-option{width:100%;text-align:left;background:#25282e;color:#f9fafb;border:1px solid #3c4148;transition:background .14s}.dropdown-option:not(:disabled):hover{background:#30343c;transform:none;box-shadow:0 2px 8px #00000040}.selector-actions{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:start}.selector-actions>button{margin-top:0}.program-items{display:grid;gap:.75rem}.program-item{border:1px solid var(--line-soft);border-radius:9px;padding:.85rem;background:#ffffff52;animation:fadeInUp .3s ease both}.numbers-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem}.numbers-row label{display:grid;gap:.35rem}.field-hint{font-size:.8rem;color:var(--text-muted);margin:0}.program-readonly-items{list-style:disc;margin:.5rem 0 0 1.25rem;padding:0;display:block}.program-readonly-items li{border:none;border-radius:0;padding:0;background:none;transition:none}.program-readonly-items li:hover{background:none;box-shadow:none;transform:none}.program-header-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.details-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.details-header .secondary{margin-top:0}.detail-list{display:grid;gap:.75rem;margin-top:.75rem}.detail-item{border:1px solid var(--line-soft);border-radius:9px;padding:.85rem;background:#ffffff59;animation:fadeInUp .3s ease both;transition:box-shadow .2s,transform .18s}.detail-item:hover{box-shadow:var(--shadow-sm);transform:translate(3px)}.date-tracking{margin-top:1rem;border-top:1px solid var(--line-soft);padding-top:1rem}.manual-date-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin-top:.5rem}.manual-date-row .secondary{margin-top:0}.date-list{margin-top:.75rem;display:grid;gap:.5rem;list-style:none;padding:0}.date-list li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border:1px solid var(--line-soft);border-radius:8px;padding:.6rem;animation:slideNotify .25s ease}.date-list .danger{margin-top:0}.deleted-badge{font-size:.8rem;font-weight:700;color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:999px;padding:.15rem .5rem}.bulk-input{min-height:220px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.bulk-result{margin-top:.75rem;border:1px solid var(--line-soft);border-radius:8px;padding:.75rem;background:#fff6;animation:fadeInUp .3s ease}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a12238c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;padding:1rem;animation:fadeInUp .2s ease}.modal-card{width:min(560px,100%);background:#f8faffed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:var(--card-radius);border:1px solid rgba(255,255,255,.78);padding:1.25rem;display:grid;gap:.75rem;box-shadow:var(--shadow-lg);animation:scaleIn .22s ease}.modal-card textarea{min-height:120px}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.advice-box{margin-top:.75rem;border:1px solid var(--line-soft);border-radius:10px;padding:.9rem;background:#ffffff4d;display:grid;gap:.5rem}.advice-box .field-hint{margin-top:0}.advice-result{margin-top:.5rem;border-top:1px solid var(--line-soft);padding-top:.75rem;display:grid;gap:.25rem;animation:fadeInUp .4s ease}.advice-result-title{font-size:1rem;font-weight:700;margin:0 0 .4rem;color:#1f2937}.advice-body{display:grid;gap:.5rem}.advice-heading{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#374151;margin:.5rem 0 .1rem;padding-bottom:2px;border-bottom:2px solid var(--line-soft)}.advice-para{margin:0;font-size:.92rem;line-height:1.55;color:#374151}.advice-list{margin:0;padding-left:1.4rem;display:grid;gap:.3rem}.advice-list li{font-size:.92rem;line-height:1.55;color:#374151;border:none;border-radius:0;padding:0;background:none;transition:none}.advice-list li:hover{background:none;box-shadow:none;transform:none}.advice-safety{display:flex;align-items:flex-start;gap:.5rem;background:#fffbebe6;border:1px solid #fde68a;border-radius:6px;padding:.5rem .7rem;font-size:.88rem;color:#92400e;line-height:1.5}.advice-safety-icon{flex-shrink:0;font-size:1rem}.streaks-card h2{margin-top:0;margin-bottom:.75rem}.streaks-grid{display:flex;gap:.75rem;flex-wrap:wrap}.streak-item{flex:1;min-width:110px;background:linear-gradient(135deg,#1a2744,#2d4a8a,#1e3a6e);color:#f1f5f9;border-radius:12px;padding:1rem .85rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem;box-shadow:0 6px 22px #1d3a7861;border:1px solid rgba(100,140,240,.22);animation:fadeInUp .5s ease both;transition:transform .22s ease,box-shadow .22s ease}.streak-item:nth-child(1){animation-delay:.05s}.streak-item:nth-child(2){background:linear-gradient(135deg,#1a3533,#0f766e,#134e4a);box-shadow:0 6px 22px #0f766e61;border-color:#2dd4bf38;animation-delay:.12s}.streak-item:nth-child(3){background:linear-gradient(135deg,#2a1a44,#6d28d9,#4c1d95);box-shadow:0 6px 22px #6d28d961;border-color:#a78bfa38;animation-delay:.19s}.streak-item:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 14px 36px #1d3a787a}.streak-number{font-size:2.2rem;font-weight:800;line-height:1;animation:pop .65s ease .55s both}.streak-label{font-size:.76rem;color:#f1f5f9b8;text-transform:uppercase;letter-spacing:.07em}.streak-badge{font-size:1.4rem;margin-top:.15rem}.streaks-empty{color:var(--text-muted);font-size:.875rem;margin-top:.5rem}.pr-card h2{margin-top:0;margin-bottom:.75rem}.pr-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;border:1px solid var(--line-soft);border-radius:10px;padding:.9rem;background:#ffffff40}.pr-form>input{padding:.4rem .6rem;border:1px solid var(--line-soft);border-radius:6px;font-size:.875rem}.pr-numbers{display:flex;align-items:flex-end;gap:.6rem;flex-wrap:wrap}.pr-numbers label{display:flex;flex-direction:column;gap:.1rem;font-size:.8rem;color:var(--text-muted)}.pr-numbers input{width:100px;padding:.35rem .5rem;border:1px solid var(--line-soft);border-radius:6px;font-size:.875rem}.pr-numbers button{padding:.4rem 1rem;font-size:.875rem}.pr-feedback{color:#166534;font-weight:600;font-size:.875rem;background:#dcfce7e6;border-radius:6px;padding:.4rem .7rem;animation:slideNotify .25s ease}.pr-empty{color:var(--text-muted);font-size:.875rem}.pr-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.4rem}.pr-item{display:flex;align-items:center;justify-content:space-between;background:#f8fafcb8;border:1px solid var(--line-soft);border-left:3px solid var(--btn-main);border-radius:9px;padding:.55rem .8rem;transition:background .2s,box-shadow .2s,transform .18s;animation:fadeInUp .3s ease both}.pr-item:hover{background:#ffffffe0;box-shadow:var(--shadow-sm);transform:translate(3px)}.pr-item-info{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline}.pr-item-info strong{font-size:.9rem}.pr-item-info span{font-size:.825rem;color:var(--text-muted)}.pr-date{font-size:.75rem!important;color:#94a3b8!important}.pr-delete{padding:.15rem .5rem;font-size:1rem;line-height:1;min-width:unset}.metrics-log-card h2{margin-top:0;margin-bottom:.75rem}.metrics-log-form{margin-bottom:.75rem}.metrics-log-inputs{display:flex;align-items:flex-end;gap:.6rem;flex-wrap:wrap;border:1px solid var(--line-soft);border-radius:10px;padding:.9rem;background:#ffffff40}.metrics-log-inputs label{display:flex;flex-direction:column;gap:.1rem;font-size:.8rem;color:var(--text-muted)}.metrics-log-inputs input{width:110px;padding:.35rem .5rem;border:1px solid var(--line-soft);border-radius:6px;font-size:.875rem}.metrics-log-inputs input[type=text]{width:160px}.metrics-log-inputs button{padding:.4rem 1rem;font-size:.875rem}.metrics-log-empty{color:var(--text-muted);font-size:.875rem}.metrics-log-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.35rem}.metrics-log-item{display:flex;align-items:center;justify-content:space-between;background:#f8fafcb8;border:1px solid var(--line-soft);border-left:3px solid #6b7280;border-radius:8px;padding:.45rem .7rem;animation:fadeInUp .3s ease both;transition:background .2s,transform .18s}.metrics-log-item:hover{background:#ffffffe0;transform:translate(2px)}.metrics-log-item-info{display:flex;flex-wrap:wrap;gap:.6rem;align-items:baseline;font-size:.85rem}.metrics-log-date{color:#64748b;font-size:.8rem;min-width:75px}.metrics-log-note{color:var(--text-muted);font-style:italic;font-size:.8rem}.rest-timer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line-soft)}.rest-timer h3{margin:0 0 .5rem;font-size:1rem}.rest-timer-display{text-align:center;padding:.85rem 0 .6rem}.rest-timer-display[data-active=true]{animation:pulse-timer 1.4s ease-in-out infinite}.rest-timer-time{font-size:3rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.05em;color:var(--text-main);display:block;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.12);transition:color .3s ease,text-shadow .3s ease}.rest-timer-display[data-active=true] .rest-timer-time{color:#0f766e;text-shadow:0 2px 18px rgba(15,118,110,.32)}.rest-timer-progress{height:5px;background:var(--line-soft);border-radius:99px;overflow:hidden;margin:0 0 .85rem}.rest-timer-progress-bar{height:100%;background:linear-gradient(90deg,#0f766e,#14b8a6);border-radius:99px;transition:width 1s linear}.rest-timer-presets{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem}.rest-timer-presets button{padding:.3rem .8rem;font-size:.82rem;min-width:unset;border-radius:999px}.rest-timer-custom{display:flex;gap:.4rem;align-items:center}.rest-timer-custom input{width:70px;padding:.3rem .45rem;border:1px solid var(--line-soft);border-radius:6px;font-size:.85rem}.rest-timer-custom button{padding:.3rem .7rem;font-size:.825rem;min-width:unset}.equipment-selector{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.body-metrics-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line-soft)}.body-metrics-section h3{margin:0 0 .4rem;font-size:1rem}.metrics-hint{color:#b45309;font-size:.85rem;background:#fef3c7e0;border:1px solid #fde68a;border-radius:6px;padding:.45rem .7rem;margin-bottom:.6rem}.metrics-row{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.metrics-row label{display:flex;flex-direction:column;gap:.15rem;font-size:.82rem;color:var(--text-muted)}.metrics-row input{width:110px;padding:.35rem .5rem;border:1px solid var(--line-soft);border-radius:6px;font-size:.875rem}.metrics-row button{padding:.4rem 1rem;font-size:.875rem}.equipment-selector label{font-size:.875rem;white-space:nowrap}.equipment-selector select{flex:1;min-width:160px;padding:.35rem .5rem;border:1px solid var(--line-soft);border-radius:6px;font-size:.875rem;background:#cdd5e2b8;cursor:pointer}p{margin:.25rem 0}.message{color:#166534;text-align:center;animation:slideNotify .25s ease}.error{color:#b91c1c;text-align:center;animation:slideNotify .25s ease}.about-hint{margin:0 0 .6rem;font-size:.82rem;color:var(--text-muted);text-align:center}.auth-meta-hint{margin:.6rem 0 0;font-size:.8rem;color:var(--text-muted);text-align:center}.auth-wait-hint{margin:0;font-size:.86rem;color:#4b5563;background:#eef2f7d1;border:1px solid var(--line-soft);border-radius:8px;padding:.55rem .65rem;animation:slideNotify .25s ease}.account-card{max-width:440px;margin:2rem auto 0}.account-title{font-size:1.6rem;font-weight:800;letter-spacing:-.04em;margin:0 0 .25rem;background:linear-gradient(120deg,#fff,#a5b4fc 38%,#5eead4 65%,#fff);background-size:260% 260%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease-in-out infinite;display:inline-block}.account-subtitle{font-size:.88rem;color:var(--text-muted);margin:0 0 1.25rem}.account-subtitle strong{color:var(--text-main)}.account-section{border-top:1px solid var(--line-soft);padding-top:1rem}.account-section-title{font-size:.95rem;font-weight:700;margin:0 0 1rem;color:var(--text-main);text-transform:uppercase;letter-spacing:.05em}.account-pw-form{display:grid;gap:.75rem}.account-field-label{display:grid;gap:.3rem;font-size:.82rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.account-field-label input{font-size:.95rem;text-transform:none;letter-spacing:0}.account-success{color:#166534;font-weight:600;font-size:.875rem;background:#dcfce7e6;border:1px solid #86efac;border-radius:8px;padding:.5rem .75rem;margin:0;animation:slideNotify .25s ease}.account-error{color:#991b1b;font-weight:600;font-size:.875rem;background:#fee2e2e6;border:1px solid #fca5a5;border-radius:8px;padding:.5rem .75rem;margin:0;animation:slideNotify .25s ease}.info-card{max-width:520px;margin:3rem auto 0;text-align:center;background:#0a0f20b8;border:1px solid rgba(100,120,255,.18);box-shadow:0 16px 52px #080c2399,inset 0 0 0 1px #ffffff0d}.info-hero{font-size:4rem;margin:0 0 .6rem;line-height:1;animation:pop .7s ease .25s both;display:block;filter:drop-shadow(0 0 20px rgba(165,180,252,.55))}.info-title{font-size:2.4rem;font-weight:800;letter-spacing:-.05em;margin:0 0 1rem;background:linear-gradient(120deg,#fff,#a5b4fc 38%,#5eead4 65%,#fff);background-size:260% 260%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:fadeInUp .45s ease .1s both,gradientShift 6s ease-in-out infinite .55s}.info-description{font-size:1rem;line-height:1.8;color:#cbd5e1d9;margin:0 0 1.5rem;animation:fadeInUp .45s ease .2s both}.info-description strong{color:#a5b4fc;font-weight:700}.info-features{list-style:none;padding:0;margin:0 0 2rem;display:grid;gap:.5rem;text-align:left}.info-features li{border:none;border-radius:9px;padding:.65rem 1rem;background:#ffffff12;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-left:3px solid rgba(165,180,252,.65);font-size:.92rem;color:#e2e8f0;transition:background .2s,transform .2s,box-shadow .2s;animation:fadeInUp .4s ease both}.info-features li:nth-child(1){animation-delay:.28s}.info-features li:nth-child(2){animation-delay:.36s}.info-features li:nth-child(3){animation-delay:.44s}.info-features li:nth-child(4){animation-delay:.52s}.info-features li:hover{background:#a5b4fc1f;transform:translate(5px);box-shadow:0 2px 12px #6478ff2e}.info-cta{font-size:1rem;font-weight:700;padding:.85rem 2.5rem;border-radius:12px;letter-spacing:.01em;background:linear-gradient(135deg,#151618,#2d3035);box-shadow:0 6px 22px #0000004d}.info-cta:not(:disabled):hover{background:linear-gradient(135deg,#232529,#3a3f47);transform:translateY(-3px);box-shadow:0 12px 30px #0006}.about-tiles{display:flex;gap:.75rem;flex-wrap:wrap;max-width:700px;margin:1.25rem auto}.about-tile{flex:1;min-width:130px;color:#f1f5f9;border-radius:13px;padding:1.1rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.3rem;border:1px solid rgba(255,255,255,.12);animation:fadeInUp .5s ease both;transition:transform .22s ease,box-shadow .22s ease;cursor:default}.about-tile:hover{transform:translateY(-6px) scale(1.04)}.about-tile:nth-child(1){animation-delay:.08s}.about-tile:nth-child(2){animation-delay:.16s}.about-tile:nth-child(3){animation-delay:.24s}.about-tile:nth-child(4){animation-delay:.32s}.about-tile--blue{background:linear-gradient(135deg,#1a2744,#2d4a8a 55%,#1e3a6e);box-shadow:0 8px 28px #1d3a7873;border-color:#648cf040}.about-tile--blue:hover{box-shadow:0 18px 42px #1d3a7899}.about-tile--teal{background:linear-gradient(135deg,#1a3533,#0f766e 55%,#134e4a);box-shadow:0 8px 28px #0f766e73;border-color:#2dd4bf40}.about-tile--teal:hover{box-shadow:0 18px 42px #0f766e99}.about-tile--purple{background:linear-gradient(135deg,#2a1a44,#6d28d9 55%,#4c1d95);box-shadow:0 8px 28px #6d28d973;border-color:#a78bfa40}.about-tile--purple:hover{box-shadow:0 18px 42px #6d28d999}.about-tile--amber{background:linear-gradient(135deg,#3b1a08,#b45309 55%,#78350f);box-shadow:0 8px 28px #b4530973;border-color:#fbbf2440}.about-tile--amber:hover{box-shadow:0 18px 42px #b4530999}.about-tile-icon{font-size:1.6rem;line-height:1;animation:pop .7s ease .6s both;display:block}.about-tile-value{font-size:1.55rem;font-weight:800;line-height:1;letter-spacing:-.02em}.about-tile-label{font-size:.72rem;color:#f1f5f9ad;text-transform:uppercase;letter-spacing:.08em}.info-example{max-width:520px;margin:1.5rem auto 2rem;background:#0a0f20b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(100,120,255,.18);border-radius:var(--card-radius);padding:1.35rem;box-shadow:0 16px 52px #080c2399,inset 0 0 0 1px #ffffff0d;animation:fadeInUp .55s ease .15s both}.info-example-heading{font-size:1.2rem;font-weight:800;letter-spacing:-.03em;margin:0 0 .25rem;background:linear-gradient(120deg,#fff,#a5b4fc 38%,#5eead4 65%,#fff);background-size:260% 260%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease-in-out infinite}.info-example-sub{font-size:.88rem;color:#cbd5e1bf;margin:0 0 1rem}.example-program-card{background:#ffffff0d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(165,180,252,.15);border-radius:10px;padding:1rem;margin-bottom:1rem;box-shadow:0 4px 18px #0000004d}.example-program-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap;color:#e2e8f0}.example-equipment-badge{font-size:.78rem;font-weight:600;background:#a5b4fc1f;border:1px solid rgba(165,180,252,.3);border-radius:999px;padding:.2rem .65rem;color:#a5b4fc}.example-exercises{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}.example-exercises li{border:none;border-radius:7px;padding:.42rem .7rem;font-size:.88rem;background:#ffffff12;border-left:3px solid rgba(165,180,252,.65);color:#e2e8f0;transition:background .18s,transform .18s,box-shadow .18s;animation:fadeInUp .35s ease both}.example-exercises li:nth-child(1){animation-delay:.1s}.example-exercises li:nth-child(2){animation-delay:.17s}.example-exercises li:nth-child(3){animation-delay:.24s}.example-exercises li:nth-child(4){animation-delay:.31s}.example-exercises li:nth-child(5){animation-delay:.38s}.example-exercises li:nth-child(6){animation-delay:.45s}.example-exercises li:nth-child(7){animation-delay:.52s}.example-exercises li:hover{background:#a5b4fc1f;transform:translate(5px);box-shadow:0 2px 12px #6478ff2e}.info-example-btn{width:100%;font-size:.95rem;font-weight:700;padding:.7rem 1.5rem;border-radius:10px}.example-advice-result{margin-top:1rem;background:#ffffff0d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(165,180,252,.15);border-radius:10px;padding:1rem;box-shadow:0 4px 18px #0000004d;animation:fadeInUp .4s ease}.example-advice-title{font-size:.95rem;font-weight:700;margin:0 0 .5rem;color:#a5b4fc;text-transform:uppercase;letter-spacing:.04em}@media (max-width: 640px){.topbar{height:auto;min-height:52px;padding:.45rem 1rem;flex-wrap:wrap;gap:.3rem}.topbar-brand{flex:1;font-size:.95rem}.topbar-right{margin-left:0;order:3;width:100%;padding-bottom:.25rem;justify-content:flex-end}.topbar-nav{order:2;flex-wrap:wrap}.topbar-nav-btn{font-size:.8rem;padding:.3rem .65rem}.container{padding:1.2rem .85rem 2.5rem}.about-tiles{gap:.5rem}.about-tile{min-width:110px;padding:.9rem .7rem}.about-tile-value{font-size:1.3rem}.streaks-grid{gap:.5rem}.streak-item{min-width:95px;padding:.85rem .65rem}.streak-number{font-size:1.85rem}.pr-numbers{flex-direction:column;align-items:stretch}.pr-numbers input{width:100%}.metrics-log-inputs{flex-direction:column;align-items:stretch}.metrics-log-inputs input,.metrics-log-inputs input[type=text]{width:100%}.metrics-row{flex-direction:column;align-items:stretch}.metrics-row input{width:100%}.dropdown-row{flex-direction:column}.info-card{margin-top:1.5rem}.info-title{font-size:1.65rem}.info-cta{padding:.75rem 1.85rem}}@media (max-width: 480px){.topbar-user{display:none}.card{padding:1rem}.about-tiles{gap:.4rem}.about-tile{min-width:80px;padding:.75rem .5rem}.about-tile-value{font-size:1.15rem}.about-tile-icon{font-size:1.3rem}.streaks-grid{gap:.4rem}.streak-item{min-width:80px;padding:.7rem .5rem}.streak-number{font-size:1.6rem}.streak-badge{font-size:1.1rem}.rest-timer-time{font-size:2.4rem}.pr-numbers button,.metrics-log-inputs button,.metrics-row button{width:100%;margin-top:.25rem}.actions{flex-direction:column}.manual-date-row,.numbers-row{grid-template-columns:1fr}.modal-card{padding:1rem}.info-title{font-size:1.45rem}}