:root{--brand:#00c6a2;--brand-dark:#009e82;--brand-mid:#4dd9bf;--brand-light:#00c6a21a;--accent:#ff6b35;--accent-mid:#ff9a6c;--bg:#0b1220;--surface:#131c2c;--surface-warm:#182033;--surface-muted:#1c2840;--surface-raised:#1f2d43;--border:#273548;--border-light:#1e2e44;--text:#ecf0ff;--text-secondary:#9aaec2;--text-muted:#5c758f;--text-on-brand:#031510;--success:#00c6a2;--danger:#ff4757;--font-display:"Barlow Condensed",system-ui,sans-serif;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--shadow-sm:0 1px 6px #0000004d;--shadow-md:0 4px 24px #00000073;--shadow-lg:0 12px 48px #0000008c;--shadow-glow:0 0 32px #00c6a233;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.16,1,.3,1);--bottom-nav-h:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:var(--bottom-nav-h);font-size:16px;line-height:1.6;overflow-x:hidden}@media (min-width:768px){body{padding-bottom:0}}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--text);letter-spacing:.01em;line-height:1.05}h1{text-transform:uppercase;font-size:2.4rem;font-weight:900}h2{text-transform:uppercase;font-size:1.7rem;font-weight:800}h3{text-transform:uppercase;font-size:1.25rem;font-weight:700}@media (min-width:768px){h1{font-size:clamp(2.8rem,6vw,5rem)}h2{font-size:clamp(1.8rem,4vw,3rem)}h3{font-size:clamp(1.3rem,2.5vw,1.8rem)}}p{line-height:1.75}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}.page-container{width:100%;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.page-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.page-container{max-width:1140px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}}.btn-primary{background:var(--brand);min-height:52px;color:var(--text-on-brand);font-family:var(--font-sans);letter-spacing:.03em;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;justify-content:center;align-items:center;gap:8px;padding:0 28px;font-size:15px;font-weight:700;text-decoration:none;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 6px 24px -4px #00c6a280}.btn-primary:active{box-shadow:none;transform:translateY(0)}.btn-primary:disabled{opacity:.45;pointer-events:none}.btn-secondary{min-height:48px;color:var(--text-secondary);font-family:var(--font-sans);border-radius:var(--radius-full);border:1.5px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.workout-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-tap-highlight-color:transparent;flex-direction:column;height:100%;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;overflow:hidden}@media (hover:hover){a:hover .workout-card{border-color:var(--brand);transform:translateY(-3px);box-shadow:0 8px 32px #00c6a21f}}.bottom-nav{height:var(--bottom-nav-h);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(16px);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);background:#0d1220f7;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:768px){.bottom-nav{display:none}}.bottom-nav-item{cursor:pointer;color:var(--text-muted);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 4px;font-size:10px;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.bottom-nav-item.active{color:var(--brand)}.bottom-nav-item svg{stroke-width:2px;width:22px;height:22px}.tag{border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fffc;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff2e;align-items:center;gap:4px;padding:3px 9px;font-size:.68rem;font-weight:700;display:inline-flex}.tag-goal{color:var(--brand);background:#00c6a233;border-color:#00c6a259}.tag-level{color:var(--accent);background:#ff6b3526;border-color:#ff6b354d}.score-badge{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:var(--text-on-brand);font-family:var(--font-sans);border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.04em;padding:3px 9px;font-size:10px;font-weight:800}.skeleton{background:linear-gradient(90deg,var(--surface-warm)25%,var(--surface-muted)50%,var(--surface-warm)75%);border-radius:var(--radius-md);background-size:400% 100%;animation:1.5s ease-in-out infinite skeleton-wave}@keyframes skeleton-wave{0%{background-position:100%}to{background-position:0%}}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.generation-progress{background:linear-gradient(90deg,var(--brand),var(--accent),var(--brand));border-radius:2px;height:3px;animation:1.6s cubic-bezier(.4,0,.6,1) infinite progress-slide}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:1.25rem;display:flex}.section-header a{color:var(--brand);font-size:13px;font-weight:700}.section-header a:hover{text-decoration:underline}.trust-badge{color:var(--text-muted);background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--radius-full);align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.goal-nav-card{transition:transform .15s,border-color .15s}@media (hover:hover){a:hover .goal-nav-card{border-color:var(--brand);transform:translateY(-2px)}}.featured-card-wrap{transition:transform .2s}@media (hover:hover){.featured-card-wrap:hover{transform:scale(1.004)}}.filter-tab{border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-shrink:0;align-items:center;gap:5px;min-height:38px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.filter-tab:hover{border-color:var(--brand);color:var(--brand)}.filter-tab.active{border-color:var(--brand);color:var(--text-on-brand);background:var(--brand)}.filter-scroll{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:.4rem;padding-bottom:4px;display:flex;overflow-x:auto}.filter-scroll::-webkit-scrollbar{display:none}.filter-scroll{-ms-overflow-style:none;scrollbar-width:none}.eq-category{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.eq-category-header{background:var(--surface-warm);cursor:pointer;text-align:left;width:100%;color:var(--text);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;align-items:center;gap:10px;min-height:48px;padding:12px 14px;font-size:14px;font-weight:700;transition:background .15s;display:flex}.eq-category-header:hover{background:var(--surface-muted)}.eq-category-body{background:var(--surface);flex-wrap:wrap;gap:6px;padding:10px 12px 12px;display:flex}.card-placeholder{opacity:.85;justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;display:flex}.how-step{text-align:center;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color .2s}@media (hover:hover){.how-step:hover{border-color:#00c6a24d}}.ad-slot{background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;min-height:100px;display:flex;position:relative;overflow:hidden}.ad-slot:before{content:"Anzeige";color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600;position:absolute;top:6px;left:10px}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}select,input[type=number],input[type=range]{appearance:none;background:var(--surface-warm);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-sans);width:100%;padding:.65rem .9rem;font-size:15px;transition:border-color .15s}select:focus,input:focus{border-color:var(--brand);outline:none}select option{background:var(--surface-muted)}details summary::-webkit-details-marker{display:none}details summary{list-style:none}@media print{header,footer,nav,.ad-slot,.btn-primary,.btn-secondary,.bottom-nav,[data-noprint]{display:none!important}body{color:#000;background:#fff;padding-bottom:0}}