:root{--gp-audio-bg:#1a1a1a;--gp-audio-bg-dark:#0b0b0c;--gp-audio-ink:#f2f2f6;--gp-audio-ink-soft:#a0a0a0;--gp-audio-accent:#4C9EF3;--gp-audio-accent-hover:#6BB3F7;--gp-audio-border:#2b2b32;--gp-audio-border-light:#333;--gp-audio-success:#4ade80;--gp-audio-error:#ef4444;--gp-audio-info:#3b82f6;--gp-audio-shadow-sm:0 2px 8px rgba(0, 0, 0, 0.3);--gp-audio-shadow-md:0 8px 24px rgba(0, 0, 0, 0.4);--gp-audio-shadow-lg:0 12px 32px rgba(0, 0, 0, 0.5);--gp-audio-radius:24px;--gp-audio-radius-sm:12px;--gp-audio-transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1)}.gp-audio-recorder{background:var(--gp-audio-bg);border:1px solid var(--gp-audio-border);border-radius:var(--gp-audio-radius);padding:2rem;box-shadow:var(--gp-audio-shadow-md);max-width:800px;margin:2rem auto;color:var(--gp-audio-ink)}.gp-audio-recorder__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--gp-audio-border)}.gp-audio-recorder__title{font-size:1.5rem;font-weight:600;color:var(--gp-audio-ink);margin:0}.gp-audio-recorder__status{display:flex;align-items:center;gap:.5rem}.gp-audio-recorder__status-dot{width:10px;height:10px;border-radius:50%;background:var(--gp-audio-ink-soft);transition:var(--gp-audio-transition)}.gp-audio-recorder[data-state="recording"] .gp-audio-recorder__status-dot{background:var(--gp-audio-error);animation:pulse 1.5s ease-in-out infinite}.gp-audio-recorder[data-state="paused"] .gp-audio-recorder__status-dot{background:var(--gp-audio-accent)}.gp-audio-recorder[data-state="stopped"] .gp-audio-recorder__status-dot{background:var(--gp-audio-success)}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.gp-audio-recorder__status-text{font-size:.875rem;color:var(--gp-audio-ink-soft);font-weight:500}.gp-audio-recorder__visualizer-container{position:relative;margin-bottom:2rem;background:var(--gp-audio-bg-dark);border:1px solid var(--gp-audio-border);border-radius:var(--gp-audio-radius-sm);overflow:hidden;height:200px}.gp-audio-recorder__visualizer{width:100%;height:100%;display:block}.gp-audio-recorder__timer{position:absolute;top:1rem;right:1rem;background:rgb(26 26 26 / .9);backdrop-filter:blur(10px);border:1px solid var(--gp-audio-border);border-radius:8px;padding:.5rem 1rem;font-family:'Monaco','Courier New',monospace;font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.gp-audio-recorder__time-current{color:var(--gp-audio-accent)}.gp-audio-recorder__time-separator{color:var(--gp-audio-ink-soft)}.gp-audio-recorder__time-max{color:var(--gp-audio-ink-soft);font-size:.875rem}.gp-audio-recorder__controls{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center}.gp-audio-recorder__btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid var(--gp-audio-border);border-radius:var(--gp-audio-radius-sm);background:var(--gp-audio-bg);color:var(--gp-audio-ink);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--gp-audio-transition);font-family:inherit}.gp-audio-recorder__btn:hover:not(:disabled){background:var(--gp-audio-border);border-color:var(--gp-audio-border-light);transform:translateY(-2px);box-shadow:var(--gp-audio-shadow-sm)}.gp-audio-recorder__btn:active:not(:disabled){transform:translateY(0)}.gp-audio-recorder__btn:disabled{opacity:.5;cursor:not-allowed}.gp-audio-recorder__btn--record{background:var(--gp-audio-error);border-color:var(--gp-audio-error);color:#fff}.gp-audio-recorder__btn--record:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.gp-audio-recorder__btn--submit{background:var(--gp-audio-accent);border-color:var(--gp-audio-accent);color:var(--gp-audio-bg-dark)}.gp-audio-recorder__btn--submit:hover:not(:disabled){background:var(--gp-audio-accent-hover);border-color:var(--gp-audio-accent-hover)}.gp-audio-recorder__icon{width:20px;height:20px;flex-shrink:0}.gp-audio-recorder__spinner{width:20px;height:20px;border:2px solid var(--gp-audio-bg-dark);border-top-color:#fff0;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gp-audio-recorder__metronome{background:var(--gp-audio-bg-dark);border:1px solid var(--gp-audio-border);border-radius:var(--gp-audio-radius-sm);padding:1.5rem;margin-bottom:2rem}.gp-audio-recorder__metronome-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.gp-audio-recorder__metronome-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--gp-audio-ink)}.gp-audio-recorder__metronome-toggle input[type="checkbox"]{width:18px;height:18px;cursor:pointer;accent-color:var(--gp-audio-accent)}.gp-audio-recorder__metronome-bpm{display:flex;align-items:center;gap:.5rem}.gp-audio-recorder__metronome-bpm input[type="number"]{width:70px;padding:.5rem;background:var(--gp-audio-bg);border:1px solid var(--gp-audio-border);border-radius:8px;color:var(--gp-audio-ink);font-size:1rem;text-align:center;font-family:'Monaco','Courier New',monospace}.gp-audio-recorder__metronome-bpm input[type="number"]:focus{outline:none;border-color:var(--gp-audio-accent)}.gp-audio-recorder__metronome-bpm span{font-size:.875rem;color:var(--gp-audio-ink-soft)}.gp-audio-recorder__metronome-visual{display:flex;justify-content:center;padding:1rem 0}.gp-audio-recorder__metronome-beat{width:60px;height:60px;border-radius:50%;background:var(--gp-audio-bg);border:3px solid var(--gp-audio-border);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:var(--gp-audio-ink-soft);transition:var(--gp-audio-transition)}.gp-audio-recorder__metronome-beat::before{content:attr(data-beat)}.gp-audio-recorder__metronome-beat--active{background:var(--gp-audio-accent);border-color:var(--gp-audio-accent);color:var(--gp-audio-bg-dark);transform:scale(1.1);box-shadow:0 0 20px rgb(76 158 243 / .5)}.gp-audio-recorder__playback{background:var(--gp-audio-bg-dark);border:1px solid var(--gp-audio-border);border-radius:var(--gp-audio-radius-sm);padding:1.5rem;margin-bottom:1rem}.gp-audio-recorder__playback-header h4{margin:0 0 1rem 0;color:var(--gp-audio-ink);font-size:1.125rem}.gp-audio-recorder__player{width:100%;margin-bottom:1rem;border-radius:8px}.gp-audio-recorder__playback-actions{display:flex;gap:1rem;flex-wrap:wrap}.gp-audio-recorder__message{padding:1rem 1.5rem;border-radius:var(--gp-audio-radius-sm);margin-top:1rem;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.gp-audio-recorder__message--success{background:rgb(74 222 128 / .1);border:1px solid rgb(74 222 128 / .3);color:var(--gp-audio-success)}.gp-audio-recorder__message--error{background:rgb(239 68 68 / .1);border:1px solid rgb(239 68 68 / .3);color:var(--gp-audio-error)}.gp-audio-recorder__message--info{background:rgb(59 130 246 / .1);border:1px solid rgb(59 130 246 / .3);color:var(--gp-audio-info)}.gp-metronome-widget{background:var(--gp-audio-bg);border:1px solid var(--gp-audio-border);border-radius:var(--gp-audio-radius);padding:2rem;box-shadow:var(--gp-audio-shadow-md);max-width:400px;margin:2rem auto}.gp-metronome-widget__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--gp-audio-border)}.gp-metronome-widget__title{font-size:1.25rem;font-weight:600;color:var(--gp-audio-ink);margin:0}.gp-metronome-widget__audio-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--gp-audio-ink-soft)}.gp-metronome-widget__audio-toggle input{width:16px;height:16px;cursor:pointer;accent-color:var(--gp-audio-accent)}.gp-metronome-widget__display{text-align:center;margin-bottom:2rem}.gp-metronome-widget__bpm-value{font-size:4rem;font-weight:700;color:var(--gp-audio-accent);font-family:'Monaco','Courier New',monospace;line-height:1}.gp-metronome-widget__bpm-label{font-size:1rem;color:var(--gp-audio-ink-soft);text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem}.gp-metronome-widget__beat{width:100px;height:100px;border-radius:50%;background:var(--gp-audio-bg-dark);border:4px solid var(--gp-audio-border);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--gp-audio-ink-soft);margin:2rem auto;transition:var(--gp-audio-transition)}.gp-metronome-widget__beat::before{content:attr(data-beat)}.gp-metronome-widget__beat--active{background:var(--gp-audio-accent);border-color:var(--gp-audio-accent);color:var(--gp-audio-bg-dark);transform:scale(1.15);box-shadow:0 0 30px rgb(76 158 243 / .6)}.gp-metronome-widget__controls{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem}.gp-metronome-widget__btn{padding:.75rem;border:1px solid var(--gp-audio-border);border-radius:8px;background:var(--gp-audio-bg-dark);color:var(--gp-audio-ink);cursor:pointer;transition:var(--gp-audio-transition);display:flex;align-items:center;justify-content:center;flex-shrink:0}.gp-metronome-widget__btn svg{width:20px;height:20px}.gp-metronome-widget__btn:hover{background:var(--gp-audio-border);border-color:var(--gp-audio-border-light)}.gp-metronome-widget__slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--gp-audio-border);outline:none}.gp-metronome-widget__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--gp-audio-accent);cursor:pointer;transition:var(--gp-audio-transition)}.gp-metronome-widget__slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--gp-audio-accent);cursor:pointer;border:none;transition:var(--gp-audio-transition)}.gp-metronome-widget__slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.gp-metronome-widget__slider::-moz-range-thumb:hover{transform:scale(1.2)}.gp-metronome-widget__btn--toggle{width:100%;padding:1rem;background:var(--gp-audio-accent);border-color:var(--gp-audio-accent);color:var(--gp-audio-bg-dark);font-weight:600;font-size:1rem;gap:.75rem;margin-bottom:1rem}.gp-metronome-widget__btn--toggle:hover{background:var(--gp-audio-accent-hover);border-color:var(--gp-audio-accent-hover)}.gp-metronome-widget__btn--toggle .gp-metronome-widget__icon--stop{display:none}.gp-metronome-widget__btn--toggle.gp-metronome-widget__btn--active .gp-metronome-widget__icon--play{display:none}.gp-metronome-widget__btn--toggle.gp-metronome-widget__btn--active .gp-metronome-widget__icon--stop{display:block}.gp-metronome-widget__presets{display:flex;gap:.5rem}.gp-metronome-widget__preset{flex:1;padding:.5rem;background:var(--gp-audio-bg-dark);border:1px solid var(--gp-audio-border);border-radius:8px;color:var(--gp-audio-ink-soft);font-size:.75rem;cursor:pointer;transition:var(--gp-audio-transition)}.gp-metronome-widget__preset:hover{background:var(--gp-audio-border);color:var(--gp-audio-ink)}.gp-audio-results{background:var(--gp-audio-bg-dark);border:1px solid var(--gp-audio-border);border-radius:var(--gp-audio-radius-sm);padding:2rem;margin-top:2rem}.gp-audio-results__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--gp-audio-border)}.gp-audio-results__header h4{margin:0;color:var(--gp-audio-ink);font-size:1.5rem}.gp-audio-results__grade{background:var(--gp-audio-accent);color:var(--gp-audio-bg-dark);padding:.75rem 1.5rem;border-radius:var(--gp-audio-radius-sm);font-size:2rem;font-weight:700;font-family:'Monaco','Courier New',monospace}.gp-audio-results__scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.gp-audio-results__score-card{background:var(--gp-audio-bg);border:1px solid var(--gp-audio-border);border-radius:var(--gp-audio-radius-sm);padding:1.5rem}.gp-audio-results__score-label{font-size:.875rem;color:var(--gp-audio-ink-soft);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.gp-audio-results__score-value{font-size:2.5rem;font-weight:700;color:var(--gp-audio-accent);font-family:'Monaco','Courier New',monospace;margin-bottom:1rem}.gp-audio-results__score-bar{height:8px;background:var(--gp-audio-border);border-radius:4px;overflow:hidden}.gp-audio-results__score-fill{height:100%;background:linear-gradient(90deg,var(--gp-audio-accent),var(--gp-audio-accent-hover));border-radius:4px;transition:width 1s ease-out}.gp-audio-results__stats{display:flex;justify-content:space-around;gap:2rem;padding:1.5rem;background:var(--gp-audio-bg);border:1px solid var(--gp-audio-border);border-radius:var(--gp-audio-radius-sm);margin-bottom:1.5rem}.gp-audio-results__stat{text-align:center}.gp-audio-results__stat-value{display:block;font-size:2rem;font-weight:700;color:var(--gp-audio-accent);font-family:'Monaco','Courier New',monospace;margin-bottom:.5rem}.gp-audio-results__stat-label{font-size:.875rem;color:var(--gp-audio-ink-soft);text-transform:uppercase;letter-spacing:.05em}.gp-audio-results__feedback{background:var(--gp-audio-bg);border:1px solid var(--gp-audio-border);border-radius:var(--gp-audio-radius-sm);padding:1.5rem}.gp-audio-results__feedback strong{color:var(--gp-audio-accent);font-size:1.125rem;display:block;margin-bottom:1rem}.gp-audio-results__feedback ul{margin:0;padding-left:1.5rem;color:var(--gp-audio-ink)}.gp-audio-results__feedback li{margin-bottom:.5rem;line-height:1.6}@media (max-width:768px){.gp-audio-recorder{padding:1.5rem;margin:1rem}.gp-audio-recorder__controls{flex-direction:column}.gp-audio-recorder__btn{width:100%;justify-content:center}.gp-audio-recorder__playback-actions{flex-direction:column}.gp-audio-recorder__metronome-header{flex-direction:column;gap:1rem;align-items:flex-start}.gp-audio-recorder__visualizer-container{height:150px}.gp-metronome-widget{margin:1rem}}@media (max-width:480px){.gp-audio-recorder__title{font-size:1.25rem}.gp-audio-recorder__timer{font-size:.875rem;padding:.375rem .75rem}.gp-metronome-widget__bpm-value{font-size:3rem}.gp-metronome-widget__beat{width:80px;height:80px;font-size:1.5rem}}@media (max-width:768px){.gp-duet-controls-overlay.recording{height:50px!important;padding:.5rem 0.5rem!important;overflow-x:auto!important;overflow-y:hidden!important}.gp-duet-controls-overlay.stopped{padding:.5rem 0.5rem!important;max-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important}.gp-duet-stopped-controls{gap:0.4rem!important;padding:.25rem 0.25rem!important;max-width:100%!important}.gp-duet-results{padding:0.75rem!important;border-width:1px!important;margin-bottom:0.5rem!important;max-height:35vh!important;overflow-y:auto!important;overflow-x:hidden!important}.gp-duet-results__header{margin-bottom:0.5rem!important;flex-wrap:wrap!important;gap:0.35rem!important}.gp-duet-results__header h3{font-size:0.95rem!important;font-weight:600!important}.gp-duet-results__grade{font-size:1.5rem!important;padding:.25rem 0.6rem!important;min-width:50px!important}.gp-duet-results__feedback{gap:0.35rem!important}.gp-duet-results__item{font-size:0.75rem!important;line-height:1.3!important}.gp-duet-results__item strong{font-size:0.8rem!important;display:inline!important;margin-right:0.25rem!important;margin-bottom:0!important}.gp-duet-loading{padding:0.75rem!important;border-width:1px!important}.gp-duet-loading p{font-size:0.9rem!important;gap:0.5rem!important;flex-direction:column!important}.gp-duet-loading-spinner{width:20px!important;height:20px!important;border-width:2px!important}.gp-duet-stopped-controls .gp-duet-actions{flex-direction:column!important;gap:0.35rem!important;width:100%!important;position:fixed!important;left:0!important;right:0!important;bottom:env(safe-area-inset-bottom,0)!important;background:rgb(26 27 31 / .98)!important;padding:.5rem 0.75rem!important;margin-top:0!important;z-index:9999!important;box-shadow:0 -4px 12px rgb(0 0 0 / .5)!important}.gp-duet-stopped-controls{padding-bottom:6rem!important}.gp-duet-stopped-controls .gp-duet-btn{padding:.5rem 0.75rem!important;font-size:0.8rem!important;gap:0.3rem!important;width:100%!important;justify-content:center!important}.gp-duet-audio-player{padding:.4rem 0.6rem!important;gap:0.4rem!important;border-width:1px!important;flex-wrap:wrap!important;justify-content:center!important}.gp-duet-play-btn{width:36px!important;height:36px!important}.gp-duet-time{font-size:0.75rem!important;gap:0.25rem!important;min-width:65px!important}.gp-duet-progress-wrapper{height:4px!important;min-width:100px!important}.gp-duet-progress-bar::-webkit-slider-thumb{width:12px!important;height:12px!important}.gp-duet-progress-bar::-moz-range-thumb{width:12px!important;height:12px!important}}@media (max-width:1024px) and (min-width:769px){.gp-duet-stopped-controls .gp-duet-actions{position:fixed!important;left:0!important;right:0!important;bottom:env(safe-area-inset-bottom,0)!important;background:rgb(26 27 31 / .98)!important;padding:.75rem 1rem!important;z-index:9999!important;box-shadow:0 -4px 12px rgb(0 0 0 / .5)!important;display:flex!important;flex-direction:row!important;gap:0.75rem!important}.gp-duet-stopped-controls{padding-bottom:5rem!important}}body.duet-recording-active .gp-performance-video-container .plyr.plyr{display:block!important}body.duet-recording-active .gp-performance-video-container .plyr.plyr{position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important;z-index:9998;background:#000}body.duet-recording-active .gp-performance-video-container .plyr.plyr .plyr__video-wrapper{height:100vh!important;width:100vw!important}body.duet-recording-active .gp-performance-video-container .plyr.plyr video,body.duet-recording-active .gp-performance-video-container video{object-fit:contain!important;width:100%!important;height:100%!important}body.duet-recording-active .gp-performance-video-container .plyr.plyr,body.duet-recording-active .gp-duet-controls-overlay,body.duet-recording-active .gp-performance-video-container{visibility:visible!important}