:root{--soft-radius:14px;--soft-shadow:0 10px 26px rgba(0,0,0,.28);--lift-shadow:0 16px 34px rgba(0,0,0,.42)}.button,.outline,.filters button,.phase-tabs button,.mini,.program-switch,.cal-exercise,.day-card,.exercise,.resource,.cal-day{border-radius:var(--soft-radius)}.button{background:linear-gradient(135deg,#b9ef4b,#86c927);box-shadow:0 8px 0 #5f921b,0 16px 26px #0005;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.button:hover{filter:brightness(1.06);transform:translateY(-3px);box-shadow:0 11px 0 #5f921b,0 22px 34px #0007}.button:active{transform:translateY(5px) scale(.97);box-shadow:0 3px 0 #5f921b,0 6px 12px #0005}.outline,.program-switch{background:linear-gradient(145deg,#242c21,#151a13);box-shadow:inset 0 1px 0 #ffffff16,var(--soft-shadow);border-color:#5d6d56}.outline:hover,.program-switch:hover{border-color:var(--lime);color:var(--lime);box-shadow:inset 0 1px 0 #ffffff18,var(--lift-shadow)}.filters{padding:6px;background:#161b14;border:1px solid #374034;border-radius:var(--soft-radius);width:max-content}.filters button{border:0;background:transparent}.filters .active{box-shadow:0 5px 12px #0005}.phase-tabs{border:1px solid var(--line);border-radius:var(--soft-radius);overflow:hidden;background:#151914}.phase-tabs button{border-radius:0}.phase-tabs button.active{box-shadow:inset 0 -3px 0 #5d901e}.day-card,.exercise,.resource,.cal-day{box-shadow:0 6px 16px #0002;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.day-card:hover,.exercise:hover,.resource:hover,.cal-day:hover{transform:translateY(-4px);border-color:#718466;box-shadow:var(--lift-shadow)}.cal-exercise{border-radius:18px;box-shadow:var(--soft-shadow)}.cal-exercise:hover{transform:translateY(-5px);box-shadow:var(--lift-shadow)}.topbar{border-radius:0 0 16px 16px}.tap-ripple{background:#d9ff8f99!important;animation-duration:.65s!important}dialog .close{right:14px;top:14px;width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid #55624f;border-radius:50%;background:linear-gradient(145deg,#2b3428,#171d16);color:#dfe8d9;font:400 27px/1 Arial,sans-serif;box-shadow:0 5px 12px #0007,inset 0 1px 0 #ffffff18;transition:transform .16s ease,background .16s ease,box-shadow .16s ease,border-color .16s ease}dialog .close:hover{background:linear-gradient(145deg,#415039,#242c21);border-color:var(--lime);color:var(--lime);transform:translateY(-2px) rotate(4deg);box-shadow:0 8px 16px #0009,0 0 0 3px #a8df3820}dialog .close:active{transform:translateY(2px) scale(.92);box-shadow:0 2px 6px #0009}dialog .close:focus-visible{outline:2px solid var(--lime);outline-offset:3px}@media(max-width:760px){.topbar{height:68px;padding:0 12px;gap:7px;justify-content:flex-start}.brand{font-size:15px;flex:1;min-width:76px}.program-switch{order:2;display:inline-flex;min-width:108px;min-height:40px;border-radius:11px;font-size:8px;padding:8px 7px;box-shadow:0 6px 15px #0007}.topbar .outline{order:3;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 9px;border-radius:11px;font-size:8px;white-space:nowrap;box-shadow:0 6px 15px #0007}.topbar nav{display:none}.button{border-radius:12px}.filters{width:100%;overflow:auto}.filters button{flex:0 0 auto}.phase-tabs{border-radius:12px}.day-card:hover,.exercise:hover,.resource:hover,.cal-day:hover,.cal-exercise:hover{transform:none}}
/* По-мека визия на информационната карта в началото. */
.profile-card{border-radius:20px;border-color:#526049;box-shadow:0 18px 42px #0009,inset 0 1px 0 #ffffff12}
.profile-card .status{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#a8df3816;border:1px solid #a8df3838;font-size:8px}
.profile-card h3{font-family:Manrope,Arial,sans-serif;font-size:25px;letter-spacing:-.04em;line-height:1.1}
.profile-card .progress{border-radius:999px;overflow:hidden}
.profile-card .progress span{border-radius:inherit}
/* Седмичен ритъм и ясна, лична статистика. */
.profile-card .reset-stats,.cal-progress-card .reset-stats{margin-top:14px;color:#b9c9ae;font-size:8px;letter-spacing:.08em}.profile-card .reset-stats:hover,.cal-progress-card .reset-stats:hover{color:var(--lime)}
.cal-progress-section{max-width:1280px;margin:0 auto;padding:0 28px 68px;background:linear-gradient(180deg,#131811,#10130f)}
.cal-progress-card{max-width:520px;padding:25px 28px;border:1px solid #526049;border-radius:20px;background:linear-gradient(145deg,#20291d,#151a13);box-shadow:0 18px 42px #0008,inset 0 1px 0 #ffffff12}
.cal-progress-card .status{display:inline-flex;padding:6px 9px;border-radius:999px;background:#a8df3816;border:1px solid #a8df3838;font-size:8px;color:var(--lime)}
.cal-progress-card h3{margin:16px 0 12px;font:700 25px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.04em}.cal-progress-card h3 b{color:var(--lime)}
.cal-progress-card small{display:block;margin-top:9px;color:var(--muted);font-size:10px}.cal-progress-card .progress{height:6px;border-radius:999px;overflow:hidden}.cal-progress-card .progress span{border-radius:inherit}
@media(max-width:760px){.cal-progress-section{padding:0 20px 48px}.cal-progress-card{max-width:none;padding:22px}}

/* Телефон: картата е под снимката, а докосванията получават отчетлива обратна връзка. */
@media(max-width:760px){
  .hero-visual{height:auto;min-height:0;display:flex;flex-direction:column;padding-bottom:22px}
  .hero-visual>img{height:330px;min-height:0;flex:none}
  .hero-visual:after{bottom:auto;height:330px;background:linear-gradient(0deg,var(--bg),transparent 32%)}
  .hero-visual .profile-card{position:relative;right:auto;bottom:auto;width:auto;margin:-2px 20px 0;z-index:2}
  .button.is-tapped,.outline.is-tapped,.mini.is-tapped,.filters button.is-tapped,.phase-tabs button.is-tapped,.cal-exercise.is-tapped,.program-switch.is-tapped{transform:scale(.94)!important;filter:brightness(1.16);box-shadow:0 0 0 4px #a8df384d,0 10px 22px #000a!important}
  .day-card.is-tapped,.exercise.is-tapped,.resource.is-tapped,.cal-day.is-tapped{transform:scale(.98)!important;border-color:var(--lime)!important;box-shadow:0 0 0 3px #a8df3833,0 12px 26px #0009!important}
  .tap-ripple{background:#e5ff9ad9!important;animation-duration:.78s!important}
}

@media(max-width:760px){
  @keyframes mobileButtonImpact{0%{transform:scale(1);filter:brightness(1);box-shadow:0 8px 0 #5f921b,0 16px 26px #0005}35%{transform:scale(.88);filter:brightness(1.35);box-shadow:0 0 0 8px #a8df3855,0 0 34px #b9ef4bdd}100%{transform:scale(1);filter:brightness(1.06);box-shadow:0 8px 0 #5f921b,0 16px 26px #0005}}
  @keyframes mobileLightSweep{0%{transform:translateX(-135%) rotate(18deg);opacity:0}20%{opacity:1}100%{transform:translateX(135%) rotate(18deg);opacity:0}}
  .button.is-tapped,.outline.is-tapped,.mini.is-tapped,.filters button.is-tapped,.phase-tabs button.is-tapped,.cal-exercise.is-tapped,.program-switch.is-tapped{animation:none!important;transform:scale(.86)!important;filter:brightness(1.35)!important;box-shadow:0 0 0 8px #a8df3855,0 0 34px #b9ef4bdd!important}
  .button.is-tapped:after,.outline.is-tapped:after,.mini.is-tapped:after,.filters button.is-tapped:after,.phase-tabs button.is-tapped:after,.cal-exercise.is-tapped:after,.program-switch.is-tapped:after{content:"";position:absolute;z-index:3;top:-45%;left:0;width:42%;height:190%;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffffcc,transparent);animation:mobileLightSweep .52s ease-out}
  .tap-ripple{width:34px!important;height:34px!important;margin:-17px!important;background:#efffc3e6!important;box-shadow:0 0 0 7px #a8df3866,0 0 32px #d9ff8f!important;animation-duration:.92s!important}
}