.header-metronome-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:#ffffffb3;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;flex-shrink:0}.header-metronome-btn:hover{background:#d4af3726;border-color:#d4af3780;color:var(--flamenco-gold, #D4AF37);transform:scale(1.05)}.header-metronome-btn:active{transform:scale(.98);background:#d4af3733}.header-metronome-icon{flex-shrink:0;width:18px;height:18px;transition:transform .3s ease}.header-metronome-btn:hover .header-metronome-icon{transform:rotate(-8deg)}@media (max-width: 500px){.header-metronome-btn{width:36px;height:36px}.header-metronome-icon{width:16px;height:16px}}.header-tuner-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:#ffffffb3;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;flex-shrink:0}.header-tuner-btn:hover{background:#d4af3726;border-color:#d4af3780;color:var(--flamenco-gold, #D4AF37);transform:scale(1.05)}.header-tuner-btn:active{transform:scale(.98);background:#d4af3733}.header-tuner-icon{flex-shrink:0;width:18px;height:18px;transition:transform .3s ease}.header-tuner-btn:hover .header-tuner-icon{transform:scale(1.1)}@media (max-width: 500px){.header-tuner-btn{width:36px;height:36px}.header-tuner-icon{width:16px;height:16px}}.signin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease-out}.signin-modal{position:relative;width:100%;max-width:420px;background:linear-gradient(180deg,#1a1a1a,#121212,#0d0d0d);border-radius:20px;border:1px solid rgba(212,175,55,.2);box-shadow:0 25px 50px -12px #0009,0 0 0 1px #d4af371a,inset 0 1px #ffffff0d;overflow:hidden;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}.signin-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary, #8a8a8a);font-size:20px;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:1}.signin-modal-close:hover{background:#ffffff1a;color:var(--text-primary, #e5e5e5);transform:scale(1.05)}.signin-modal-header{text-align:center;padding:32px 32px 24px;background:linear-gradient(180deg,rgba(212,175,55,.08) 0%,transparent 100%);border-bottom:1px solid rgba(212,175,55,.1)}.signin-modal-logo{font-size:48px;margin-bottom:16px;animation:guitarPulse 2s ease-in-out infinite}.signin-modal-title{font-size:24px;font-weight:700;color:var(--text-primary, #e5e5e5);margin:0 0 8px;letter-spacing:-.5px}.signin-modal-subtitle{font-size:14px;color:var(--text-secondary, #8a8a8a);margin:0;line-height:1.5}.signin-modal-content{padding:24px 32px 32px}.signin-error{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#a01d3e26;border:1px solid rgba(160,29,62,.3);border-radius:10px;color:#f08080;font-size:13px;line-height:1.4;margin-bottom:20px;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.signin-error-icon{flex-shrink:0;font-size:14px}.signin-success-message{text-align:center;padding:24px;background:#d4af3714;border:1px solid rgba(212,175,55,.2);border-radius:12px;margin-bottom:20px}.signin-success-icon{width:48px;height:48px;background:linear-gradient(135deg,#d4af37,#b8962d);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px;color:#0d0d0d;font-weight:700}.signin-success-message p{color:var(--text-secondary, #8a8a8a);font-size:14px;line-height:1.5;margin:0}.signin-form{display:flex;flex-direction:column;gap:16px}.signin-input-group{display:flex;flex-direction:column;gap:6px}.signin-input-group label{font-size:13px;font-weight:500;color:var(--text-secondary, #8a8a8a);letter-spacing:.3px}.signin-input-group input{width:100%;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-primary, #e5e5e5);font-size:15px;transition:all .2s ease;box-sizing:border-box}.signin-input-group input::placeholder{color:#8a8a8a80}.signin-input-group input:hover:not(:disabled){border-color:#ffffff26;background:#ffffff0d}.signin-input-group input:focus{outline:none;border-color:var(--flamenco-gold, #D4AF37);background:#d4af370d;box-shadow:0 0 0 3px #d4af3726}.signin-input-group input:disabled{opacity:.5;cursor:not-allowed}.signin-social-buttons{display:flex;flex-direction:column;gap:12px}.signin-btn-social{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.15);width:100%}.signin-btn-google{background:#fffffff2;color:#3c4043}.signin-btn-google:hover:not(:disabled){background:#fff;border-color:#4285f466;box-shadow:0 2px 8px #4285f433}.signin-btn-apple{background:#000;color:#fff}.signin-btn-apple:hover:not(:disabled){background:#1a1a1a;border-color:#ffffff4d;box-shadow:0 2px 8px #0000004d}.signin-btn-social:disabled{opacity:.6;cursor:not-allowed}.signin-social-icon{flex-shrink:0}.signin-divider{display:flex;align-items:center;gap:16px;margin:8px 0}.signin-divider:before,.signin-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.signin-divider span{color:var(--text-secondary, #8a8a8a);font-size:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.signin-btn{padding:14px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;margin-top:4px}.signin-btn-primary{background:linear-gradient(135deg,#d4af37,#b8962d);color:#0d0d0d;box-shadow:0 4px 12px #d4af374d,inset 0 1px #fff3}.signin-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#e5c445,#d4af37);transform:translateY(-1px);box-shadow:0 6px 20px #d4af3766,inset 0 1px #ffffff4d}.signin-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #d4af374d,inset 0 1px #fff3}.signin-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.signin-link-btn{background:none;border:none;color:var(--flamenco-gold, #D4AF37);font-size:13px;cursor:pointer;padding:8px;transition:all .2s ease;text-decoration:none}.signin-link-btn:hover:not(:disabled){color:#e5c445;text-decoration:underline}.signin-link-btn:disabled{opacity:.5;cursor:not-allowed}.signin-mode-switch{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.signin-mode-switch span{color:var(--text-secondary, #8a8a8a);font-size:13px}.signin-switch-btn{background:none;border:none;color:var(--flamenco-gold, #D4AF37);font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px;transition:all .2s ease;border-radius:4px}.signin-switch-btn:hover:not(:disabled){background:#d4af371a;color:#e5c445}.signin-switch-btn:disabled{opacity:.5;cursor:not-allowed}.signin-modal-footer{padding:0 32px 24px}.signin-footer-decoration{height:3px;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.3) 20%,var(--flamenco-gold, #D4AF37) 50%,rgba(212,175,55,.3) 80%,transparent 100%);border-radius:2px}@media (max-width: 480px){.signin-modal-overlay{padding:16px;align-items:flex-end}.signin-modal{max-width:none;border-radius:20px 20px 0 0;max-height:90vh;overflow-y:auto;animation:modalSlideUpMobile .4s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.signin-modal-header{padding:28px 24px 20px}.signin-modal-content{padding:20px 24px 28px}.signin-modal-logo{font-size:40px}.signin-modal-title{font-size:22px}.signin-input-group input{padding:16px;font-size:16px}}@media (prefers-reduced-motion: reduce){.signin-modal-overlay,.signin-modal,.signin-modal-logo,.signin-error{animation:none}.signin-btn,.signin-input-group input,.signin-link-btn,.signin-switch-btn,.signin-modal-close{transition:none}}.tutorial-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:tutorialFadeIn .4s ease-out}@keyframes tutorialFadeIn{0%{opacity:0}to{opacity:1}}.tutorial-modal{position:relative;width:100%;max-width:600px;max-height:90vh;background:linear-gradient(180deg,#1e1e1e,#151515 40%,#101010);border-radius:24px;border:1px solid rgba(212,175,55,.15);box-shadow:0 30px 60px -15px #000000b3,0 0 0 1px #d4af3714,0 0 80px #d4af370d,inset 0 1px #ffffff0a;overflow:hidden;display:flex;flex-direction:column;animation:tutorialSlideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes tutorialSlideUp{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.tutorial-skip-btn{position:absolute;top:20px;right:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary, #8a8a8a);font-size:13px;padding:8px 14px;cursor:pointer;transition:all .2s ease;z-index:1}.tutorial-skip-btn:hover{background:#ffffff1a;color:var(--text-primary, #e5e5e5)}.tutorial-header{text-align:center;padding:40px 40px 24px;background:linear-gradient(180deg,rgba(212,175,55,.06) 0%,transparent 100%)}.tutorial-title{font-size:28px;font-weight:700;color:var(--text-primary, #e5e5e5);margin:0 0 12px;letter-spacing:-.5px}.tutorial-subtitle{font-size:15px;color:var(--text-secondary, #8a8a8a);margin:0;line-height:1.6}.tutorial-highlight{font-weight:700;font-size:17px;color:var(--flamenco-gold, #D4AF37);text-shadow:0 0 30px rgba(212,175,55,.4)}.tutorial-content{flex:1;overflow-y:auto;padding:0 40px}.tutorial-slide{padding:20px 0;animation:slideContentFade .4s ease-out}@keyframes slideContentFade{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.tutorial-slide-icon{font-size:56px;text-align:center;margin-bottom:20px;animation:iconBounce .6s ease-out}@keyframes iconBounce{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.tutorial-slide-heading{font-size:20px;font-weight:600;color:var(--text-primary, #e5e5e5);text-align:center;margin:0 0 16px}.tutorial-slide-body{font-size:15px;color:var(--text-secondary, #a0a0a0);line-height:1.65;text-align:center;margin:0 0 16px}.tutorial-video-container{margin:20px 0}.tutorial-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:#0006;border-radius:12px;overflow:hidden;border:1px solid rgba(212,175,55,.15)}.tutorial-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.tutorial-video-wrapper iframe.loaded{opacity:1}.tutorial-video-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0009}.tutorial-video-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-secondary, #8a8a8a);font-size:14px}.tutorial-video-loading span{font-size:32px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.tutorial-video-caption{text-align:center;font-size:14px;color:var(--text-secondary, #8a8a8a);margin:16px 0 0;line-height:1.5}.tutorial-steps-list{list-style:none;padding:0;margin:16px 0}.tutorial-steps-list li{position:relative;padding:10px 0 10px 28px;font-size:14px;color:var(--text-secondary, #a0a0a0);line-height:1.5}.tutorial-steps-list li:before{content:"•";position:absolute;left:8px;color:var(--flamenco-gold, #D4AF37);font-size:16px}.tutorial-workflow-list{list-style:none;padding:0;margin:16px 0}.tutorial-workflow-list li{display:flex;flex-direction:column;gap:2px;padding:12px 16px;background:#ffffff05;border-radius:10px;margin-bottom:8px;border-left:3px solid var(--flamenco-gold, #D4AF37);transition:background .2s ease}.tutorial-workflow-list li:hover{background:#ffffff0a}.workflow-label{font-size:15px;font-weight:600;color:var(--text-primary, #e5e5e5)}.workflow-detail{font-size:13px;color:var(--text-secondary, #8a8a8a)}.tutorial-features-list{list-style:none;padding:0;margin:20px 0}.tutorial-features-list li{padding:10px 0;font-size:14px;color:var(--text-secondary, #a0a0a0);line-height:1.5;border-bottom:1px solid rgba(255,255,255,.05)}.tutorial-features-list li:last-child{border-bottom:none}.tutorial-features-list li strong{color:var(--text-primary, #e5e5e5)}.tutorial-tip{padding:14px 18px;background:#a01d3e1a;border:1px solid rgba(160,29,62,.2);border-radius:10px;font-size:13px;color:var(--text-secondary, #a0a0a0);text-align:center;margin-top:20px}.tutorial-callout{padding:16px 20px;background:#d4af3714;border:1px solid rgba(212,175,55,.2);border-radius:12px;font-size:14px;color:var(--text-secondary, #a0a0a0);text-align:center;margin-top:20px}.tutorial-ready-message{text-align:center;font-size:16px;color:var(--text-primary, #e5e5e5);margin-top:24px}.tutorial-progress{display:flex;justify-content:center;gap:10px;padding:24px 0 16px}.tutorial-dot{width:10px;height:10px;border-radius:50%;background:#ffffff26;border:none;padding:0;cursor:pointer;transition:all .3s ease}.tutorial-dot:hover{background:#ffffff4d;transform:scale(1.2)}.tutorial-dot.active{background:var(--flamenco-gold, #D4AF37);box-shadow:0 0 12px #d4af3780;transform:scale(1.2)}.tutorial-actions{display:flex;justify-content:space-between;align-items:center;padding:16px 40px 32px;gap:16px}.tutorial-btn{padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-width:130px}.tutorial-btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary, #8a8a8a)}.tutorial-btn-secondary:hover{background:#ffffff1a;color:var(--text-primary, #e5e5e5)}.tutorial-btn-primary{background:linear-gradient(135deg,#d4af37,#b8962d);color:#0d0d0d;box-shadow:0 4px 16px #d4af3759,inset 0 1px #fff3}.tutorial-btn-primary:hover{background:linear-gradient(135deg,#e5c445,#d4af37);transform:translateY(-2px);box-shadow:0 8px 24px #d4af3773,inset 0 1px #ffffff4d}.tutorial-btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #d4af374d,inset 0 1px #fff3}.tutorial-btn-complete{min-width:160px;animation:completeBtnPulse 2s ease-in-out infinite}@keyframes completeBtnPulse{0%,to{box-shadow:0 4px 16px #d4af3759,inset 0 1px #fff3}50%{box-shadow:0 4px 24px #d4af3780,inset 0 1px #fff3}}@media (max-width: 640px){.tutorial-modal-overlay{padding:0;align-items:flex-end}.tutorial-modal{max-width:none;max-height:95vh;border-radius:24px 24px 0 0;animation:tutorialSlideUpMobile .5s cubic-bezier(.16,1,.3,1)}@keyframes tutorialSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.tutorial-header{padding:32px 24px 20px}.tutorial-title{font-size:24px}.tutorial-subtitle{font-size:14px}.tutorial-content{padding:0 24px}.tutorial-slide-icon{font-size:48px}.tutorial-slide-heading{font-size:18px}.tutorial-actions{padding:16px 24px 28px;flex-wrap:wrap}.tutorial-btn{flex:1;min-width:0;padding:14px 20px}.tutorial-skip-btn{top:16px;right:16px;font-size:12px;padding:6px 12px}}@media (max-width: 400px){.tutorial-actions{flex-direction:column}.tutorial-btn{width:100%}.tutorial-btn-secondary{order:2}.tutorial-btn-primary{order:1}}@media (prefers-reduced-motion: reduce){.tutorial-modal-overlay,.tutorial-modal,.tutorial-slide,.tutorial-slide-icon,.tutorial-btn-complete,.tutorial-video-loading span{animation:none}.tutorial-btn,.tutorial-dot,.tutorial-skip-btn,.tutorial-workflow-list li,.tutorial-video-wrapper iframe{transition:none}}.practice-plan-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease-out}.practice-plan-modal{position:relative;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;background:linear-gradient(180deg,#1a1a1a,#121212,#0d0d0d);border-radius:20px;border:1px solid rgba(212,175,55,.2);box-shadow:0 25px 50px -12px #0009,0 0 0 1px #d4af371a,inset 0 1px #ffffff0d;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.practice-plan-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary, #8a8a8a);font-size:20px;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:1}.practice-plan-close:hover{background:#ffffff1a;color:var(--text-primary, #e5e5e5);transform:scale(1.05)}.practice-plan-header{text-align:center;padding:32px 32px 24px;background:linear-gradient(180deg,rgba(212,175,55,.08) 0%,transparent 100%);border-bottom:1px solid rgba(212,175,55,.1)}.practice-plan-logo{font-size:48px;margin-bottom:16px;animation:guitarPulse 2s ease-in-out infinite}@keyframes guitarPulse{0%,to{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.05) rotate(3deg)}}.practice-plan-title{font-size:24px;font-weight:700;color:var(--text-primary, #e5e5e5);margin:0 0 8px;letter-spacing:-.5px}.practice-plan-subtitle{font-size:14px;color:var(--text-secondary, #8a8a8a);margin:0 0 20px;line-height:1.5}.practice-plan-steps{display:flex;justify-content:center;gap:12px}.practice-plan-step{width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);color:var(--text-secondary, #8a8a8a);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.practice-plan-step.active{background:linear-gradient(135deg,#d4af37,#b8962d);border-color:#d4af37;color:#0d0d0d;transform:scale(1.1);box-shadow:0 0 20px #d4af3766}.practice-plan-step.completed{background:#d4af3733;border-color:#d4af37;color:#d4af37}.practice-plan-content{padding:24px 32px}.practice-plan-step-content{animation:stepFadeIn .3s ease-out}@keyframes stepFadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.time-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.time-option{padding:16px 12px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px}.time-option:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-2px)}.time-option.selected{background:#d4af3726;border-color:#d4af37;box-shadow:0 0 20px #d4af3733}.time-value{font-size:20px;font-weight:700;color:var(--text-primary, #e5e5e5)}.time-option.selected .time-value{color:#d4af37}.time-label{font-size:11px;color:var(--text-secondary, #8a8a8a);text-transform:uppercase;letter-spacing:.5px}.time-hint{text-align:center;font-size:13px;color:var(--text-secondary, #8a8a8a);margin:0;font-style:italic}.custom-time-container{margin:16px 0;padding:16px;background:#d4af3714;border:1px solid rgba(212,175,55,.2);border-radius:12px;animation:stepFadeIn .2s ease-out}.custom-time-inputs{display:flex;align-items:flex-end;justify-content:center;gap:8px}.custom-time-field{display:flex;flex-direction:column;align-items:center;gap:6px}.custom-time-field label{font-size:11px;color:var(--text-secondary, #8a8a8a);text-transform:uppercase;letter-spacing:.5px}.custom-time-field input{width:64px;padding:10px 12px;text-align:center;font-size:18px;font-weight:600;color:var(--text-primary, #e5e5e5);background:#0000004d;border:2px solid rgba(255,255,255,.15);border-radius:8px;transition:all .2s ease}.custom-time-field input:focus{outline:none;border-color:var(--flamenco-gold, #D4AF37);box-shadow:0 0 12px #d4af3733}.custom-time-field input::-webkit-inner-spin-button,.custom-time-field input::-webkit-outer-spin-button{opacity:1}.custom-time-separator{font-size:24px;font-weight:700;color:var(--text-secondary, #8a8a8a);padding-bottom:10px}.custom-time-preview{text-align:center;margin-top:12px;font-size:14px;font-weight:600;color:var(--flamenco-gold, #D4AF37)}.custom-time-error{text-align:center;margin-top:12px;font-size:12px;color:#ef4444}.time-selector-other{display:flex;justify-content:center;margin-top:8px;margin-bottom:16px}.days-per-week-section{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.days-per-week-title{text-align:center;font-size:16px;font-weight:600;color:var(--text-primary, #e5e5e5);margin:0 0 16px}.days-per-week-selector{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.days-option{width:44px;height:44px;border-radius:50%;background:#ffffff08;border:2px solid rgba(255,255,255,.1);color:var(--text-primary, #e5e5e5);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.days-option:hover{background:#ffffff14;border-color:#fff3;transform:scale(1.05)}.days-option.selected{background:linear-gradient(135deg,#d4af37,#b8962d);border-color:#d4af37;color:#0d0d0d;box-shadow:0 0 16px #d4af374d;transform:scale(1.1)}.days-hint{text-align:center;font-size:13px;color:var(--text-secondary, #8a8a8a);margin:0;font-style:italic}.split-visualizer{margin-bottom:24px}.split-bar{display:flex;height:48px;border-radius:12px;overflow:hidden;margin-bottom:16px;box-shadow:inset 0 2px 4px #0000004d}.split-technique{background:linear-gradient(135deg,#d4af37,#b8962d);display:flex;align-items:center;justify-content:center;transition:width .3s ease;min-width:0}.split-technique span{font-size:12px;font-weight:600;color:#0d0d0d;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}.split-repertoire{background:linear-gradient(135deg,var(--accent-repertoire, #14b8a6) 0%,#0d9488 100%);display:flex;align-items:center;justify-content:center;transition:width .3s ease;min-width:0}.split-repertoire span{font-size:12px;font-weight:600;color:#0d0d0d;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}.split-times{display:flex;justify-content:space-between}.split-time{display:flex;flex-direction:column;align-items:center;gap:4px}.split-time-value{font-size:24px;font-weight:700;color:var(--text-primary, #e5e5e5)}.split-time.technique .split-time-value{color:var(--flamenco-gold, #D4AF37)}.split-time.repertoire .split-time-value{color:var(--accent-repertoire, #14b8a6)}.split-time-label{font-size:12px;color:var(--text-secondary, #8a8a8a);text-transform:uppercase;letter-spacing:.5px}.split-slider-container{margin-bottom:16px}.split-slider{width:100%;height:8px;border-radius:4px;background:#ffffff1a;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;margin-bottom:16px}.split-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#b8962d);border:3px solid #0d0d0d;cursor:pointer;box-shadow:0 2px 8px #0006;transition:transform .2s ease}.split-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.split-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#b8962d);border:3px solid #0d0d0d;cursor:pointer;box-shadow:0 2px 8px #0006}.split-presets{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.split-preset{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:var(--text-secondary, #8a8a8a);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.split-preset:hover{background:#ffffff1a;color:var(--text-primary, #e5e5e5)}.split-preset.active{background:#d4af3733;border-color:#d4af37;color:#d4af37}.split-hint{text-align:center;font-size:13px;color:var(--text-secondary, #8a8a8a);margin:0;font-style:italic}.priorities-intro{text-align:center;font-size:13px;color:var(--text-secondary, #8a8a8a);margin:0 0 16px}.priorities-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding-right:8px}.priority-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none}.priority-item:hover{background:#ffffff0f;border-color:#ffffff26}.priority-item.dragging{opacity:.5;transform:scale(.98)}.priority-item.top-priority{background:#d4af371a;border-color:#d4af374d}.priority-rank{width:28px;height:28px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text-secondary, #8a8a8a);flex-shrink:0}.priority-item.top-priority .priority-rank{background:linear-gradient(135deg,#d4af37,#b8962d);color:#0d0d0d}.priority-star{font-size:16px}.priority-name{flex:1;font-size:15px;font-weight:500;color:var(--text-primary, #e5e5e5)}.priority-item.top-priority .priority-name{color:#d4af37}.priority-controls{display:flex;gap:4px}.priority-move{width:28px;height:28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-secondary, #8a8a8a);font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.priority-move:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary, #e5e5e5)}.priority-move:disabled{opacity:.3;cursor:not-allowed}.no-techniques{text-align:center;font-size:14px;color:var(--text-secondary, #8a8a8a);padding:32px;background:#ffffff05;border-radius:10px;margin:0}.practice-plan-footer{padding:16px 32px 24px;border-top:1px solid rgba(255,255,255,.06)}.practice-plan-nav{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.practice-plan-nav>:only-child{margin-left:auto}.practice-plan-btn{padding:14px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.practice-plan-btn-primary{background:linear-gradient(135deg,#d4af37,#b8962d);color:#0d0d0d;box-shadow:0 4px 12px #d4af374d,inset 0 1px #fff3}.practice-plan-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#e5c445,#d4af37);transform:translateY(-1px);box-shadow:0 6px 20px #d4af3766,inset 0 1px #ffffff4d}.practice-plan-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.practice-plan-btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary, #8a8a8a)}.practice-plan-btn-secondary:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary, #e5e5e5)}.practice-plan-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.practice-plan-decoration{height:3px;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.3) 20%,var(--flamenco-gold, #D4AF37) 50%,rgba(212,175,55,.3) 80%,transparent 100%);border-radius:2px}@media (max-width: 480px){.practice-plan-overlay{padding:0;align-items:flex-end}.practice-plan-modal{max-width:none;border-radius:20px 20px 0 0;max-height:95vh}.practice-plan-header{padding:24px 20px 20px}.practice-plan-content{padding:20px}.practice-plan-footer{padding:16px 20px 24px}.time-selector{grid-template-columns:repeat(2,1fr)}.practice-plan-logo{font-size:40px}.practice-plan-title{font-size:20px}.split-presets{gap:6px}.split-preset{padding:6px 12px;font-size:11px}}.priorities-list::-webkit-scrollbar{width:6px}.priorities-list::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.priorities-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.priorities-list::-webkit-scrollbar-thumb:hover{background:#fff3}.teacher-selection-title{text-align:center;font-size:18px;font-weight:600;color:var(--text-primary, #e5e5e5);margin:0 0 20px}.teacher-edit-note{text-align:center;font-size:13px;color:var(--flamenco-gold, #D4AF37);background:#d4af371a;border:1px solid rgba(212,175,55,.25);border-radius:8px;padding:12px 16px;margin:-8px 0 16px}.teacher-selection-list{display:flex;flex-direction:column;gap:12px;max-height:280px;overflow-y:auto;padding-right:8px}.teacher-selection-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.teacher-selection-card:hover{background:#ffffff0f;border-color:#fff3}.teacher-selection-card.selected{background:#d4af3726;border-color:var(--flamenco-gold, #D4AF37);box-shadow:0 0 16px #d4af3733}.teacher-avatar{border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,255,255,.1);transition:border-color .2s ease}.teacher-avatar.selected{border-color:var(--flamenco-gold, #D4AF37)}.teacher-avatar-initials{border-radius:50%;background:#ffffff1a;color:var(--text-muted, #8a8a8a);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;border:2px solid rgba(255,255,255,.1);transition:all .2s ease}.teacher-avatar-initials.selected{background:var(--flamenco-gold, #D4AF37);color:#1a1a1a;border-color:var(--flamenco-gold, #D4AF37)}.teacher-selection-info{flex:1;min-width:0}.teacher-selection-name{font-size:15px;font-weight:600;color:var(--text-primary, #e5e5e5);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teacher-selection-card.selected .teacher-selection-name{color:var(--flamenco-gold, #D4AF37)}.teacher-selection-email{font-size:12px;color:var(--text-muted, #8a8a8a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teacher-selection-check{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#b8962d);color:#0d0d0d;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;animation:checkPop .3s ease-out}@keyframes checkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.teacher-selection-hint{text-align:center;font-size:13px;color:var(--text-secondary, #8a8a8a);margin:16px 0 0;font-style:italic}.teacher-empty-state{text-align:center;padding:32px 20px;background:#ffffff05;border-radius:12px;border:1px dashed rgba(255,255,255,.1)}.teacher-empty-state p{margin:0;color:var(--text-secondary, #8a8a8a);font-size:14px}.teacher-empty-hint{margin-top:8px!important;font-size:13px!important;font-style:italic}.teacher-selection-list::-webkit-scrollbar{width:6px}.teacher-selection-list::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.teacher-selection-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.teacher-selection-list::-webkit-scrollbar-thumb:hover{background:#fff3}.teacher-stats-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.teacher-stats-badges--small{gap:4px}.teacher-stats-badges--normal{gap:8px}.teacher-stats-badge{display:inline-flex;align-items:center;padding:2px 6px;background:#ffffff14;border-radius:4px;font-size:11px;color:var(--text-muted, #8a8a8a);white-space:nowrap}.teacher-stats-badges--normal .teacher-stats-badge{padding:3px 8px;font-size:12px}.teacher-stats-badge--loading{min-width:40px;text-align:center;color:var(--text-muted, #8a8a8a);opacity:.6}.teacher-selection-card.selected .teacher-stats-badge{background:#d4af3733;color:var(--flamenco-gold, #D4AF37)}@media (prefers-reduced-motion: reduce){.practice-plan-overlay,.practice-plan-modal,.practice-plan-logo,.practice-plan-step-content{animation:none}.practice-plan-btn,.time-option,.split-slider,.priority-item,.split-preset,.teacher-selection-card,.teacher-selection-check{transition:none;animation:none}}.practice-type-selector{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:40px 20px;background:linear-gradient(180deg,#0d0d0d,#121212,#1a1a1a);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.practice-type-header{text-align:center;margin-bottom:40px}.practice-type-title{font-size:32px;font-weight:700;color:var(--text-primary, #e5e5e5);margin:0 0 12px;letter-spacing:-.5px}.practice-type-subtitle{font-size:16px;color:var(--text-secondary, #8a8a8a);margin:0}.edit-plan-btn{margin-top:12px;padding:8px 16px;background:transparent;border:1px solid rgba(212,175,55,.4);border-radius:20px;color:var(--flamenco-gold, #D4AF37);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-plan-btn:hover{background:#d4af3726;border-color:#d4af3799}.practice-type-options{display:flex;gap:24px;max-width:800px;width:100%;margin-bottom:40px}.practice-type-card{flex:1;position:relative;padding:32px 24px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:2px solid rgba(255,255,255,.1);border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;overflow:hidden}.practice-type-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 20px 40px #0006}.practice-type-card:disabled{opacity:.6;cursor:not-allowed}.technique-card{border-color:#d4af3733}.technique-card:hover:not(:disabled){border-color:#d4af3780;background:linear-gradient(180deg,#d4af371a,#d4af370d);box-shadow:0 20px 40px #0006,0 0 30px #d4af3726}.repertoire-card{border-color:#14b8a633}.repertoire-card:hover:not(:disabled){border-color:#14b8a680;background:linear-gradient(180deg,var(--accent-repertoire-bg) 0%,rgba(20,184,166,.05) 100%);box-shadow:0 20px 40px #0006,0 0 30px #14b8a626}.practice-type-icon{font-size:56px;margin-bottom:8px;transition:transform .3s ease}.practice-type-card:hover:not(:disabled) .practice-type-icon{transform:scale(1.1)}.practice-type-name{font-size:24px;font-weight:700;color:var(--text-primary, #e5e5e5);margin:0}.technique-card:hover:not(:disabled) .practice-type-name{color:var(--flamenco-gold, #D4AF37)}.repertoire-card:hover:not(:disabled) .practice-type-name{color:var(--accent-repertoire, #14b8a6)}.practice-type-description{font-size:14px;color:var(--text-secondary, #8a8a8a);margin:0;line-height:1.5;max-width:250px}.practice-type-time{display:flex;align-items:center;gap:8px;margin-top:8px}.time-badge{padding:6px 12px;background:#d4af3726;border:1px solid rgba(212,175,55,.3);border-radius:20px;color:#d4af37;font-size:14px;font-weight:600}.time-badge.repertoire{background:var(--accent-repertoire-bg);border-color:#14b8a64d;color:var(--accent-repertoire, #14b8a6)}.time-label{font-size:12px;color:var(--text-secondary, #8a8a8a)}.practice-type-arrow{position:absolute;bottom:20px;right:20px;font-size:24px;color:var(--text-secondary, #8a8a8a);opacity:0;transform:translate(-10px);transition:all .3s ease}.practice-type-card:hover:not(:disabled) .practice-type-arrow{opacity:1;transform:translate(0)}.technique-card:hover:not(:disabled) .practice-type-arrow{color:var(--flamenco-gold, #D4AF37)}.repertoire-card:hover:not(:disabled) .practice-type-arrow{color:var(--accent-repertoire, #14b8a6)}.coming-soon-badge{position:absolute;top:16px;right:-30px;padding:6px 40px;background:linear-gradient(135deg,#4a4a4a,#3a3a3a);color:#e5e5e5;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transform:rotate(45deg);box-shadow:0 2px 8px #0000004d}.practice-type-priorities{text-align:center;padding:24px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;max-width:500px;width:100%}.priorities-title{font-size:14px;font-weight:500;color:var(--text-secondary, #8a8a8a);margin:0 0 16px;text-transform:uppercase;letter-spacing:1px}.priorities-tags{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.priority-tag{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#d4af371a;border:1px solid rgba(212,175,55,.25);border-radius:20px;color:#d4af37;font-size:14px;font-weight:500}.priority-star{font-size:12px}@media (max-width: 700px){.practice-type-selector{padding:24px 16px;min-height:auto;justify-content:flex-start}.practice-type-title{font-size:24px}.practice-type-options{flex-direction:column;gap:16px}.practice-type-card{padding:24px 20px}.practice-type-icon{font-size:44px}.practice-type-name{font-size:20px}.coming-soon-badge{font-size:10px;padding:4px 35px;top:12px;right:-35px}.practice-type-priorities{padding:20px 16px}.priorities-tags{gap:8px}.priority-tag{padding:6px 12px;font-size:13px}}@media (prefers-reduced-motion: reduce){.practice-type-selector,.practice-type-card,.practice-type-icon,.practice-type-arrow{animation:none;transition:none}}.weekly-adherence{padding:20px 24px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;max-width:500px;width:100%;margin-top:24px}.weekly-adherence-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.weekly-adherence-title{font-size:14px;font-weight:500;color:var(--text-secondary, #8a8a8a);margin:0;text-transform:uppercase;letter-spacing:1px}.weekly-adherence-summary{font-size:13px;color:var(--flamenco-gold, #D4AF37);font-weight:500}.weekly-adherence-days{display:flex;justify-content:space-between;gap:8px}.adherence-day{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;padding:8px 4px;border-radius:10px;transition:background .2s ease}.adherence-day:hover{background:#ffffff08}.adherence-day.today{background:#d4af3714;border:1px solid rgba(212,175,55,.2)}.adherence-day-name{font-size:11px;font-weight:500;color:var(--text-muted, #666);text-transform:uppercase;letter-spacing:.5px}.adherence-day.today .adherence-day-name{color:var(--flamenco-gold, #D4AF37)}.adherence-day-indicator{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative}.adherence-day.met-goal .adherence-day-indicator{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:2px solid rgba(34,197,94,.5)}.adherence-icon.goal-met{color:#22c55e;font-size:16px;font-weight:700}.adherence-day.practiced .adherence-day-indicator{background:#d4af371a;border:2px solid rgba(212,175,55,.3);overflow:hidden}.adherence-partial{position:absolute;bottom:0;left:0;right:0;top:0;display:flex;align-items:flex-end;border-radius:50%;overflow:hidden}.adherence-partial-fill{width:100%;background:linear-gradient(180deg,#d4af3766,#d4af3799);transition:height .3s ease}.adherence-day.missed .adherence-day-indicator{background:#6464641a;border:2px solid rgba(100,100,100,.2)}.adherence-icon.missed{color:var(--text-muted, #666);font-size:14px;opacity:.5}.today-marker{font-size:9px;color:var(--flamenco-gold, #D4AF37);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:-2px}.weekly-adherence-footer{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);text-align:center}.adherence-stat{font-size:13px;color:var(--text-secondary, #8a8a8a)}@media (max-width: 500px){.weekly-adherence{padding:16px}.weekly-adherence-days{gap:4px}.adherence-day{padding:6px 2px}.adherence-day-name{font-size:10px}.adherence-day-indicator{width:28px;height:28px}.adherence-icon.goal-met{font-size:14px}.today-marker{font-size:8px}}.weekly-adherence.loading{opacity:.7}.loading-text{color:var(--text-muted, #666)}.adherence-day.loading .adherence-day-indicator{background:#6464641a;border:2px solid rgba(100,100,100,.2)}.adherence-icon.loading-pulse{color:var(--text-muted, #666);font-size:10px;animation:loadingPulse 1.5s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:.3}50%{opacity:.8}}.monthly-adherence{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.monthly-adherence-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.monthly-adherence-title{font-size:13px;font-weight:500;color:var(--text-secondary, #8a8a8a);margin:0;text-transform:uppercase;letter-spacing:1px}.monthly-adherence-summary{font-size:12px;color:var(--flamenco-gold, #D4AF37);font-weight:500}.monthly-adherence-stats{display:flex;justify-content:space-around;gap:16px}.monthly-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.monthly-stat-value{font-size:18px;font-weight:600;color:var(--text-primary, #e5e5e5)}.monthly-stat-label{font-size:11px;color:var(--text-muted, #666);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 500px){.monthly-adherence-stats{gap:8px}.monthly-stat-value{font-size:16px}.monthly-stat-label{font-size:10px}}.profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:profileFadeIn .3s ease-out}@keyframes profileFadeIn{0%{opacity:0}to{opacity:1}}.profile-modal{position:relative;width:100%;max-width:500px;max-height:90vh;background:linear-gradient(180deg,#1a1a1a,#121212,#0d0d0d);border-radius:20px;border:1px solid rgba(212,175,55,.2);box-shadow:0 25px 50px -12px #0009,0 0 0 1px #d4af371a,inset 0 1px #ffffff0d;overflow:hidden;display:flex;flex-direction:column;animation:profileSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes profileSlideUp{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(212,175,55,.08) 0%,transparent 100%)}.profile-modal-title{font-size:20px;font-weight:600;color:var(--text-primary, #e5e5e5);margin:0}.profile-modal-close{width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary, #8a8a8a);font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.profile-modal-close:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary, #e5e5e5)}.profile-modal-close:disabled{opacity:.5;cursor:not-allowed}.profile-modal-content{flex:1;overflow-y:auto;padding:24px}.profile-error{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#a01d3e26;border:1px solid rgba(160,29,62,.3);border-radius:10px;color:#f08080;font-size:13px;line-height:1.4;margin-bottom:20px}.profile-error-icon{width:20px;height:20px;background:#a01d3e4d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.profile-section{margin-bottom:24px}.profile-section:last-child{margin-bottom:0}.profile-section-title{font-size:14px;font-weight:600;color:var(--text-primary, #e5e5e5);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.profile-section-subtitle{font-size:13px;color:var(--text-secondary, #8a8a8a);margin:-8px 0 12px}.profile-photo-section{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.profile-photo-container{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(212,175,55,.3);position:relative}.profile-photo-editable{cursor:pointer;transition:border-color .2s ease}.profile-photo-editable:hover{border-color:var(--flamenco-gold, #D4AF37)}.profile-photo-editable:focus{outline:none;border-color:var(--flamenco-gold, #D4AF37);box-shadow:0 0 0 3px #d4af3733}.profile-photo{width:100%;height:100%;object-fit:cover}.profile-photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#d4af37,#b8962d);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#0d0d0d}.profile-photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;border-radius:50%}.profile-photo-editable:hover .profile-photo-overlay,.profile-photo-editable:focus .profile-photo-overlay{opacity:1}.profile-photo-overlay-text{color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-photo-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.profile-photo-info{flex:1;min-width:0}.profile-email{font-size:14px;color:var(--text-primary, #e5e5e5);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-photo-hint{font-size:12px;color:var(--text-secondary, #8a8a8a);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-sync-google-btn{padding:2px 8px;background:transparent;border:1px solid rgba(66,133,244,.4);border-radius:4px;color:#4285f4;font-size:11px;cursor:pointer;transition:all .2s ease}.profile-sync-google-btn:hover:not(:disabled){background:#4285f41a;border-color:#4285f4}.profile-sync-google-btn:disabled{opacity:.5;cursor:not-allowed}.profile-input-group{margin-bottom:16px}.profile-input-group:last-child{margin-bottom:0}.profile-input-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary, #8a8a8a);margin-bottom:6px}.profile-input-group input{width:100%;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-primary, #e5e5e5);font-size:15px;transition:all .2s ease;box-sizing:border-box}.profile-input-group input::placeholder{color:#8a8a8a80}.profile-input-group input:hover:not(:disabled){border-color:#ffffff26;background:#ffffff0d}.profile-input-group input:focus{outline:none;border-color:var(--flamenco-gold, #D4AF37);background:#d4af370d;box-shadow:0 0 0 3px #d4af3726}.profile-input-group input:disabled{opacity:.5;cursor:not-allowed}.profile-input-hint{display:block;font-size:11px;color:var(--text-secondary, #8a8a8a);margin-top:4px}.profile-input-row{display:flex;gap:12px}.profile-input-row .profile-input-group{flex:1}.profile-linked-accounts{display:flex;flex-direction:column;gap:8px}.profile-linked-account{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;transition:all .2s ease}.profile-linked-account.linked{border-color:#d4af3733;background:#d4af370d}.linked-account-info{display:flex;align-items:center;gap:12px}.linked-account-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-secondary, #8a8a8a)}.linked-account-icon.google-icon,.linked-account-icon.apple-icon{width:20px;height:20px}.linked-account-details{display:flex;flex-direction:column;gap:2px}.linked-account-name{font-size:14px;color:var(--text-primary, #e5e5e5)}.linked-account-status{font-size:11px;color:var(--flamenco-gold, #D4AF37)}.linked-check{font-size:12px;color:var(--flamenco-gold, #D4AF37);font-weight:500}.linked-not{font-size:12px;color:var(--text-secondary, #8a8a8a)}.link-account-btn{padding:6px 14px;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:6px;color:var(--flamenco-gold, #D4AF37);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.link-account-btn:hover:not(:disabled){background:#d4af3733;border-color:var(--flamenco-gold, #D4AF37)}.link-account-btn:disabled{opacity:.5;cursor:not-allowed}.profile-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.profile-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.profile-btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary, #8a8a8a)}.profile-btn-secondary:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary, #e5e5e5)}.profile-btn-primary{background:linear-gradient(135deg,#d4af37,#b8962d);color:#0d0d0d;box-shadow:0 2px 8px #d4af374d}.profile-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#e5c445,#d4af37);transform:translateY(-1px);box-shadow:0 4px 12px #d4af3766}.profile-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.profile-btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.profile-modal-overlay{padding:0;align-items:flex-end}.profile-modal{max-width:none;max-height:95vh;border-radius:20px 20px 0 0}.profile-modal-content{padding:20px 16px}.profile-modal-header{padding:16px}.profile-modal-footer{padding:12px 16px}.profile-input-row{flex-direction:column;gap:0}.profile-photo-section{flex-direction:column;text-align:center}.profile-photo-info{text-align:center}}@media (prefers-reduced-motion: reduce){.profile-modal-overlay,.profile-modal{animation:none}.profile-btn,.profile-input-group input,.profile-linked-account,.link-account-btn,.profile-modal-close{transition:none}}@tailwind base;@tailwind components;@tailwind utilities;:root{color-scheme:dark}select{color-scheme:dark}select option{background-color:#2a2a2a;color:#f5f5f5}select optgroup{background-color:#1a1a1a;color:#d4af37;font-weight:600;font-style:normal;padding:4px 0}select option:hover,select option:focus,select option:checked{background-color:#3b82f6;color:#fff}