*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#14161a;color:#e8e8ec}.app{max-width:900px;margin:0 auto;padding:16px}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.app-header h1{font-size:1.3rem;margin:0}button{background:#2a2d34;color:#e8e8ec;border:1px solid #3c4049;border-radius:6px;padding:8px 14px;cursor:pointer;font-size:.9rem}button:hover:not(:disabled){background:#383c45}button:disabled{opacity:.4;cursor:not-allowed}button.secondary{background:transparent}.video-stage{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:10px;overflow:hidden}.video-el{width:100%;height:100%;object-fit:contain}.video-label{font-size:.8rem;opacity:.6;margin:4px 0 16px}.stroke-overlay{position:absolute;top:12px;right:12px;bottom:48px;width:64px;display:flex;flex-direction:column;align-items:center;background:#00000059;border-radius:12px;padding:8px 0}.stroke-track{position:relative;flex:1;width:16px;background:#ffffff1f;border-radius:8px;margin:8px 0}.stroke-indicator{position:absolute;left:50%;width:30px;height:30px;border-radius:50%;background:#ff5c7a;transform:translate(-50%,50%);box-shadow:0 0 12px #ff5c7acc;transition:background .2s}.stroke-indicator.resting{background:#6c7280;box-shadow:none}.stroke-track-label{position:absolute;left:50%;transform:translate(-50%);font-size:.6rem;opacity:.6}.stroke-track-label.top{top:-14px}.stroke-track-label.bottom{bottom:-14px}.stroke-status{font-size:.75rem;margin-top:4px;text-align:center}.status-rest{color:#9aa0ab}.status-bpm{color:#ff5c7a;font-weight:600}.timeline{margin:16px 0}.timeline-track{position:relative;height:48px;background:#1c1f26;border-radius:8px;overflow:hidden;border:1px solid #2a2d34}.timeline-phase-band{position:absolute;top:0;bottom:0;opacity:.25}.timeline-phase-band.stroke{background:#ff5c7a}.timeline-phase-band.rest{background:#4c8bf5}.timeline-beat{position:absolute;top:6px;bottom:6px;width:3px;border-radius:2px;transform:translate(-50%)}.timeline-beat.future{background:#e8e8ec}.timeline-beat.past{background:#55585f}.timeline-now-line{position:absolute;top:0;bottom:0;width:2px;background:#ffd166;transform:translate(-50%)}.timeline-labels{display:flex;justify-content:space-between;font-size:.7rem;opacity:.5;margin-top:2px}.now-label{color:#ffd166;opacity:1}.phase-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem}.phase-badge{padding:4px 10px;border-radius:20px;background:#2a2d34}.phase-badge.rest{background:#24344f;color:#8fb4ff}.phase-badge.stroke{background:#4a1f2b;color:#ff9fb2}.phase-remaining{font-variant-numeric:tabular-nums;opacity:.7}.level-select{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.level-btn{flex:1;min-width:90px}.level-btn.active{outline:2px solid #ffd166}.level-easy.active{background:#234d2f}.level-normal.active{background:#24445a}.level-hard.active{background:#5a4424}.level-veryhard.active{background:#5a3324}.level-evil.active{background:#5a2424}.level-impossible.active{background:#3a1030}.level-mixed.active{background:#33264d}.transport{display:flex;gap:8px;margin-bottom:24px}.transport button{flex:1}.video-source-picker{margin-bottom:24px}.source-tabs{display:flex;gap:8px;margin-bottom:12px}.source-tabs button.active{outline:2px solid #ffd166}.source-s3{display:flex;flex-direction:column;gap:10px;max-width:420px}.source-s3 label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;opacity:.85}.source-s3 input{background:#1c1f26;border:1px solid #3c4049;border-radius:6px;padding:6px 8px;color:#e8e8ec}.source-actions{display:flex;gap:8px}.source-status{font-size:.8rem;opacity:.7}.source-key-list{list-style:none;padding:0;max-height:160px;overflow-y:auto}.source-key-list button{width:100%;text-align:left;margin-bottom:4px}.source-hint{font-size:.7rem;opacity:.5}.settings-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0b0eeb;overflow-y:auto;padding:24px}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.settings-rest,.settings-level{background:#1c1f26;border-radius:10px;padding:14px;margin-bottom:12px}.range-input{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem}.range-input span:first-child{min-width:160px;opacity:.8}.range-input input{width:70px;background:#14161a;border:1px solid #3c4049;border-radius:6px;padding:4px 6px;color:#e8e8ec}.settings-note{font-size:.75rem;opacity:.6}.pattern-checkboxes{margin-top:10px}.pattern-checkboxes-label{font-size:.85rem;opacity:.8;display:block;margin-bottom:4px}.pattern-checkboxes-list{display:flex;flex-wrap:wrap;gap:10px}.pattern-checkbox{display:flex;align-items:center;gap:4px;font-size:.8rem;opacity:.9}.auth-gate{min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-form{display:flex;flex-direction:column;gap:10px;width:260px;background:#1c1f26;border:1px solid #2a2d34;border-radius:10px;padding:24px}.auth-form h2{margin:0 0 6px;font-size:1.1rem;text-align:center}.auth-form input{background:#14161a;border:1px solid #3c4049;border-radius:6px;padding:8px 10px;color:#e8e8ec}.auth-error{color:#ff5c7a;font-size:.8rem;margin:0}.auth-hint{font-size:.7rem;opacity:.5;margin:0;text-align:center}