:root{color:#f5f4f0;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f5f4f0;--muted:#a9a9a5;--dim:#777774;--surface:#343434;--surface-hover:#414141;--background:#292929;--line:#f5f4f024;--yellow:#ffd400;--yellow-dark:#e5bc00;--orange:#ef7d43;background:#292929;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{background:var(--background);min-width:320px;min-height:100vh;margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}button:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.app-shell{background:var(--background);min-height:100vh}.site-header{justify-content:space-between;align-items:center;max-width:1480px;height:84px;margin:0 auto;padding:0 4.5vw;display:flex}.brand{text-align:left;background:0 0;align-items:center;gap:14px;padding:7px 0;display:flex}.brand-copy{letter-spacing:-.035em;flex-direction:column;font-family:Impact,Arial Black,sans-serif;font-size:25px;font-style:italic;font-weight:800;line-height:.74;display:flex;transform:skew(-7deg)}.brand-copy strong{color:var(--yellow)}.brand-copy em{color:var(--ink);font-style:italic}.brand-divider{background:var(--yellow);width:2px;height:27px;transform:skew(-12deg)}.brand-subtitle,.header-edition,.header-context,.section-label,.eyebrow,.card-category,.card-meta,.detail-index,.detail-caption,.instruction-label,.video-kicker{letter-spacing:.13em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:700}.brand-subtitle{color:var(--muted);text-align:left;font-size:8px;line-height:1.45}.header-context{color:var(--muted);align-items:center;gap:10px;display:flex}.status-dot{background:var(--yellow);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ffd40021}.header-edition{color:var(--dim)}.header-actions{align-items:center;gap:22px;display:flex}.language-toggle{border:1px solid var(--line);color:var(--dim);border-radius:999px;align-items:center;gap:5px;padding:3px;font-size:10px;font-weight:800;display:flex}.language-toggle button{color:var(--muted);background:0 0;border-radius:999px;min-width:30px;min-height:28px;padding:0 7px;font-size:10px;font-weight:800}.language-toggle button:hover,.language-toggle button.is-active{background:var(--yellow);color:#242424}.language-toggle span{color:var(--dim)}.session-button{color:var(--yellow);letter-spacing:.09em;text-transform:uppercase;background:0 0;align-items:center;gap:12px;padding:13px 0;font-size:10px;font-weight:700;display:flex}.session-button span{font-size:20px;line-height:0}.catalogue-page{max-width:1480px;margin:0 auto;padding:26px 4.5vw 48px}.catalogue-intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding:20px 0 26px;display:flex}.eyebrow{color:var(--yellow);margin-bottom:12px;display:block}.catalogue-intro h1{letter-spacing:-.045em;text-transform:uppercase;margin:0;font-family:Impact,Arial Black,sans-serif;font-size:clamp(52px,7.3vw,100px);font-style:italic;font-weight:800;line-height:.82;transform:skew(-6deg)}.catalogue-intro h1 em{color:var(--yellow);font-style:italic}.move-count{align-items:baseline;gap:9px;padding-bottom:3px;display:flex}.move-count strong{color:var(--yellow);font-family:Impact,Arial Black,sans-serif;font-size:42px;font-style:italic;line-height:1}.move-count span{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:700;line-height:1.4}.exercise-section{padding-top:24px}.exercise-toolbar{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.section-label{color:var(--yellow);margin-bottom:8px;display:block}.exercise-toolbar h2{letter-spacing:-.03em;margin:0;font-size:19px;font-weight:600}.difficulty-filter{scrollbar-width:none;gap:7px;padding:3px 0 4px 18px;display:flex;overflow-x:auto}.difficulty-filter::-webkit-scrollbar{display:none}.difficulty-chip{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;flex:none;min-height:38px;padding:0 14px;font-size:11px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.difficulty-chip:hover{color:var(--ink);border-color:#ffd400a6}.difficulty-chip.is-active{background:var(--yellow);border-color:var(--yellow);color:#242424}.exercise-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.exercise-card{background:var(--surface);text-align:left;border:1px solid #0000;border-radius:3px;grid-template-columns:42px minmax(0,1fr) 82px 25px;align-items:stretch;min-height:132px;padding:0;transition:background .2s,border-color .2s,transform .2s;display:grid;position:relative;overflow:hidden}.exercise-card:hover{background:var(--surface-hover);border-color:#ffd40099;transform:translateY(-2px)}.card-number{color:var(--dim);padding:15px 0 0 14px;font-size:10px;font-weight:700}.card-info{flex-direction:column;justify-content:center;min-width:0;padding:17px 8px 15px 0;display:flex}.card-category{color:var(--yellow);margin-bottom:8px;font-size:8px}.card-title{letter-spacing:-.025em;overflow-wrap:anywhere;text-transform:uppercase;font-family:Impact,Arial Black,sans-serif;font-size:26px;font-style:italic;font-weight:700;line-height:.95;transform:skew(-5deg)}.card-meta{color:var(--muted);letter-spacing:.05em;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;font-size:8px;display:flex}.difficulty{align-items:center;gap:6px;min-width:0;display:inline-flex}.difficulty-mark{background:var(--yellow);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.difficulty-intermediate .difficulty-mark,.difficulty-mark.intermediate{background:#f4a53f}.difficulty-advanced .difficulty-mark,.difficulty-mark.advanced{background:var(--orange)}.card-duration{color:var(--dim);white-space:nowrap}.card-thumb{background:#555;align-self:stretch;min-height:100%;display:block;overflow:hidden}.card-thumb img{object-fit:cover;opacity:.72;width:100%;height:100%;transition:opacity .2s,transform .3s;display:block}.exercise-card:hover .card-thumb img{opacity:.95;transform:scale(1.08)}.card-arrow{color:var(--yellow);justify-content:center;align-items:center;font-size:20px;display:flex}.empty-state{border:1px dashed var(--line);text-align:center;padding:60px 20px}.empty-state-mark{color:var(--yellow);font-size:28px}.empty-state h2{margin:10px 0 6px;font-size:20px;font-weight:500}.empty-state p{color:var(--muted);margin:0;font-size:12px}.detail-page{max-width:1480px;margin:0 auto;padding:15px 4.5vw 48px}.back-button{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;background:0 0;align-items:center;gap:10px;padding:12px 0;font-size:10px;font-weight:700;display:flex}.back-button:hover{color:var(--yellow)}.detail-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:center;gap:clamp(35px,6vw,95px);margin-top:22px;display:grid}.detail-media-column{min-width:0}.video-shell{background:#161616;position:relative;overflow:hidden}.video-placeholder{aspect-ratio:16/9}.video-placeholder-image{object-fit:cover;opacity:.45;width:100%;height:100%;position:absolute;inset:0}.video-placeholder:after{content:"";background:linear-gradient(#14141426,#141414e0);position:absolute;inset:0}.video-placeholder-content{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.placeholder-pulse{border:2px solid #ffd400bf;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;display:flex;position:relative}.placeholder-pulse:before{content:"";border:1px solid #ffd40059;border-radius:50%;position:absolute;inset:-8px}.placeholder-pulse span{background:var(--yellow);border-radius:50%;width:8px;height:8px}.video-kicker{color:var(--yellow)}.video-placeholder-content h2{letter-spacing:-.03em;text-transform:uppercase;margin:13px 0 10px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(28px,4vw,52px);font-style:italic;font-weight:700;line-height:1;transform:skew(-5deg)}.video-placeholder-content p{color:var(--muted);max-width:380px;margin:0;font-size:11px;line-height:1.6}code{color:var(--yellow);background:#ffffff14;padding:3px 5px;font-family:ui-monospace,monospace;font-size:.88em}.video-placeholder-controls{z-index:2;align-items:center;gap:13px;display:flex;position:absolute;bottom:16px;left:20px;right:20px}.placeholder-control{color:#f5f4f0bf;justify-content:center;align-items:center;width:20px;height:24px;display:flex}.placeholder-track{background:#f5f4f038;width:100%;height:3px;margin-left:8px;position:relative}.placeholder-track span{background:var(--yellow);width:16%;height:3px;display:block}.placeholder-time{color:#f5f4f099;white-space:nowrap;font-family:ui-monospace,monospace;font-size:9px}.video-element{width:100%;height:auto;max-height:67vh;display:block}.video-controls{background:#131313eb;justify-content:flex-end;align-items:center;gap:4px;width:100%;padding:7px 11px;display:flex;position:absolute;bottom:0}.video-controls button{color:var(--ink);opacity:.8;background:0 0;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.video-controls button:hover{color:var(--yellow);opacity:1}.video-progress{flex:1;align-items:center;min-width:50px;display:flex}.video-progress input,.video-volume input{accent-color:var(--yellow);cursor:pointer;width:100%;height:20px;margin:0;display:block}.video-time{color:#f5f4f0a6;white-space:nowrap;flex:none;font-family:ui-monospace,monospace;font-size:9px}.video-volume{flex:0 72px;min-width:38px}.detail-caption{color:var(--dim);letter-spacing:.1em;justify-content:space-between;padding-top:11px;font-size:9px;display:flex}.detail-copy{padding-bottom:18px}.detail-index{color:var(--yellow)}.detail-copy h1{letter-spacing:-.04em;text-transform:uppercase;margin:22px 0 17px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(58px,7.3vw,104px);font-style:italic;font-weight:800;line-height:.82;transform:skew(-6deg)}.detail-level{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.level-separator{color:var(--yellow);margin:0 2px;font-size:19px}.detail-description{color:var(--muted);max-width:390px;margin:25px 0 0;font-size:14px;line-height:1.7}.instruction-block{border-left:2px solid var(--yellow);margin-top:29px;padding-left:15px}.instruction-label{color:var(--yellow)}.instruction-block p{color:var(--ink);max-width:370px;margin:8px 0 0;font-size:14px;line-height:1.55}@media (width<=1050px){.exercise-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-context{display:none}.catalogue-intro h1{font-size:clamp(50px,8vw,82px)}}@media (width<=760px){.site-header{height:74px;padding:0 20px}.brand-subtitle,.header-edition,.brand-divider{display:none}.catalogue-page{padding:15px 20px 35px}.catalogue-intro{padding:16px 0 21px}.catalogue-intro h1{font-size:clamp(48px,14vw,74px)}.move-count{display:none}.exercise-toolbar{align-items:start;display:block}.difficulty-filter{margin-top:17px;padding-left:0}.exercise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exercise-card{grid-template-columns:30px minmax(0,1fr) 58px 20px;min-height:118px}.card-number{padding-left:10px}.card-title{font-size:22px}.card-meta{flex-direction:column;align-items:start;gap:4px;margin-top:11px}.detail-page{padding:10px 20px 35px}.detail-layout{margin-top:18px;display:block}.detail-copy{padding-top:32px}.detail-copy h1{font-size:clamp(56px,18vw,88px)}.video-volume{display:none}}@media (width<=430px){.exercise-grid{gap:7px}.exercise-card{grid-template-columns:25px minmax(0,1fr) 45px 15px;min-height:110px}.card-number{padding-left:8px;font-size:8px}.card-category{font-size:7px}.card-title{font-size:19px}.card-meta{font-size:7px}.card-arrow{font-size:15px}}
