:root{--bg:#08101d;--bg2:#0d1728;--panel:#121f33;--panel2:#17263d;--ink:#f5f7fa;--muted:#9aabc0;--line:#263650;--lime:#c7f36b;--lime2:#a8d64f;--orange:#ff9e54;--blue:#63a7ff;--red:#ff6b78;--shadow:0 20px 50px rgba(0,0,0,.26);--radius:22px;--sans:Arial,"Noto Sans Hebrew",system-ui,sans-serif}
*{box-sizing:border-box}html{background:var(--bg);font-family:var(--sans);font-size:16px;color:var(--ink)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% -10%,rgba(99,167,255,.12),transparent 30%),var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(199,243,107,.35);outline-offset:2px}.app-shell{min-height:100vh}.side-rail{position:fixed;right:0;top:0;bottom:0;width:238px;padding:28px 18px;border-left:1px solid var(--line);background:rgba(8,16,29,.94);z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:1.45rem;font-weight:900;margin:0 8px 34px}.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--lime);color:#0a1421;display:grid;place-items:center}.brand-mark svg{width:27px}.side-nav{display:grid;gap:9px}.nav-button{border:0;background:transparent;color:var(--muted);padding:14px;border-radius:14px;text-align:right;display:flex;gap:12px;align-items:center;font-weight:700}.nav-button:hover,.nav-button.active{background:var(--panel);color:var(--ink)}.nav-icon{width:24px;text-align:center}.side-note{position:absolute;bottom:24px;right:18px;left:18px;padding:14px;border:1px solid var(--line);border-radius:16px;color:var(--muted);font-size:.82rem;line-height:1.55}.main{margin-right:238px;padding:30px 34px 110px;max-width:1500px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{color:var(--lime);font-weight:800;font-size:.82rem;letter-spacing:.04em}.topbar h1{font-size:clamp(1.75rem,3vw,2.65rem);margin:5px 0 7px;line-height:1.05}.subtle{color:var(--muted);margin:0}.date-pill{display:flex;gap:10px;align-items:center;border:1px solid var(--line);background:var(--panel);padding:11px 15px;border-radius:99px;color:var(--muted);white-space:nowrap}.grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);gap:22px}.stack{display:grid;gap:18px}.card{background:linear-gradient(145deg,rgba(22,38,61,.98),rgba(15,28,47,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:22px}.routine-card{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden;position:relative}.routine-card:after{content:"A";position:absolute;left:-4px;bottom:-42px;font-size:12rem;font-weight:900;color:rgba(199,243,107,.045);line-height:1}.routine-card[data-routine="B"]:after{content:"B"}.routine-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.chip{font-size:.78rem;padding:7px 10px;border-radius:99px;background:#0c1728;border:1px solid var(--line);color:var(--muted)}.chip.lime{color:#10200a;background:var(--lime);border-color:var(--lime);font-weight:800}.routine-switch{display:flex;background:#0a1423;padding:5px;border-radius:14px;border:1px solid var(--line)}.routine-switch button{border:0;border-radius:10px;background:transparent;color:var(--muted);padding:10px 14px;font-weight:900}.routine-switch button.active{background:var(--lime);color:#0c1521}.primary{border:0;border-radius:14px;padding:13px 18px;background:var(--lime);color:#0a1420;font-weight:900;box-shadow:0 9px 24px rgba(199,243,107,.15)}.primary:hover{background:#d5ff7f}.secondary{border:1px solid var(--line);border-radius:12px;padding:11px 14px;background:#0e1929;color:var(--ink);font-weight:700}.ghost{border:0;background:transparent;color:var(--muted);padding:8px}.danger{color:var(--red)}.workout-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.session-stats{display:flex;gap:20px}.metric strong{display:block;font-size:1.2rem}.metric span{font-size:.78rem;color:var(--muted)}.exercise-list{display:grid;gap:14px;padding:16px}.exercise{border:1px solid var(--line);border-radius:18px;background:rgba(8,16,29,.45);overflow:hidden}.exercise.done{border-color:rgba(199,243,107,.55)}.exercise-header{padding:16px;display:flex;align-items:center;gap:13px}.exercise-index{width:36px;height:36px;border-radius:12px;background:var(--panel2);display:grid;place-items:center;color:var(--lime);font-weight:900;flex:0 0 auto}.exercise-title{flex:1}.exercise-title h3{margin:0 0 4px;font-size:1.02rem}.exercise-title p{margin:0;color:var(--muted);font-size:.78rem}.toggle-detail{border:0;background:#14233a;color:var(--muted);border-radius:10px;padding:8px 10px}.exercise-body{padding:0 16px 16px}.suggestion{padding:10px 12px;border-radius:12px;background:rgba(99,167,255,.09);border:1px solid rgba(99,167,255,.25);color:#c8ddff;font-size:.84rem;margin-bottom:12px}.set-grid{display:grid;grid-template-columns:44px 1fr 1fr .8fr 46px;gap:8px;align-items:center;margin-bottom:8px}.set-grid.labels{font-size:.72rem;color:var(--muted);text-align:center}.set-type{width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:#101d30;color:var(--muted);font-size:.75rem;font-weight:800}.set-type.warmup{color:var(--orange)}.set-input{width:100%;min-width:0;text-align:center;background:#0d192a;color:var(--ink);border:1px solid var(--line);border-radius:11px;padding:10px 5px}.set-input:disabled{opacity:.55}.set-check{width:42px;height:42px;border-radius:12px;background:#101d30;border:1px solid var(--line);color:var(--muted);font-size:1.15rem}.set-check.completed{background:var(--lime);border-color:var(--lime);color:#0a1420}.exercise-actions{display:flex;justify-content:space-between;align-items:center;padding-top:4px}.text-action{border:0;background:transparent;color:var(--blue);font-weight:700;padding:8px 0}.exercise-detail{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--line);padding:14px 16px 16px;background:rgba(17,31,51,.72)}.technique{min-height:132px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,#0b1729,#13243b);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:12px;text-align:center}.motion-track{width:76%;height:10px;border-radius:99px;background:#243754;position:relative;overflow:hidden}.motion-track:after{content:"";position:absolute;inset:0;width:32%;border-radius:99px;background:var(--lime);animation:technique 2.1s ease-in-out infinite alternate}.technique strong{font-size:.86rem}.technique small{color:var(--muted);line-height:1.5}.note-box textarea{width:100%;height:132px;resize:vertical;border:1px solid var(--line);border-radius:15px;background:#0b1729;color:var(--ink);padding:13px;line-height:1.5}@keyframes technique{from{transform:translateX(-5%)}to{transform:translateX(215%)}}.timer-card{padding:22px;position:sticky;top:22px}.timer-ring{width:160px;height:160px;margin:10px auto 18px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--orange) var(--timer-progress,0%),#253750 0);position:relative}.timer-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--panel)}.timer-time{position:relative;z-index:1;font-size:2.25rem;font-weight:900;font-variant-numeric:tabular-nums}.timer-label{text-align:center;color:var(--muted);font-size:.8rem}.timer-actions{display:flex;justify-content:center;gap:8px}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.summary-cell{padding:12px 8px;border-radius:13px;background:#0d192a;text-align:center}.summary-cell strong{display:block}.summary-cell span{font-size:.72rem;color:var(--muted)}.tip{padding:17px;border-radius:17px;background:rgba(199,243,107,.08);border:1px solid rgba(199,243,107,.24);margin-top:16px}.tip b{display:block;color:var(--lime);margin-bottom:5px}.tip p{margin:0;font-size:.85rem;line-height:1.55;color:#dfe9cf}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.section-head h2{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{padding:18px}.stat-card span{color:var(--muted);font-size:.82rem}.stat-card strong{display:block;font-size:1.8rem;margin:8px 0 2px}.stat-card small{color:var(--lime)}.chart-wrap{height:300px;padding:18px}.chart-wrap canvas{width:100%;height:235px;display:block}.history-list,.library-grid,.routine-editor{display:grid;gap:12px}.history-row{padding:17px 18px;display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center}.history-row h3{margin:0 0 5px}.history-row p{margin:0;color:var(--muted);font-size:.84rem}.history-value{text-align:center}.history-value strong{display:block}.history-value span{font-size:.72rem;color:var(--muted)}.library-grid{grid-template-columns:repeat(3,1fr)}.library-item{padding:18px}.library-item h3{margin:0 0 7px}.library-item p{color:var(--muted);font-size:.84rem;min-height:40px}.library-top{display:flex;justify-content:space-between}.muscle-dot{width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(199,243,107,.08)}.empty{padding:50px 20px;text-align:center;color:var(--muted)}.mobile-nav{display:none}.modal-backdrop{position:fixed;inset:0;background:rgba(1,5,12,.76);z-index:100;display:grid;place-items:center;padding:18px}.modal{width:min(620px,100%);max-height:88vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.modal-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{color:var(--muted);font-size:.82rem}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:12px;background:#0b1729;color:var(--ink);padding:12px}.field textarea{min-height:92px}.modal-actions{padding:16px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-start;gap:9px}.toast{position:fixed;left:22px;bottom:22px;z-index:200;background:var(--ink);color:#0c1522;padding:13px 17px;border-radius:14px;box-shadow:var(--shadow);font-weight:700;animation:toastIn .25s ease-out}.pr-badge{display:inline-flex;align-items:center;gap:5px;color:var(--lime);font-size:.76rem;font-weight:800}.progress-bar{height:8px;background:#243650;border-radius:99px;overflow:hidden}.progress-bar i{display:block;height:100%;background:var(--lime);border-radius:inherit}.desktop-only{display:block}@keyframes toastIn{from{transform:translateY(20px);opacity:0}}
@media(max-width:1000px){.side-rail{display:none}.main{margin-right:0;padding:22px 20px 105px}.grid{grid-template-columns:1fr}.timer-card{position:relative;top:auto}.timer-ring{width:132px;height:132px}.library-grid{grid-template-columns:repeat(2,1fr)}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:50;right:12px;left:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:7px;background:rgba(13,23,40,.95);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.mobile-nav button{border:0;background:transparent;color:var(--muted);border-radius:12px;padding:9px 5px;font-size:.72rem}.mobile-nav button.active{background:var(--panel2);color:var(--lime)}}
@media(max-width:650px){.main{padding:18px 13px 100px}.topbar{align-items:center}.date-pill{display:none}.routine-card{display:block}.routine-switch{width:max-content;margin-top:18px}.workout-head{align-items:flex-start}.session-stats{gap:11px}.metric strong{font-size:1rem}.exercise-list{padding:10px}.exercise-header{padding:13px}.exercise-body{padding:0 11px 13px}.set-grid{grid-template-columns:38px 1fr 1fr .75fr 42px;gap:5px}.set-type{width:36px}.set-input{padding:10px 2px}.exercise-detail{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.library-grid{grid-template-columns:1fr}.history-row{grid-template-columns:1fr auto}.history-row .history-value:last-child{display:none}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.routine-card .primary{width:100%;margin-top:15px}.desktop-only{display:none}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}