@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.kb-root{--kb-pink:#ff1493;--kb-pink-soft:#ffb6c1;--kb-pink-pale:#fff0f5;--kb-yellow:#ffdb58;--kb-yellow-pale:#fffacd;--kb-white:#fff;--kb-black:#111;--kb-grey:#666;--kb-grey-light:#f5f0e8;--kb-bg:#fffacd;--kb-font:"Press Start 2P", monospace;--kb-border:4px solid var(--kb-black);--kb-shadow:6px 6px 0px var(--kb-black);--kb-shadow-sm:3px 3px 0px var(--kb-black);font-family:var(--kb-font);background:var(--kb-bg);color:var(--kb-black);-webkit-font-smoothing:none;min-height:100dvh;font-size:11px;line-height:2}.kb-view{display:none}.kb-view.kb-active{display:block}.kb-view-workout.kb-active{flex-direction:column;min-height:100dvh;display:flex}.kb-view-done.kb-active{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.kb-home-wrapper{max-width:800px;margin:0 auto;padding:28px 16px 60px}.kb-site-logo{text-align:center;margin-bottom:28px}.kb-logo-text{font-family:var(--kb-font);color:var(--kb-pink);background:var(--kb-white);border:var(--kb-border);box-shadow:var(--kb-shadow);padding:12px 20px;font-size:clamp(12px,3.5vw,20px);display:inline-block}.kb-logo-sub{color:var(--kb-grey);margin-top:8px;font-size:8px}.kb-config-box{background:var(--kb-white);border:var(--kb-border);box-shadow:var(--kb-shadow);margin-bottom:18px;padding:18px}.kb-box-title{background:var(--kb-yellow);border:3px solid var(--kb-black);box-shadow:var(--kb-shadow-sm);margin-bottom:14px;padding:5px 10px;font-size:9px;display:inline-block}.kb-cat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width>=560px){.kb-cat-grid{grid-template-columns:repeat(3,1fr)}}.kb-cat-btn{font-family:var(--kb-font);border:var(--kb-border);background:var(--kb-white);box-shadow:var(--kb-shadow-sm);cursor:pointer;text-align:center;color:var(--kb-black);padding:12px 8px;font-size:9px;line-height:1.6;transition:transform 50ms,box-shadow 50ms}.kb-cat-btn:hover{box-shadow:5px 5px 0 var(--kb-black);transform:translate(-2px,-2px)}.kb-cat-btn:active{box-shadow:1px 1px 0 var(--kb-black);transform:translate(2px,2px)}.kb-cat-btn.kb-selected{background:var(--kb-pink);color:var(--kb-white)}.kb-two-col{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=540px){.kb-two-col{grid-template-columns:1fr}}.kb-two-col .kb-config-box{margin-bottom:0}.kb-slider-group{flex-direction:column;gap:14px;display:flex}.kb-slider-item label{justify-content:space-between;align-items:center;margin-bottom:5px;font-size:8px;display:flex}.kb-slider-item label .kb-val{background:var(--kb-yellow);border:2px solid var(--kb-black);padding:2px 8px;font-size:10px}.kb-slider-item input[type=range]{-webkit-appearance:none;background:var(--kb-grey-light);border:2px solid var(--kb-black);cursor:pointer;outline:none;width:100%;height:6px}.kb-slider-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--kb-pink);border:3px solid var(--kb-black);cursor:pointer;width:20px;height:20px}.kb-toggle-row{flex-direction:column;gap:14px;display:flex}.kb-toggle-label{margin-bottom:6px;font-size:8px}.kb-toggle-group{flex-wrap:wrap;gap:8px;display:flex}.kb-tog-btn{font-family:var(--kb-font);border:3px solid var(--kb-black);background:var(--kb-white);cursor:pointer;box-shadow:var(--kb-shadow-sm);color:var(--kb-black);padding:7px 10px;font-size:8px;transition:transform 50ms,box-shadow 50ms}.kb-tog-btn:hover{box-shadow:4px 4px 0 var(--kb-black);transform:translate(-1px,-1px)}.kb-tog-btn:active{box-shadow:1px 1px 0 var(--kb-black);transform:translate(1px,1px)}.kb-tog-btn.kb-active{background:var(--kb-pink);color:var(--kb-white)}.kb-preview-stats{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.kb-preview-stat{background:var(--kb-yellow);border:var(--kb-border);box-shadow:var(--kb-shadow-sm);text-align:center;padding:8px 14px}.kb-preview-stat-val{font-size:22px;line-height:1}.kb-preview-stat-lbl{color:var(--kb-grey);margin-top:4px;font-size:8px}.kb-exercise-chips{flex-wrap:wrap;gap:6px;display:flex}.kb-chip{background:var(--kb-pink-soft);border:2px solid var(--kb-black);padding:4px 10px;font-size:8px}.kb-start-btn{width:100%;font-family:var(--kb-font);background:var(--kb-pink);color:var(--kb-white);border:var(--kb-border);box-shadow:var(--kb-shadow);cursor:pointer;justify-content:center;align-items:center;gap:12px;margin-top:4px;padding:18px;font-size:clamp(10px,2.5vw,14px);transition:transform 50ms,box-shadow 50ms;display:flex}.kb-start-btn:hover{box-shadow:8px 8px 0 var(--kb-black);transform:translate(-2px,-2px)}.kb-start-btn:active{box-shadow:2px 2px 0 var(--kb-black);transform:translate(2px,2px)}.kb-topbar{background:var(--kb-pink);border-bottom:var(--kb-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.kb-topbar-title{color:var(--kb-white);font-size:10px}.kb-topbar-elapsed{color:var(--kb-yellow);font-size:9px}.kb-exit-btn{font-family:var(--kb-font);background:var(--kb-white);border:3px solid var(--kb-black);cursor:pointer;box-shadow:var(--kb-shadow-sm);padding:6px 10px;font-size:8px}.kb-exit-btn:hover{background:var(--kb-yellow)}.kb-progress-bar-wrap{background:var(--kb-white);border-bottom:3px solid var(--kb-black);flex-shrink:0;height:8px}.kb-progress-bar-fill{background:var(--kb-yellow);height:100%;transition:width 1s linear}.kb-wk-stage{flex:1;grid-template-columns:1fr 280px;display:grid;overflow:hidden}@media (width<=768px){.kb-wk-stage{grid-template-columns:1fr;overflow-y:auto}}.kb-wk-main{border-right:var(--kb-border);flex-direction:column;gap:12px;padding:14px;display:flex;overflow-y:auto}@media (width<=768px){.kb-wk-main{border-right:none;border-bottom:var(--kb-border)}}.kb-phase-badge{border:3px solid var(--kb-black);box-shadow:var(--kb-shadow-sm);align-items:center;gap:8px;padding:6px 14px;font-size:10px;display:inline-flex}.kb-phase-badge.kb-work{background:var(--kb-pink);color:var(--kb-white)}.kb-phase-badge.kb-rest{color:var(--kb-black);background:#4ade80}.kb-pulse{border-radius:50%;width:8px;height:8px;animation:.8s step-end infinite kb-blink}.kb-phase-badge.kb-work .kb-pulse{background:var(--kb-white)}.kb-phase-badge.kb-rest .kb-pulse{background:var(--kb-black)}@keyframes kb-blink{0%,to{opacity:1}50%{opacity:0}}.kb-timer-row{align-items:center;gap:14px;display:flex}.kb-timer-block{background:var(--kb-black);color:var(--kb-yellow);border:var(--kb-border);box-shadow:var(--kb-shadow);text-align:center;flex-shrink:0;min-width:78px;padding:10px 14px}.kb-timer-num{font-size:clamp(28px,6vw,46px);line-height:1}.kb-timer-label{color:var(--kb-pink);margin-top:4px;font-size:8px}.kb-ex-title-block{flex:1}.kb-ex-name{margin-bottom:8px;font-size:clamp(11px,2.5vw,17px);line-height:1.3}.kb-ex-cat-tag{border:2px solid var(--kb-black);background:var(--kb-yellow);padding:4px 12px;font-size:8px;display:inline-block}.kb-ex-image-frame{background:var(--kb-white);border:var(--kb-border);box-shadow:var(--kb-shadow);flex-shrink:0;justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.kb-ex-image-frame img{object-fit:contain;width:100%;height:100%;display:block}.kb-rest-overlay{opacity:0;pointer-events:none;background:#ffdb58f7;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .15s step-end;display:flex;position:absolute;inset:0}.kb-rest-overlay.kb-on{opacity:1}.kb-rest-title{font-size:16px}.kb-rest-next{text-align:center;font-size:8px;line-height:2}.kb-technique-box{background:var(--kb-pink-pale);border:var(--kb-border);box-shadow:var(--kb-shadow-sm);flex-shrink:0;padding:14px}.kb-technique-box-title{color:var(--kb-pink);margin-bottom:10px;font-size:9px}.kb-technique-desc{margin-bottom:12px;font-family:system-ui,-apple-system,sans-serif;font-size:12px;font-weight:500;line-height:1.8}.kb-tips-list{flex-direction:column;gap:8px;list-style:none;display:flex}.kb-tips-list li{color:#333;padding-left:16px;font-family:system-ui,-apple-system,sans-serif;font-size:11px;line-height:1.7;position:relative}.kb-tips-list li:before{content:"►";color:var(--kb-pink);font-size:9px;font-family:var(--kb-font);position:absolute;left:0}.kb-wk-sidebar{background:var(--kb-white);flex-direction:column;display:flex;overflow:hidden}@media (width<=768px){.kb-wk-sidebar{max-height:260px}}.kb-next-up-panel{border-bottom:var(--kb-border);flex-shrink:0;padding:12px}.kb-next-up-label{color:var(--kb-grey);margin-bottom:8px;font-size:8px}.kb-next-card{background:var(--kb-yellow-pale);border:3px solid var(--kb-black);box-shadow:var(--kb-shadow-sm);padding:10px}.kb-next-name{font-size:9px;line-height:1.5}.kb-next-meta{color:var(--kb-grey);margin-top:2px;font-size:8px}.kb-queue-section{flex:1;padding:10px;overflow-y:auto}.kb-queue-heading{color:var(--kb-grey);margin-bottom:8px;font-size:8px}.kb-queue-list{flex-direction:column;gap:4px;display:flex}.kb-q-item{color:var(--kb-grey);border:2px solid #0000;align-items:center;gap:8px;padding:6px 8px;font-family:system-ui,-apple-system,sans-serif;font-size:9px;line-height:1.5;display:flex}.kb-q-item.kb-current{background:var(--kb-pink-soft);border-color:var(--kb-black);color:var(--kb-black);box-shadow:var(--kb-shadow-sm)}.kb-q-item.kb-done{opacity:.3;text-decoration:line-through}.kb-q-num{background:var(--kb-grey-light);border:2px solid var(--kb-black);width:20px;height:20px;font-size:7px;font-family:var(--kb-font);flex-shrink:0;justify-content:center;align-items:center;display:flex}.kb-q-item.kb-current .kb-q-num{background:var(--kb-pink);color:var(--kb-white)}.kb-wk-controls{border-top:var(--kb-border);background:var(--kb-white);flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex}.kb-ctrl-sm{font-family:var(--kb-font);border:3px solid var(--kb-black);background:var(--kb-white);cursor:pointer;width:44px;height:44px;box-shadow:var(--kb-shadow-sm);justify-content:center;align-items:center;font-size:9px;display:flex}.kb-ctrl-sm:hover{background:var(--kb-yellow);box-shadow:4px 4px 0 var(--kb-black);transform:translate(-1px,-1px)}.kb-ctrl-sm:active{box-shadow:1px 1px 0 var(--kb-black);transform:translate(1px,1px)}.kb-ctrl-main{font-family:var(--kb-font);border:var(--kb-border);background:var(--kb-pink);width:60px;height:60px;color:var(--kb-white);cursor:pointer;box-shadow:var(--kb-shadow);justify-content:center;align-items:center;font-size:10px;display:flex}.kb-ctrl-main:hover{background:var(--kb-black);box-shadow:8px 8px 0 var(--kb-black);transform:translate(-2px,-2px)}.kb-ctrl-main:active{box-shadow:2px 2px 0 var(--kb-black);transform:translate(2px,2px)}.kb-done-wrapper{text-align:center;width:100%;max-width:560px}.kb-done-box{background:var(--kb-white);border:var(--kb-border);box-shadow:var(--kb-shadow);margin-bottom:20px;padding:32px 20px}.kb-done-title-pixel{color:var(--kb-pink);margin-bottom:10px;font-size:clamp(16px,4vw,22px)}.kb-done-sub{color:var(--kb-grey);max-width:40ch;margin:0 auto 22px;font-family:system-ui,-apple-system,sans-serif;font-size:11px;line-height:1.8}.kb-done-stats{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:22px;display:flex}.kb-done-stat-box{background:var(--kb-yellow);border:var(--kb-border);box-shadow:var(--kb-shadow-sm);padding:12px 18px}.kb-done-stat-n{font-size:24px}.kb-done-stat-l{color:var(--kb-grey);margin-top:4px;font-size:8px}.kb-again-btn{font-family:var(--kb-font);background:var(--kb-pink);color:var(--kb-white);border:var(--kb-border);box-shadow:var(--kb-shadow);cursor:pointer;padding:14px 26px;font-size:11px;transition:transform 50ms,box-shadow 50ms}.kb-again-btn:hover{box-shadow:8px 8px 0 var(--kb-black);transform:translate(-2px,-2px)}.kb-again-btn:active{box-shadow:2px 2px 0 var(--kb-black);transform:translate(2px,2px)}.kb-confetti-canvas{pointer-events:none;z-index:999;position:fixed;inset:0}.kb-root ::-webkit-scrollbar{width:6px;height:6px}.kb-root ::-webkit-scrollbar-thumb{background:var(--kb-pink);border:2px solid var(--kb-black)}.kb-root ::-webkit-scrollbar-track{background:var(--kb-white)}.kb-round-indicator{font-family:var(--kb-font);background:var(--kb-pink);color:var(--kb-white);border:3px solid var(--kb-black);box-shadow:var(--kb-shadow-sm);margin-bottom:10px;padding:6px 12px;font-size:10px;display:inline-block}.kb-round-of{opacity:.8;font-size:8px}