.setup-screen{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#fff;display:flex;flex-direction:column}.setup-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.header-left{display:flex;align-items:center;gap:.75rem}.header-logo{width:36px;height:36px}.setup-header h1{font-size:1.25rem;font-weight:600;margin:0}.header-right{display:flex;align-items:center;gap:.75rem}.user-email{font-size:.875rem;font-weight:400;color:#fff9}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s}.icon-btn:hover{background:#ffffff26;color:#fff}.setup-content{flex:1;overflow-y:auto;padding:1.5rem;padding-bottom:100px}.setup-section{margin-bottom:2rem}.section-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;margin:0 0 .75rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.section-title .material-icons{font-size:1.125rem;color:#4fd1c5}.script-options{display:flex;flex-wrap:wrap;gap:.5rem}.script-btn{padding:.625rem 1rem;background:#ffffff14;border:2px solid transparent;border-radius:10px;color:#fffc;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.script-btn:hover:not(:disabled){background:#ffffff1f}.script-btn.selected{border-color:#4fd1c5;background:#4fd1c526;color:#fff}.script-btn.premium{opacity:.5;cursor:not-allowed}.premium-tag{font-size:.625rem;font-weight:600;padding:.2rem .4rem;background:linear-gradient(135deg,gold,#ff8c00);color:#000;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.language-options{display:flex;flex-wrap:wrap;gap:.75rem}.language-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff14;border:2px solid transparent;border-radius:12px;color:#fffc;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.language-btn:hover{background:#ffffff1f}.language-btn.selected{border-color:#4fd1c5;background:#4fd1c526;color:#fff}.language-flag{font-size:1.5rem}.language-name{font-weight:500}.voice-options{display:flex;flex-wrap:wrap;gap:.75rem}.voice-btn{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#ffffff14;border:2px solid transparent;border-radius:12px;color:#fffc;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:160px;position:relative;overflow:hidden}.voice-btn:hover:not(:disabled){background:#ffffff1f}.voice-btn.selected{border-color:#4fd1c5;background:#4fd1c526;color:#fff}.voice-icon{font-size:1.5rem;color:#fff9}.voice-btn.selected .voice-icon{color:#4fd1c5}.voice-btn:disabled{cursor:default;opacity:.7}.voice-btn:disabled:not(.selected){opacity:.5}.voice-btn.loading{position:relative}.voice-btn.loading:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#4fd1c5,transparent);animation:loadingSlide 1s ease-in-out infinite}@keyframes loadingSlide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.voice-card-wrapper{display:contents}.voice-info{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.voice-name{font-weight:600;font-size:.9375rem}.voice-gender{font-size:.75rem;color:#ffffff80;font-weight:400}.voice-btn.selected .voice-gender{color:#4fd1c5cc}.voice-preview-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#4fd1c533;border:none;border-radius:50%;color:#4fd1c5;cursor:pointer;transition:all .2s;flex-shrink:0}.voice-preview-btn:hover:not(.disabled){background:#4fd1c54d;transform:scale(1.1)}.voice-preview-btn.disabled{background:#ffffff1a;color:#ffffff4d;cursor:pointer}.voice-preview-btn.disabled:hover{background:#ffffff26}.voice-preview-btn .material-icons{font-size:1.25rem}.default-tag{font-size:.625rem;font-weight:600;padding:.2rem .5rem;background:#4fd1c533;color:#4fd1c5;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.session-structure{display:flex;flex-direction:column;gap:.5rem}.structure-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#ffffff0d;border:2px solid transparent;border-radius:12px;color:#fff9;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.structure-item:hover{background:#ffffff14}.structure-item.enabled{border-color:#4fd1c5;background:#4fd1c51a;color:#fff}.structure-item .check-icon{font-size:1.25rem;color:#ffffff4d}.structure-item.enabled .check-icon{color:#4fd1c5}.structure-item .structure-icon{font-size:1.25rem;color:#ffffff80}.structure-item.enabled .structure-icon{color:#4fd1c5}.structure-item .structure-name{flex:1}.categories-list{display:flex;flex-direction:column;gap:.5rem}.category-block{background:#ffffff0d;border-radius:12px;overflow:hidden}.category-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem;background:transparent;border:none;color:#fff;cursor:pointer;transition:background .2s}.category-header:hover{background:#ffffff0d}.category-info{display:flex;align-items:center;gap:.75rem}.category-icon{font-size:1.25rem;color:var(--accent, #4fd1c5)}.category-name{font-size:.875rem;font-weight:500}.category-count{font-size:.75rem;padding:.2rem .5rem;background:#ffffff1a;border-radius:10px;color:#fff9}.category-actions{display:flex;align-items:center;gap:.5rem}.toggle-all-btn{font-size:.75rem;font-weight:500;padding:.35rem .75rem;background:#ffffff1a;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;transition:all .2s}.toggle-all-btn:hover{background:#ffffff26;color:#fff}.expand-icon{font-size:1.125rem;color:#ffffff80;transition:transform .2s}.category-header.expanded .expand-icon{transform:rotate(180deg)}.affirmations-list{border-top:1px solid rgba(255,255,255,.05);padding:.25rem;max-height:300px;overflow-y:auto}.affirmations-list .affirmation-item{width:100%;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:.5rem;padding:.25rem .5rem;margin:0;background:transparent;border:none;border-radius:6px;color:#ffffffb3;text-align:left;cursor:pointer;transition:background .2s}.affirmations-list .affirmation-item:hover{background:#ffffff0d}.affirmations-list .affirmation-item.enabled{color:#fff}.affirmations-list .affirmation-item>.check-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:1.125rem!important;width:1.125rem!important;height:1.125rem!important;color:#ffffff4d;flex-shrink:0!important;margin:0!important;padding:0!important}.affirmations-list .affirmation-item.enabled>.check-icon{color:#4fd1c5}.affirmations-list .affirmation-item>.affirmation-text{flex:1;font-size:.875rem!important;font-weight:400!important;line-height:1.4!important;color:inherit;margin:0!important;padding:0!important;min-height:auto!important}.setup-footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#0f0c29f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1)}.footer-info{display:flex;gap:1.5rem}.info-item{display:flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:500;color:#ffffffb3}.info-item .material-icons{font-size:1.125rem;color:#4fd1c5}.start-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;border-radius:25px;color:#0f0c29;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.start-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 15px #4fd1c566}.start-btn:disabled{opacity:.5;cursor:not-allowed}.start-btn .material-icons{font-size:1.125rem}.loading-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#4fd1c5;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 640px){.setup-header{padding:.75rem 1rem}.setup-content{padding:1rem}.voice-options{flex-direction:column}.voice-btn{width:100%}.script-options{flex-direction:column}.script-btn{width:100%;justify-content:center}.category-header{padding:.75rem}.category-actions{flex-direction:column;align-items:flex-end;gap:.25rem}.setup-footer{flex-direction:column;gap:.75rem;padding:1rem}.footer-info,.start-btn{width:100%;justify-content:center}}.slider-tile{padding:12px 0}.slider-tile.disabled{opacity:.5;pointer-events:none}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.slider-label{font-size:14px;color:#fffc}.slider-value{font-size:14px;font-weight:500;color:#00bfa5;min-width:60px;text-align:right}.slider{width:100%;height:4px;border-radius:2px;background:#fff3;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#00bfa5;cursor:pointer;transition:transform .15s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider::-webkit-slider-thumb:active{transform:scale(.95)}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#00bfa5;cursor:pointer;border:none;transition:transform .15s ease}.slider::-moz-range-thumb:hover{transform:scale(1.1)}.slider::-moz-range-track{background:#fff3;border-radius:2px;height:4px}.binaural-beat-slider{padding:12px 0}.bbs-frequency{display:flex;align-items:baseline;gap:4px;margin-bottom:16px}.bbs-value{font-size:32px;font-weight:700;transition:color .2s ease;line-height:1}.bbs-unit{font-size:16px;font-weight:500;color:#fff9}.bbs-presets-wrapper{margin:0 -4px;padding:4px;overflow:visible}.bbs-presets{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0;margin-bottom:12px}.bbs-preset-chip{display:flex;flex-direction:column;align-items:center;padding:8px 12px;border-radius:10px;border:2px solid;background:none;cursor:pointer;transition:all .2s ease;min-width:60px}.bbs-preset-chip:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.bbs-preset-chip:active{transform:translateY(0)}.bbs-chip-name{font-size:13px;font-weight:600;transition:color .2s ease}.bbs-chip-description{font-size:10px;color:#ffffff80;margin-top:2px}.bbs-preset-chip.selected .bbs-chip-name{font-weight:700}.bbs-preset-chip.selected .bbs-chip-description{color:#ffffffb3}.bbs-slider-container{padding:8px 0}.bbs-slider{width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,var(--slider-color) 0%,var(--slider-color) var(--slider-progress),rgba(255,255,255,.15) var(--slider-progress),rgba(255,255,255,.15) 100%);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.bbs-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--slider-color);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px #0000004d}.bbs-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #0006}.bbs-slider::-webkit-slider-thumb:active{transform:scale(1.05)}.bbs-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--slider-color);cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px #0000004d}.bbs-slider::-moz-range-thumb:hover{transform:scale(1.15)}.bbs-slider::-moz-range-track{background:transparent;border-radius:3px;height:6px}.bbs-range-labels{display:flex;justify-content:space-between;padding:0 4px;margin-top:4px}.bbs-range-labels span{font-size:11px;color:#ffffff80}.player-screen{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#fff;position:relative;overflow:hidden}.player-header{display:flex;flex-direction:column;gap:.75rem;padding:.75rem 1rem;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);position:relative;z-index:10}.player-header .header-row{display:flex;align-items:center;justify-content:space-between}.player-header .header-left{display:flex;align-items:center;gap:.75rem}.player-header .header-info{display:flex;align-items:center;gap:1rem}.player-header .header-info .info-item{display:flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:500;color:#ffffffb3}.player-header .header-info .info-item .material-icons{font-size:1rem;color:#4fd1c5}.player-header .header-right{display:flex;align-items:center;gap:.5rem}.player-header .icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s}.player-header .icon-btn:hover{background:#ffffff26;color:#fff}.player-header .icon-btn.active{background:#4fd1c533;color:#4fd1c5}.player-header .phase-steps{display:flex;align-items:center;justify-content:center;gap:.5rem}.player-header .phase-step{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:50%;color:#fff6;transition:all .3s ease}.player-header .phase-step.clickable{cursor:pointer}.player-header .phase-step.clickable:hover{background:#ffffff26;transform:scale(1.1)}.player-header .phase-step .material-icons{font-size:1.25rem}.player-header .phase-step.active{color:#4fd1c5}.player-header .phase-step.completed{color:#48bb78}.player-header .phase-connector{width:24px;height:2px;background:#ffffff1a}.player-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;gap:2rem;overflow-y:auto}.progress-container{position:relative;width:200px;height:200px}.progress-ring{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.progress-bg,.progress-bar{cx:100;cy:100;r:90;fill:none;stroke-width:6}.progress-bg{stroke:#ffffff1a}.progress-bar{stroke:#4fd1c5;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.play-button{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;border-radius:50%;color:#0f0f1a;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #4fd1c54d}.play-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 12px 40px #4fd1c566}.play-button:disabled{opacity:.5;cursor:not-allowed}.play-button.playing{background:linear-gradient(135deg,#f56565,#e53e3e);box-shadow:0 8px 32px #f565654d}.play-button .material-icons{font-size:3rem}.play-button.starting{background:linear-gradient(135deg,#f6ad55,#ed8936);box-shadow:0 8px 32px #ed89364d;animation:pulse-starting 1.5s ease-in-out infinite}@keyframes pulse-starting{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.progress-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.affirmation-display{width:100%;max-width:500px;text-align:center;padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease}.affirmation-display.speaking{background:#4fd1c51a;border-color:#4fd1c54d}.affirmation-text{font-size:1.25rem;line-height:1.6;color:#fff;min-height:3rem}.audio-indicator{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:1rem;height:24px}.wave{width:4px;height:100%;background:#4fd1c5;border-radius:2px;animation:wave .6s ease-in-out infinite}.wave:nth-child(2){animation-delay:.15s}.wave:nth-child(3){animation-delay:.3s}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.playlist-preview{width:100%;max-width:500px}.preview-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#fff9;margin-bottom:.75rem}.preview-title .material-icons{font-size:1.125rem}.preview-list{display:flex;flex-direction:column;gap:.5rem}.preview-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:all .2s ease}.preview-item.active{background:#4fd1c526;border-color:#4fd1c54d}.item-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:6px;font-size:.75rem;font-weight:600;color:#fff9}.preview-item.active .item-number{background:#4fd1c54d;color:#4fd1c5}.preview-item.completed{opacity:.6}.preview-item.completed .item-number{background:#4fd1c533;color:#4fd1c5}.preview-item.completed .item-number .material-icons{font-size:.875rem}.item-text{flex:1;font-size:.875rem;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-more{text-align:center;padding:.5rem;font-size:.8125rem;color:#fff6}.settings-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:500px;background:#0f0f1afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.1);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:200;display:flex;flex-direction:column;overflow:hidden}.settings-panel.open{transform:translate(0)}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.settings-header h2{font-size:1.125rem;font-weight:600;color:#fff}.close-settings{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:none;border-radius:8px;color:#fff9;cursor:pointer;transition:all .2s ease}.close-settings:hover{background:#ffffff1f;color:#fff}.settings-content{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:2rem}.settings-section h3{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#fff9;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.settings-section h3 .material-icons{font-size:1.125rem;color:#4fd1c5}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:150}.player-footer{padding:1rem 1.5rem;background:#0003}.footer-content{max-width:500px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.footer-hint{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#fff6}.footer-hint .material-icons{font-size:1rem}.end-session-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#f5656526;border:1px solid rgba(245,101,101,.3);border-radius:8px;color:#f56565;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.end-session-btn:hover{background:#f5656540;border-color:#f5656580}.end-session-btn .material-icons{font-size:1rem}@media (max-width: 640px){.player-header{padding:.75rem 1rem}.back-button,.settings-button{width:40px;height:40px}.player-header .step{width:24px;height:24px;font-size:.6875rem}.player-header .step-line{width:16px}.session-stats{flex-direction:column;gap:.75rem;padding:.75rem 1rem}.stats-info{gap:1rem}.stat-item{font-size:.8125rem}.control-btn{width:36px;height:36px}.control-btn .material-icons{font-size:1.125rem}.player-main{padding:1.5rem 1rem}.progress-container{width:160px;height:160px}.play-button{width:80px;height:80px}.play-button .material-icons{font-size:2.5rem}.affirmation-text{font-size:1.125rem}.settings-panel{max-width:100%}.footer-content{flex-direction:column;gap:.75rem}.end-session-btn{width:100%;justify-content:center}}.script-display{width:100%;max-width:600px;background:#ffffff0d;border-radius:16px;padding:1.5rem;margin-top:1rem}.script-progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;margin-bottom:1.5rem;overflow:hidden}.script-progress-fill{height:100%;background:linear-gradient(90deg,#4fd1c5,#38b2ac);border-radius:2px;transition:width .1s linear}.script-text{max-height:300px;overflow-y:auto;color:#ffffffe6;line-height:1.8;font-size:1.1rem}.script-text p{margin-bottom:1rem}.script-text p:last-child{margin-bottom:0}.script-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1rem}.script-state .state-icon{font-size:3rem;color:#4fd1c5;animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.script-state .state-title{font-size:1.5rem;font-weight:600;color:#ffffffe6;letter-spacing:.05em}.session-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;gap:1rem}.complete-icon{font-size:4rem;color:#48bb78;animation:bounce-complete 1s ease}@keyframes bounce-complete{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.session-complete h2{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.session-complete p{font-size:1rem;color:#ffffffb3;margin:0}.restart-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#4fd1c5,#38b2ac);border:none;border-radius:25px;color:#0f0f1a;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem}.restart-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #4fd1c566}.restart-btn .material-icons{font-size:1.25rem}@media (max-width: 640px){.player-header .phase-steps{gap:.25rem}.player-header .phase-step{width:32px;height:32px}.player-header .phase-step .material-icons{font-size:1rem}.player-header .phase-connector{width:16px}.script-display{padding:1rem}.script-text{font-size:1rem;max-height:250px}}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:20px}.auth-container{width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:40px}.auth-logo{height:120px;width:auto;margin-bottom:8px}.auth-header p{color:#718096;margin:10px 0 0;font-size:.9rem}.auth-form{background:#ffffff0d;border-radius:16px;padding:30px;border:1px solid rgba(255,255,255,.1)}.auth-form h2{color:#e2e8f0;margin:0 0 20px;font-size:1.5rem;font-weight:500}.auth-error{background:#f565651a;border:1px solid #fc8181;color:#fc8181;padding:12px;border-radius:8px;margin-bottom:20px;font-size:.9rem}.form-group{margin-bottom:20px}.form-group label{display:block;color:#a0aec0;margin-bottom:8px;font-size:.9rem}.form-group input{width:100%;padding:12px 16px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c51a}.form-group input::placeholder{color:#4a5568}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-group-checkbox{margin-bottom:24px}.checkbox-label{display:flex;align-items:center;gap:10px;color:#a0aec0;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom{position:relative;width:20px;height:20px;background:#0003;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:all .2s;flex-shrink:0}.checkbox-label:hover .checkbox-custom{border-color:#4fd1c5}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:#4fd1c5;border-color:#4fd1c5}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #1a202c;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label input[type=checkbox]:disabled+.checkbox-custom{opacity:.5;cursor:not-allowed}.auth-button{width:100%;padding:14px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:12px}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-button.primary{background:linear-gradient(135deg,#4fd1c5,#38b2ac);color:#1a202c}.auth-button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4fd1c54d}.auth-button.secondary{background:transparent;color:#4fd1c5;border:1px solid rgba(79,209,197,.3)}.auth-button.secondary:hover:not(:disabled){background:#4fd1c51a}.skip-button{width:100%;padding:14px;background:transparent;border:none;color:#718096;font-size:.9rem;cursor:pointer;margin-top:20px;transition:color .2s}.skip-button:hover:not(:disabled){color:#a0aec0}.skip-button:disabled{opacity:.5;cursor:not-allowed}.language-selector{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:.5rem 1rem;display:flex;justify-content:center;align-items:center}.language-toggle{display:flex;gap:.25rem;background:#ffffff0d;border-radius:8px;padding:.25rem}.language-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;border-radius:6px;color:#fff9;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.language-toggle-btn:hover{color:#ffffffe6;background:#ffffff0d}.language-toggle-btn.active{background:#4fd1c533;color:#4fd1c5}.language-flag{font-size:1.125rem}.language-name{font-size:.875rem}@media (max-width: 480px){.language-selector,.language-toggle-btn{padding:.375rem .75rem}.language-name{display:none}.language-flag{font-size:1.25rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#1a1a2e;color:#fff;line-height:1.5;min-height:100vh}#root{min-height:100vh}button{font-family:inherit;font-size:inherit}input[type=range]{cursor:pointer}::selection{background:#00bfa54d;color:#fff}:focus-visible{outline:2px solid #00bfa5;outline-offset:2px}:focus:not(:focus-visible){outline:none}html{scroll-behavior:smooth}button,label{-webkit-user-select:none;user-select:none}button,input,label{-webkit-tap-highlight-color:transparent}@media (max-width: 480px){html{font-size:14px}}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(79,209,197,.2);border-top-color:#4fd1c5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-container>*:last-child{flex:1}
