*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#14171c;color:#e8ecf1;overflow:hidden}.app{display:flex;height:100%}.canvas-wrap{flex:1;position:relative;min-width:0}.canvas-wrap canvas{width:100%;height:100%;display:block}.canvas-hint{position:absolute;left:12px;bottom:10px;font-size:12px;color:#3d5568;background:#ffffffb8;padding:4px 10px;border-radius:20px;pointer-events:none}.panel{width:340px;height:100%;overflow-y:auto;background:#171b21;border-left:1px solid #262c35;padding:16px 16px 40px}.panel-head h1{font-size:17px;font-weight:600}.panel-head .sub{font-size:12px;color:#7d8894;margin:3px 0 6px}section{margin-top:16px;border-top:1px solid #232932;padding-top:10px}section h2{font-size:12px;font-weight:600;color:#8fa2b5;letter-spacing:1px;margin-bottom:8px}.slider-row{display:flex;align-items:center;gap:8px;margin-bottom:7px;font-size:12.5px}.slider-label{flex:0 0 118px;color:#c7d0da;line-height:1.25}.slider-row input[type=range]{flex:1;accent-color:#e24b4a;min-width:0}.slider-val{flex:0 0 46px;text-align:right;font-variant-numeric:tabular-nums;color:#fff;font-size:12px}.check-row{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:6px;color:#c7d0da}.check-row input{accent-color:#e24b4a;width:15px;height:15px}.reset-btn{margin-top:6px;width:100%;padding:7px 0;font-size:13px;background:#232932;color:#c7d0da;border:1px solid #313945;border-radius:8px;cursor:pointer}.reset-btn:hover{background:#2b323d}.sharebar-wrap{margin-bottom:10px}.sharebar-labels{display:flex;justify-content:space-between;font-size:12px;color:#c7d0da;margin-bottom:3px}.sharebar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#232932}.sharebar-left{background:#185fa5}.sharebar-right{background:#378add}.stat-row{display:flex;justify-content:space-between;font-size:12.5px;color:#c7d0da;margin:4px 0}.stat-row b{color:#fff;font-variant-numeric:tabular-nums}.muscle-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;cursor:help}.muscle-name{flex:0 0 128px;font-size:12.5px;color:#c7d0da}.muscle-bar{flex:1;height:9px;background:#232932;border-radius:5px;overflow:hidden}.muscle-fill{height:100%;background:linear-gradient(90deg,#a33,#e24b4a);border-radius:5px}.muscle-val{flex:0 0 36px;text-align:right;font-size:11.5px;color:#9aa7b4;font-variant-numeric:tabular-nums}.hint{font-size:11.5px;color:#66727f;margin-top:8px;line-height:1.5}@media(max-width:760px){.app{flex-direction:column}.canvas-wrap{flex:0 0 48vh}.panel{width:100%;flex:1;border-left:none;border-top:1px solid #262c35}}