.training-main{overflow-y:auto;height:100svh;display:block;padding:30px 34px;scrollbar-width:thin;scrollbar-color:#284e67 transparent}.training-main header{margin-bottom:26px;min-height:70px}.eyebrow{font-size:10px!important;letter-spacing:2px;color:#68bfef!important;margin:0 0 10px!important}h1{font-size:34px;letter-spacing:-1px}.training-main header>div>p:last-child{font-size:14px;margin-top:10px}.header-actions{display:flex;gap:10px;align-items:center}.create{background:linear-gradient(120deg,#1689e6,#42bbfa);border:1px solid #65cfff;color:#fff;padding:12px 18px;font-weight:600;box-shadow:0 4px 22px #1689e622}.header-actions button{white-space:nowrap}.training-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(270px,1fr);gap:20px}.recommendation{min-height:310px;padding:28px;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,#07121cf5 10%,#07121cb0 50%,#07121c22),url('assets/running.webp') 90% 48%/cover}.recommendation-copy{position:relative;z-index:1}.badge{font-size:9px;letter-spacing:1.5px;color:#7dd6ff;background:#12334bc9;border:1px solid #28536e;border-radius:6px;padding:7px 9px;display:inline-block}.recommendation h2{font-size:31px;line-height:1.2;margin:18px 0 12px;letter-spacing:-.6px}.recommendation p{font-size:12px;line-height:1.7;color:#bdcddd}.session-meta{display:flex;gap:12px;margin:18px 0;color:#bdcfdf;font-size:11px}.session-meta span+span:before{content:'·';margin-right:12px;color:#5595be}.recommendation-actions{display:flex;gap:10px;margin-top:22px}.recommendation-actions>button:last-child{border-color:transparent;background:#07121c88;font-size:12px}.hero-caption{position:absolute;right:20px;bottom:22px;display:grid;gap:5px;text-align:right}.hero-caption>span{font-size:23px}.hero-caption small{font-size:7px;letter-spacing:1px;color:#a9c0d1}.week-card{padding:26px;display:flex;flex-direction:column;justify-content:center}.week-card h2{font-size:23px;margin:8px 0 18px}.week-card p{font-size:12px}.week-card p strong{font-size:25px;color:#e8f7ff}.week-card p>span{color:#657d91;margin-left:5px}.week-days{display:flex;justify-content:space-between;margin:24px 0}.week-days>span{display:grid;justify-items:center;gap:10px;color:#8da8be;font-size:10px}.week-days i{font-style:normal;border:1px solid #203c50;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;color:#506b7d}.week-days .done{background:#173c41;color:#53d9bd;border-color:#295c59}.week-days .today{background:#183e5a;color:#6ed5ff;border-color:#479bc9;box-shadow:0 0 13px #36a8e525}.week-note{font-size:11px;line-height:1.6;border-top:1px solid var(--line);padding-top:16px;color:#a8bed0}.week-card>small{font-size:8px;color:#5d7a90;margin-top:12px}.library{grid-column:1/-1;margin-top:7px}.library-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.library h2{font-size:22px;margin:0 0 8px}.library-heading p{font-size:12px}.library input,.library select,dialog input,dialog select{color:var(--text);background:#0a1823;border:1px solid #263f52;border-radius:9px;padding:11px 13px;font:inherit;min-width:0}.library-heading input{width:240px;font-size:12px}.filter-row{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;margin:22px 0 10px}.sport-filters{display:flex;flex-wrap:wrap;gap:7px}.sport-filters button{font-size:11px;padding:9px 12px;color:#9eb6c9;background:#0a1620}.sport-filters .selected{background:#173b56;border-color:#4d9bc8;color:#bceaff;box-shadow:inset 0 0 12px #319aff15}.filter-row select{font-size:11px;max-width:180px}.results-line{display:flex;justify-content:space-between;align-items:center;margin:12px 0 15px;color:#718ea4;font-size:10px}.results-line button{font-size:10px;border:0;background:none;color:#75bbdf;padding:3px}#session-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.session-card{border:1px solid #203547;border-radius:14px;overflow:hidden;background:linear-gradient(130deg,#0b1b28,#071018);display:flex;flex-direction:column;min-width:0}.session-image{height:145px;position:relative;overflow:hidden}.session-image img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.session-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#0a1724)}.session-image>span{position:absolute;left:13px;top:12px;background:#06111edb;padding:6px 8px;border:1px solid #ffffff20;border-radius:6px;color:#b8d8ef;font-size:9px;z-index:1}.session-content{padding:16px;display:flex;flex-direction:column;flex:1}.session-content h3{font-size:16px;margin:0 0 10px}.session-content p{font-size:11px;line-height:1.65;margin:0 0 15px;min-height:36px}.session-content .session-meta{margin:0 0 20px;font-size:10px;gap:8px}.session-content .session-meta span+span:before{margin-right:8px}.session-actions{display:flex;gap:8px;margin-top:auto}.session-actions button{font-size:11px;flex:1;padding:10px}.session-actions .start{background:#163d58;border-color:#326a8e;color:#aee4ff}.local-note{font-size:9px;color:#557086;margin:22px 0 0;text-align:center}dialog{width:min(580px,calc(100vw - 28px));max-width:none;max-height:90svh;overflow:auto;padding:26px;scrollbar-width:thin}dialog h2{font-size:24px;margin:16px 0 10px}dialog p{font-size:13px;line-height:1.6}dialog label{display:block;font-size:12px;color:#a7c2d6;margin:18px 0 9px}dialog input,dialog select{width:100%;font-size:14px}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-heading h2{margin:0}.modal-heading>button{font-size:21px;line-height:1;padding:6px 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.exercise-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0 12px}.exercise-heading h3{font-size:14px}.exercise-heading span{color:#75caff;font-size:12px}#exercise-list{list-style:none;margin:0;padding:0}#exercise-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #213849;color:#c4d8e8;font-size:12px}#exercise-list li>span{flex:1}#exercise-list button{padding:4px 8px}.add-row{display:flex;align-items:center;gap:7px;margin-top:14px}.add-row input:first-child{flex:1;width:40%}.add-row input[type=number]{width:65px}.add-row>span{font-size:11px;color:#8ca8bf}.add-row button{font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;flex-wrap:wrap}#exercise-error{font-size:12px;color:#ffa8a8}#detail-exercises{padding-left:22px;margin-top:22px}#detail-exercises li{color:#c0d6e7;border-bottom:1px solid #203548;padding:12px 4px;font-size:13px}#detail-exercises li span{float:right;color:#72bfe8}#timer{font-size:58px;display:block;text-align:center;margin:28px 0;font-variant-numeric:tabular-nums}#session-modal{text-align:center}#session-modal .dialog-actions{justify-content:center}#current-exercise{font-size:18px;color:#a8ddff}#session-progress{color:#7c9ab0;font-size:11px}@media(hover:hover) and (prefers-reduced-motion:no-preference){.session-card{transition:border-color .2s,transform .2s,box-shadow .2s}.session-card:hover{transform:translateY(-4px);border-color:#4686ae;box-shadow:0 12px 30px #0005}.session-card:hover img{transform:scale(1.045)}}@media(min-width:1100px) and (max-height:850px){.training-main{padding:20px 26px}.training-main header{margin-bottom:18px;min-height:60px}.recommendation{min-height:260px;padding:22px}.recommendation h2{font-size:27px;margin-top:14px}.recommendation p{font-size:11px}.recommendation-actions{margin-top:16px}.session-meta{margin:14px 0}.week-card{padding:22px}.week-days{margin:20px 0}.session-image{height:115px}.library-heading p{font-size:11px}.session-content{padding:14px}.session-content h3{font-size:14px}.filter-row{margin-top:16px}}
@media(max-width:1099px){body{height:auto}.training-main{height:auto;overflow:visible;padding:24px}.training-main header{flex-wrap:wrap}.training-layout{grid-template-columns:1fr}.week-card{display:none}.recommendation{min-height:300px}.library-heading{flex-wrap:wrap}#session-list{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-row{flex-wrap:wrap}.hero-caption{display:none}}@media(max-width:700px){.training-main{padding:12px 16px 24px}.training-main h1{font-size:28px}.training-main header>div>p:last-child{font-size:12px;line-height:1.6}.header-actions{width:100%}.header-actions button{flex:1;font-size:12px}.training-main header{margin-bottom:20px;gap:18px}.recommendation{padding:23px 18px;background-position:65% center;min-height:335px}.recommendation h2{font-size:27px}.recommendation p{font-size:12px}.recommendation p br{display:none}.recommendation-actions{flex-wrap:wrap}.recommendation-actions button{font-size:12px}.library h2{font-size:20px}.library-heading{gap:14px}.library-heading input{width:100%;font-size:16px}.filter-row{margin-top:18px}.sport-filters{gap:6px}.sport-filters button{font-size:11px}.filter-row select{max-width:none;width:100%}#session-list{grid-template-columns:1fr}.session-image{height:165px}.session-content h3{font-size:18px}.session-content p{font-size:12px;min-height:0}.session-actions button{font-size:13px;padding:12px}.form-grid{gap:10px}.add-row{flex-wrap:wrap}.add-row input:first-child{flex-basis:100%}.add-row input[type=number]{flex:1}.add-row button{padding:11px 20px}dialog{padding:20px}.session-meta{gap:9px;font-size:10px}.session-meta span+span:before{margin-right:9px}}