.ex-page{max-width:800px;margin:0 auto;padding:2rem 1rem 4rem}.ex-not-found{text-align:center;padding:3rem 2rem}.ex-not-found h2{margin:0 0 .5rem;font-size:1.4rem;font-weight:900}.ex-not-found p{color:var(--color-text-muted);margin:0 0 1.5rem;font-size:.95rem}.ex-hero{align-items:flex-start;gap:1.25rem;margin-bottom:1.25rem;padding:1.5rem;display:flex}.ex-hero-icon{background:linear-gradient(135deg, var(--color-primary), #ff6b4a);color:#fff;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.ex-hero-text{flex:1;min-width:0}.ex-title{color:var(--color-text);margin:0 0 .75rem;font-size:clamp(1.4rem,5vw,2rem);font-weight:900;line-height:1.15}.ex-badges{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.ex-badge{letter-spacing:.05em;border-radius:2rem;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.ex-diff-beginner{color:#10b981;background-color:#10b9811a;border:1px solid #10b98133}.ex-diff-intermediate{color:#3b82f6;background-color:#3b82f61a;border:1px solid #3b82f633}.ex-diff-advanced{color:var(--color-primary);background-color:#dc26261f;border:1px solid #dc262633}.ex-badge-category{color:#a855f7;background-color:#a855f71a;border:1px solid #a855f733}.ex-equipment-tags{flex-wrap:wrap;gap:.4rem;display:flex}.ex-equip-tag{color:var(--color-text-muted);background:var(--subtle-hover);border:1px solid var(--color-border);border-radius:.35rem;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.ex-context{border-left:3px solid var(--color-primary);background:linear-gradient(135deg,#dc26260a 0%,#0000 100%);margin-bottom:1.25rem;padding:1.5rem}.ex-context-header{align-items:center;gap:.65rem;margin-bottom:.75rem;display:flex}.ex-context-icon{font-size:1.5rem;line-height:1}.ex-context-header h2{letter-spacing:.05em;color:var(--color-primary);margin:0;font-size:.95rem;font-weight:800}.ex-context-body{color:var(--color-text);margin:0;font-size:.95rem;line-height:1.7}.ex-section{margin-bottom:1.25rem;padding:1.25rem}.ex-section-open{margin-bottom:1.25rem}.ex-section-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.ex-section-header h2{letter-spacing:.05em;margin:0;font-size:1rem;font-weight:800}.ex-icon-target{color:var(--color-primary)}.ex-icon-tip{color:#f59e0b}.ex-icon-technique{color:#a855f7}.ex-icon-related{color:#3b82f6}.ex-step-list{counter-reset:none;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.ex-step-list li{color:var(--color-text);align-items:flex-start;gap:.85rem;font-size:.95rem;line-height:1.6;display:flex}.ex-step-number{background:linear-gradient(135deg, var(--color-primary), #ff6b4a);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;font-size:.78rem;font-weight:900;display:flex}.ex-params-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.ex-param-card{text-align:center;padding:1.25rem 1rem}.ex-param-icon{color:var(--color-text-muted);justify-content:center;margin-bottom:.4rem;display:flex}.ex-param-label{letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.35rem;font-size:.7rem;font-weight:700}.ex-param-value{color:var(--color-text);font-size:1.15rem;font-weight:900}.ex-tips-section{border-left:3px solid #f59e0b}.ex-tip-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.ex-tip-list li{color:var(--color-text);align-items:flex-start;gap:.6rem;font-size:.92rem;line-height:1.6;display:flex}.ex-tip-bullet{color:#f59e0b;flex-shrink:0;margin-top:3px}.ex-technique-grid{flex-direction:column;gap:.5rem;display:flex}.ex-technique-card{justify-content:space-between;align-items:center;padding:1rem 1.25rem;text-decoration:none;transition:border-color .2s,transform .15s;display:flex}.ex-technique-card:hover{border-color:var(--color-primary);transform:translateY(-1px)}.ex-technique-info{flex-direction:column;gap:.15rem;display:flex}.ex-technique-name{color:var(--color-text);font-size:.95rem;font-weight:700}.ex-technique-cat{color:var(--color-text-muted);letter-spacing:.04em;font-size:.75rem}.ex-technique-arrow{color:var(--color-text-muted);flex-shrink:0;transition:color .2s}.ex-technique-card:hover .ex-technique-arrow{color:var(--color-primary)}.ex-related-subtitle{color:var(--color-text-muted);margin:-.35rem 0 .75rem;font-size:.85rem}.ex-related-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.ex-related-card{flex-direction:column;gap:.5rem;padding:1rem 1.15rem;text-decoration:none;transition:border-color .2s,transform .15s;display:flex;position:relative}.ex-related-card:hover{border-color:var(--color-primary);transform:translateY(-1px)}.ex-related-top{flex-direction:column;gap:.25rem;display:flex}.ex-related-name{color:var(--color-text);font-size:.88rem;font-weight:700;line-height:1.3}.ex-related-diff{letter-spacing:.05em;border-radius:2rem;width:fit-content;padding:.15rem .45rem;font-size:.65rem;font-weight:700;display:inline-block}.ex-related-muscles{flex-wrap:wrap;gap:.3rem;display:flex}.ex-muscle-chip{background:var(--subtle-hover);border:1px solid var(--color-border);color:var(--color-text-muted);text-transform:capitalize;border-radius:.25rem;padding:.15rem .4rem;font-size:.68rem;font-weight:600}.ex-related-arrow{color:var(--color-text-muted);transition:color .2s;position:absolute;top:1rem;right:.85rem}.ex-related-card:hover .ex-related-arrow{color:var(--color-primary)}.ex-back-cta{text-align:center;margin-top:2rem}.ex-back-btn{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:.5rem;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s,transform .2s;display:inline-flex}.ex-back-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}@media (max-width:640px){.ex-hero{text-align:center;flex-direction:column;align-items:center}.ex-badges,.ex-equipment-tags{justify-content:center}.ex-params-grid,.ex-related-grid{grid-template-columns:1fr}.ex-context-header{justify-content:center}.ex-context-body{text-align:center}}.ex-build-meal-card{border-radius:var(--radius-md,.5rem);background:#ffffff08;border:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.ex-build-left{align-items:center;gap:1rem;display:flex}.ex-build-icon{background:#2d8a4e1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;display:flex}.ex-build-text h3{color:var(--color-text);margin:0 0 .25rem;font-size:1.15rem;font-weight:700}.ex-build-text p{color:var(--color-text-muted);margin:0;font-size:.9rem}.ex-build-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm,.25rem);cursor:pointer;white-space:nowrap;border:none;padding:.75rem 1.5rem;font-weight:700;transition:all .2s}.ex-build-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2d8a4e40}.ex-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ex-modal-content{background:var(--color-surface,#1e1e1e);box-sizing:border-box;border:1px solid #ffffff1a;border-radius:1rem;width:100%;max-width:550px;padding:1.75rem;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;overflow:hidden;box-shadow:0 20px 40px #00000080}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ex-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.ex-modal-header h2{color:var(--color-text);margin:0;font-size:1.35rem;font-weight:800}.ex-modal-close{color:var(--color-text-muted);cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.ex-modal-close:hover{color:var(--color-text);background:#ffffff1a}.ex-modal-ingredients h3{margin:0 0 .5rem;font-size:1.05rem;font-weight:700}.ex-modal-help{color:var(--color-text-muted);margin:0 0 1rem;font-size:.85rem}.ex-checklist{box-sizing:border-box;background:#00000026;border:1px solid #ffffff0d;border-radius:.5rem;flex-direction:column;gap:.6rem;max-height:200px;margin-bottom:1.5rem;padding:.75rem;display:flex;overflow-y:auto}.ex-checklist-item{cursor:pointer;border-radius:.35rem;align-items:center;gap:.75rem;padding:.5rem;transition:background .15s;display:flex}.ex-checklist-item:hover{background:#ffffff08}.ex-checklist-item input[type=checkbox]{display:none}.ex-checkbox-custom{box-sizing:border-box;border:2px solid #ffffff4d;border-radius:4px;flex-shrink:0;width:18px;height:18px;transition:all .2s;display:inline-block;position:relative}.ex-checklist-item input[type=checkbox]:checked+.ex-checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.ex-checklist-item input[type=checkbox]:checked+.ex-checkbox-custom:after{content:"";box-sizing:border-box;border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.ex-item-name{color:var(--color-text);flex:1;font-size:.95rem;font-weight:500}.ex-item-cat{color:var(--color-text-muted);background:#ffffff0d;border-radius:.25rem;padding:.1rem .4rem;font-size:.75rem}.ex-no-ingredients{color:var(--color-text-muted);text-align:center;margin:0;padding:1rem;font-size:.85rem}.ex-modal-actions{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.ex-action-btn{color:var(--color-text);cursor:pointer;text-align:center;box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff14;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.ex-action-btn:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.ex-maps-btn{background:linear-gradient(135deg,#2d8a4e26,#ff6b4a1a);border-color:#2d8a4e40;grid-column:span 2}.ex-maps-btn:hover{background:linear-gradient(135deg,#2d8a4e40,#ff6b4a26);border-color:#2d8a4e73}.ex-success-icon{color:var(--color-primary)}@media (max-width:600px){.ex-build-meal-card{text-align:center;flex-direction:column;align-items:stretch;gap:1.25rem}.ex-build-left{flex-direction:column;gap:.5rem}.ex-modal-actions{grid-template-columns:1fr}.ex-maps-btn{grid-column:span 1}}.ex-native-share-btn{color:#2d8a4e!important;background:linear-gradient(135deg,#2d8a4e26,#2d8a4e14)!important;border-color:#2d8a4e4d!important;font-weight:700!important}.ex-native-share-btn:hover{background:linear-gradient(135deg,#2d8a4e40,#2d8a4e1f)!important;border-color:#2d8a4e80!important}.ex-save-list-btn{color:#f59e0b!important;background:linear-gradient(135deg,#f59e0b1f,#f59e0b0f)!important;border-color:#f59e0b40!important}.ex-save-list-btn:hover{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a)!important;border-color:#f59e0b66!important}.ex-download-fallback{opacity:.6;font-size:.78rem!important}.ex-download-fallback:hover{opacity:1}.calculator-section{margin-top:1.5rem;padding:1.5rem}.calc-intro{color:var(--color-text-muted);margin-bottom:1.25rem;font-size:.9rem}.calc-inputs-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}.calc-input-group{flex-direction:column;gap:.5rem;display:flex}.calc-input-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.8rem;font-weight:700}.weight-input-container{align-items:center;display:flex;position:relative}.weight-input-container input{width:100%;color:var(--color-text);background:#ffffff0d;border:1px solid #ffffff26;border-radius:.375rem;padding:.5rem 2.2rem .5rem .75rem;font-size:.95rem;font-weight:600}.weight-input-container input:focus{border-color:var(--color-primary);outline:none}.weight-input-container .unit-label{opacity:.5;font-size:.8rem;font-weight:600;position:absolute;right:.75rem}.calc-input-group select{color:var(--color-text);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:.375rem;padding:.5rem;font-size:.95rem;font-weight:600}.calc-input-group select:focus{border-color:var(--color-primary);outline:none}.portion-scale-container{align-items:center;gap:.75rem;display:flex}.portion-scale-container input[type=range]{cursor:pointer;accent-color:var(--color-primary);flex:1}.portion-scale-container .scale-value{text-align:right;min-width:40px;color:var(--color-primary);font-size:.95rem;font-weight:700}.calc-results-panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:.5rem;padding:1.25rem}.calc-result-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.calc-result-header h3{font-size:.95rem;font-weight:700}.calc-calories{color:var(--color-primary);font-size:1.15rem;font-weight:900}.macro-progress-bars{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.macro-progress-item{flex-direction:column;gap:.25rem;display:flex}.macro-label{justify-content:space-between;font-size:.85rem;font-weight:600;display:flex}.progress-bar-bg{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{border-radius:3px;height:100%;transition:width .3s}.carb-fill{background:#3b82f6}.protein-fill{background:#10b981}.fat-fill{background:#f59e0b}.calc-advisory{background:#a855f714;border:1px solid #a855f726;border-radius:.375rem;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.advisory-icon{font-size:1.1rem}.advisory-text{color:#dfb2ff;margin:0;font-size:.85rem;line-height:1.4}
