:root{--bg:#f3f5f9;--surface:#fff;--surface-2:#f8fafc;--text:#1c2433;--text-soft:#5b6678;--border:#e3e8f0;--shadow:0 8px 24px #19274414;--strength:#e0564b;--hypertrophy:#6c5ce7;--endurance:#18a06a;--strength-soft:#e0564b24;--hypertrophy-soft:#6c5ce724;--endurance-soft:#18a06a24;--accent-soft:#2563eb14;--accent:#2563eb;--warn:#d97706;--warn-soft:#d977061f;--warn-border:#d9770659;--realism:#0d9488;--realism-soft:#0d94881f;--radius:16px}@media (prefers-color-scheme:dark){:root{--bg:#0f1420;--surface:#1a2130;--surface-2:#222b3d;--text:#e8ecf4;--text-soft:#9aa6ba;--border:#2c3650;--shadow:0 8px 24px #00000059;--strength:#ff7a6e;--hypertrophy:#948aff;--endurance:#2fc98c;--strength-soft:#ff7a6e24;--hypertrophy-soft:#948aff24;--endurance-soft:#2fc98c24;--accent-soft:#5b8cff14;--accent:#5b8cff;--warn:#fbbf24;--warn-soft:#fbbf2424;--warn-border:#fbbf2466;--realism:#2dd4bf;--realism-soft:#2dd4bf24}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);min-width:0;padding:12px 16px 40px;font-family:system-ui,-apple-system,Segoe UI,Tahoma,Noto Kufi Arabic,Helvetica Neue,Arial,sans-serif;line-height:1.55;overflow-x:hidden}.container{flex-direction:column;gap:12px;width:100%;min-width:0;max-width:1000px;margin:0 auto;display:flex}header{text-align:center;padding:6px 8px 0}header h1{background:linear-gradient(90deg, var(--strength), var(--hypertrophy), var(--endurance));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:clamp(1.25rem,3vw,1.7rem);font-weight:800}header p,.page-sub{color:var(--text-soft);max-width:640px;margin:0 auto;font-size:.88rem}.page-header{padding:4px 4px 0}.page-header h1{margin-bottom:2px}.live-results{z-index:30;background:var(--bg);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:6px;margin:0 -4px;padding:8px 4px;display:grid;position:sticky;top:0;box-shadow:0 4px 12px #0000000f}.live-result{--goal-color:var(--accent);background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--goal-color);border-radius:10px;min-width:0;padding:6px 8px}.live-result.strength{--goal-color:var(--strength)}.live-result.hypertrophy{--goal-color:var(--hypertrophy)}.live-result.endurance{--goal-color:var(--endurance)}.live-result.is-primary{box-shadow:0 2px 10px color-mix(in srgb, var(--goal-color) 25%, transparent)}.live-top{align-items:center;gap:4px;margin-bottom:4px;display:flex}.live-icon{font-size:.95rem;line-height:1}.live-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.72rem;font-weight:700;overflow:hidden}.live-pct{color:var(--goal-color);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:900}.live-bar{background:var(--surface-2);border-radius:99px;height:5px;overflow:hidden}.live-fill{background:var(--goal-color);border-radius:99px;height:100%;transition:width .35s cubic-bezier(.22,1,.36,1)}.score-note{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);color:var(--text-soft);text-align:center;border-radius:10px;margin:-4px 4px 2px;padding:7px 10px;font-size:.76rem}.workspace{grid-template-columns:1fr 1fr;align-items:start;gap:10px;display:grid}.workspace-controls .controls-grid{grid-template-columns:1fr 1fr;gap:8px}.workspace-controls .control{padding:6px 10px}.workspace-controls h2,.workspace-results h2{margin-bottom:6px;font-size:.92rem}.workspace-results{position:sticky;top:72px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px}.card h2{align-items:center;gap:8px;margin-bottom:8px;font-size:1rem;font-weight:700;display:flex}.card h2:before{content:"";background:var(--accent);border-radius:4px;width:5px;height:18px;display:inline-block}.controls-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.control{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:8px 12px}.control .label-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px;margin-bottom:4px;display:flex}.control label{min-width:0;font-size:.88rem;font-weight:700}.control .value{color:var(--accent);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 6px;min-width:0;max-width:100%;font-size:.92rem;font-weight:800;display:flex}.value-tag{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:99px;padding:1px 8px;font-size:.72rem;font-weight:700}.section-note{color:var(--text-soft);margin:-4px 0 10px;font-size:.8rem}.realism-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);border-top:4px solid var(--realism);padding:12px 14px}.realism-card.realism-warn{border-top-color:var(--warn);background:var(--warn-soft);border-color:var(--warn-border)}.realism-header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.realism-icon{font-size:1.4rem}.realism-header h2{margin:0;font-size:1rem;font-weight:800}.realism-sub{color:var(--text-soft);margin:2px 0 0;font-size:.78rem}.realism-percent{color:var(--realism);font-variant-numeric:tabular-nums;margin-right:auto;font-size:1.5rem;font-weight:900}.realism-warn .realism-percent{color:var(--warn)}.realism-badge{border-radius:99px;margin-bottom:6px;padding:2px 10px;font-size:.72rem;font-weight:700;display:inline-block}.realism-badge.level-excellent{background:var(--realism-soft);color:var(--realism)}.realism-badge.level-good{background:var(--accent-soft);color:var(--accent)}.realism-badge.level-medium{background:var(--warn-soft);color:var(--warn)}.realism-badge.level-weak{color:#dc2626;background:#dc26261f}.realism-explanation{color:var(--text);margin-bottom:8px;font-size:.84rem;line-height:1.5}.realism-meta{color:var(--text-soft);flex-wrap:wrap;gap:8px 14px;margin-bottom:8px;font-size:.75rem;display:flex}.realism-track .mini-fill{background:var(--realism)}.realism-warn .realism-track .mini-fill{background:var(--warn)}.realism-inline{background:var(--realism-soft);border:1px solid color-mix(in srgb, var(--realism) 25%, transparent);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:10px;padding:8px 10px;font-size:.78rem;display:flex}.realism-inline.realism-warn{background:var(--warn-soft);border-color:var(--warn-border)}.realism-inline-title{color:var(--realism);font-weight:800}.realism-inline.realism-warn .realism-inline-title{color:var(--warn)}.realism-inline .realism-badge{margin-bottom:0}.realism-inline-meta{color:var(--text-soft);font-size:.72rem}.warn-banner{background:var(--warn-soft);border:1px solid var(--warn-border);border-right:5px solid var(--warn);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.warn-banner strong{color:var(--warn);margin-bottom:3px;font-size:.88rem;display:block}.warn-banner p{color:var(--text);margin:0;font-size:.82rem;line-height:1.5}.warn-icon{font-size:1.3rem;line-height:1}.warn-inline{margin-top:8px;padding:8px 10px}.warn-inline p{font-size:.78rem}.control .hint{color:var(--text-soft);justify-content:space-between;margin-top:2px;font-size:.7rem;display:flex}input[type=range]{appearance:none;background:var(--border);cursor:pointer;border-radius:8px;outline:none;width:100%;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:3px solid var(--surface);border-radius:50%;width:22px;height:22px;transition:transform .15s;box-shadow:0 2px 6px #00000040}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{background:var(--accent);border:3px solid var(--surface);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #00000040}.fit-grid{flex-direction:column;gap:8px;display:flex}.fit-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-top:4px solid var(--goal-color);min-width:0;padding:10px 12px;transition:transform .25s,box-shadow .25s;overflow:visible}.fit-card.leading{transform:translateY(-2px);box-shadow:0 10px 24px #1927441f}.fit-header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.fit-header .icon{font-size:1.2rem}.fit-header h3{flex:1;font-size:.88rem;font-weight:700}.fit-header .percent{color:var(--goal-color);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:900}.fit-badges{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.fit-card .badge{background:var(--goal-soft);background:color-mix(in srgb, var(--goal-color) 14%, transparent);color:var(--goal-color);border-radius:99px;padding:1px 8px;font-size:.68rem;font-weight:700;display:inline-block}.effect-badge{border-radius:99px;padding:1px 8px;font-size:.65rem;font-weight:700;display:inline-block}.effect-badge.role-primary{background:var(--goal-soft);background:color-mix(in srgb, var(--goal-color) 22%, transparent);color:var(--goal-color);border:1px solid color-mix(in srgb, var(--goal-color) 35%, transparent)}.effect-badge.role-secondary{background:var(--accent-soft);color:var(--accent)}.effect-badge.role-weak{background:var(--surface-2);color:var(--text-soft);border:1px solid var(--border)}.effect-badge.role-unsuitable{background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn-border)}.fit-card.is-hidden-goal,.live-result.is-hidden-goal{opacity:.88}.live-hidden-tag{background:var(--warn-soft);color:var(--warn);white-space:nowrap;border-radius:99px;padding:1px 6px;font-size:.62rem;font-weight:700}.dev-toggle{color:var(--text-soft);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-top:8px;font-size:.75rem;display:flex}.dev-toggle input{accent-color:var(--accent);width:14px;height:14px}.dev-breakdown{background:var(--surface-2);border:1px dashed var(--border);color:var(--text-soft);border-radius:8px;margin-top:8px;padding:6px 8px;font-family:ui-monospace,Cascadia Code,monospace;font-size:.68rem}.dev-breakdown-title{color:var(--goal-color);margin-bottom:4px;font-weight:700}.dev-scores{flex-wrap:wrap;gap:4px 10px;display:flex}.dev-merged{color:var(--text);margin-top:4px;font-weight:700}.fit-summary{color:var(--text);margin-bottom:3px;font-size:.82rem;font-weight:700}.fit-reason{color:var(--text-soft);margin-bottom:0;font-size:.78rem;line-height:1.45}.fit-card-compact{box-shadow:none;padding:8px 10px}.fit-card-compact .fit-header{margin-bottom:2px}.fit-card-compact .fit-header h3{font-size:.8rem}.fit-card-compact .fit-header .percent{font-size:1.1rem}.fit-card-compact .fit-badges{margin-bottom:4px}.fit-card-compact .fit-summary{margin-bottom:2px;font-size:.76rem}.fit-card-compact .fit-reason{font-size:.72rem}.fit-card-compact.leading{transform:none;box-shadow:0 4px 14px #1927441a}.mini-track{background:var(--surface-2);border:1px solid var(--border);border-radius:99px;height:8px;overflow:hidden}.mini-fill{background:var(--goal-color);border-radius:99px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.fit-card.strength{--goal-color:var(--strength);--goal-soft:var(--strength-soft)}.fit-card.hypertrophy{--goal-color:var(--hypertrophy);--goal-soft:var(--hypertrophy-soft)}.fit-card.endurance{--goal-color:var(--endurance);--goal-soft:var(--endurance-soft)}.bars{flex-direction:column;gap:8px;display:flex}.bar-row{grid-template-columns:80px 1fr 48px;align-items:center;gap:10px;display:grid}.bar-row .bar-label{font-size:.85rem;font-weight:700}.bar-track{background:var(--surface-2);border:1px solid var(--border);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:99px;height:16px;overflow:hidden}.bar-track:active{cursor:grabbing}.bar-fill{background:var(--bar-color);background:linear-gradient(90deg, color-mix(in srgb, var(--bar-color) 70%, white), var(--bar-color));border-radius:99px;width:0%;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.bar-row .bar-value{font-variant-numeric:tabular-nums;color:var(--bar-color);text-align:left;font-weight:800}.bar-row.strength{--bar-color:var(--strength)}.bar-row.hypertrophy{--bar-color:var(--hypertrophy)}.bar-row.endurance{--bar-color:var(--endurance)}.smart-box{border-radius:var(--radius);border:1px solid var(--border);border-right:6px solid var(--smart-color,var(--accent));background:var(--surface);box-shadow:var(--shadow);align-items:flex-start;gap:10px;padding:10px 14px;transition:border-color .3s;display:flex}.smart-box .emoji{margin-top:3px;font-size:1.4rem;line-height:1}.smart-box .title{color:var(--smart-color,var(--accent));margin-bottom:2px;font-size:.92rem;font-weight:800}.smart-box .text{color:var(--text);font-size:.9rem}.smart-box .tip{color:var(--text-soft);margin-top:6px;font-size:.8rem}.interp-list{flex-direction:column;gap:5px;margin:8px 0 4px;padding:0;list-style:none;display:flex}.interp-list li{color:var(--text);padding-right:14px;font-size:.82rem;line-height:1.5;position:relative}.interp-list li:before{content:"•";color:var(--smart-color,var(--accent));font-weight:800;position:absolute;right:0}.focus-sum{text-align:center;color:var(--text-soft);font-variant-numeric:tabular-nums;margin-top:8px;font-size:.78rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px;font-size:.85rem}th,td{text-align:right;border-bottom:1px solid var(--border);padding:6px 10px}thead th{background:var(--surface-2);white-space:nowrap;font-weight:800}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .3s}td .dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-left:8px;display:inline-block}tr.row-strength td:first-child{color:var(--strength);font-weight:800}tr.row-hypertrophy td:first-child{color:var(--hypertrophy);font-weight:800}tr.row-endurance td:first-child{color:var(--endurance);font-weight:800}tr.active-row{background:var(--accent-soft);background:color-mix(in srgb, var(--accent) 8%, transparent)}footer{text-align:center;color:var(--text-soft);font-size:.82rem}@media (max-width:768px){.workspace{grid-template-columns:1fr;gap:8px}.workspace-results{position:static;top:auto}}@media (max-width:640px){body{padding:8px 8px 24px}.container{gap:8px}.page-header h1{font-size:1.15rem}.page-sub{font-size:.78rem}.live-results{gap:4px;margin:0 -2px;padding:6px 2px}.live-result{padding:5px 6px}.live-name{font-size:.65rem}.live-pct{font-size:.85rem}.card,.realism-card,.smart-box,.warn-banner{padding:10px}.workspace-controls .controls-grid,.controls-grid{grid-template-columns:1fr 1fr;gap:6px}.control{padding:6px 8px}.control label{font-size:.78rem}.control .value{font-size:.8rem}.control .label-row{flex-direction:column;align-items:flex-start}.control .value{justify-content:flex-start;font-size:.86rem}.realism-header{flex-wrap:wrap;gap:6px}.realism-percent{width:100%;margin-right:0;font-size:1.25rem}.realism-meta{flex-direction:column;gap:4px}.fit-grid{gap:8px}.fit-card{padding:10px}.fit-card.leading{transform:none}.fit-header{flex-wrap:wrap;gap:4px 8px}.fit-header h3{flex:60%;font-size:.82rem}.fit-header .percent{flex:none;font-size:1.2rem}.fit-summary,.fit-reason,.smart-box .text,.interp-list li{word-break:break-word;font-size:.8rem}.value-tag{white-space:normal;padding:1px 5px;font-size:.6rem}.workspace-results .fit-grid{gap:6px}.smart-box{flex-direction:column;gap:8px}.smart-box .emoji{margin-top:0}table{min-width:480px;font-size:.78rem}th,td{padding:5px 8px}}