.headphone-selector{display:flex;gap:.4rem;align-items:center}.headphone-selector.header{position:absolute;top:1rem;right:1rem;z-index:20}.headphone-selector.playback{margin-left:.5rem}.headphone-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffb3;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.headphone-btn:hover{background:#ffffff26;border-color:#ffffff4d;color:#ffffffe6}.headphone-btn.hq{background:#64329699;border-color:#643296cc;color:#fff;box-shadow:0 0 10px #64329666}.headphone-btn svg{flex-shrink:0}.headphone-info-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.headphone-info-btn:hover{background:#ffffff26;border-color:#ffffff4d;color:#ffffffe6}.headphone-selector.playback .headphone-btn{padding:.4rem .6rem;font-size:.8rem}.headphone-selector.playback .headphone-info-btn{padding:.4rem}.headphone-info-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.headphone-info-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1a2efa;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1.5rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;z-index:10001;box-shadow:0 8px 32px #00000080}.headphone-info-modal h3{margin:0 0 1rem;color:#fff;font-size:1.25rem}.headphone-info-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffb3;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.headphone-info-close:hover{background:#ffffff26;color:#fff}.headphone-info-content{color:#fffc;line-height:1.6}.headphone-info-content p{margin:0 0 1rem}.headphone-info-section{margin:1.5rem 0;padding:1rem;background:#6432961a;border:1px solid rgba(100,50,150,.2);border-radius:8px}.headphone-info-section h4{margin:0 0 .5rem;color:#643296e6;font-size:1rem}.headphone-info-section p{margin:0;font-size:.9rem}.headphone-info-tip{margin-top:1.5rem;padding:1rem;background:#64329626;border-left:3px solid rgba(100,50,150,.6);border-radius:4px;font-size:.9rem}.headphone-info-tip strong{color:#643296e6}@media (max-width: 768px){.headphone-selector.header{top:.5rem;right:.5rem}.headphone-btn span{display:none}.headphone-btn.hq span{display:inline}.headphone-selector.playback .headphone-btn{padding:.35rem .5rem}.headphone-info-modal{width:95%;max-height:90vh;padding:1.25rem}}.app-header{display:flex;justify-content:center;align-items:center;padding:1rem 1rem .5rem;position:relative;z-index:10}.header-left{position:absolute;left:1rem;top:1rem;z-index:20}.play-store-button-header{display:inline-block;transition:all .3s ease}.play-store-button-header:hover{transform:translateY(-2px);opacity:.9}.play-store-badge-header{height:50px;width:auto;display:block}.app-logo{max-width:500px;height:auto;filter:drop-shadow(0 4px 12px rgba(100,50,150,.4));transition:transform .3s ease}.app-logo:hover{transform:scale(1.05)}@media (max-width: 768px){.app-header{padding:1.5rem 1rem}.app-logo{max-width:375px}.header-left{left:.5rem}.play-store-badge-header{height:40px}}@media (max-width: 480px){.header-left{left:.25rem}.play-store-badge-header{height:35px}}.background-sounds-section{width:100%;margin-top:1.5rem}.background-sounds-toggle{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.25rem;background:#64329633;border:2px solid rgba(100,50,150,.4);border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:left}.background-sounds-toggle:hover{background:#6432964d;border-color:#64329699;transform:translateY(-2px);box-shadow:0 4px 12px #6432964d}.background-sounds-toggle svg:first-child{color:#643296;filter:drop-shadow(0 0 4px rgba(100,50,150,.6))}.background-sounds-content{margin-top:1rem;padding:1.5rem;background:#1a1a2e99;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .3s ease-out}.background-sounds-header{margin-bottom:1.5rem;position:relative}.background-sounds-header h3{color:#fff;font-size:1.3rem;margin:0 0 .5rem;font-weight:600}.background-sounds-description{color:#ffffffb3;font-size:.9rem;margin:0;line-height:1.5}.stop-all-sounds-btn{position:absolute;top:0;right:0;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#c832324d;border:1px solid rgba(200,50,50,.5);border-radius:8px;color:#fff;font-size:.85rem;cursor:pointer;transition:all .3s ease}.stop-all-sounds-btn:hover{background:#c8323280;border-color:#c83232b3;transform:scale(1.05)}.background-sounds-grid{display:flex;flex-direction:column;gap:2rem}.sound-category{display:flex;flex-direction:column;gap:1rem}.category-title{color:#643296;font-size:1.1rem;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.1em;font-family:Orbitron,Rajdhani,monospace}.sounds-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.sound-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1rem;transition:all .3s ease}.sound-item:hover{background:#ffffff14;border-color:#64329666;transform:translateY(-2px);box-shadow:0 4px 12px #64329633}.sound-item.playing{background:#64329626;border-color:#64329699;box-shadow:0 0 20px #6432964d}.sound-item-header{width:100%}.sound-play-btn{display:flex;align-items:center;gap:1rem;width:100%;background:none;border:none;color:#fff;cursor:pointer;text-align:left;padding:0;transition:all .2s ease}.sound-play-btn:hover{opacity:.8}.sound-icon{font-size:2rem;line-height:1;filter:drop-shadow(0 0 4px rgba(100,50,150,.5));transition:transform .3s ease}.sound-item.playing .sound-icon{animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 4px rgba(100,50,150,.5))}50%{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(100,50,150,.8))}}.sound-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.sound-name{font-size:1rem;font-weight:600;color:#fff}.sound-description{font-size:.85rem;color:#fff9}.sound-controls{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.sound-controls svg{color:#643296;flex-shrink:0}.sound-volume-slider{flex:1;height:4px;background:#fff3;border-radius:2px;outline:none;-webkit-appearance:none}.sound-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#643296;border-radius:50%;cursor:pointer;box-shadow:0 0 4px #64329699}.sound-volume-slider::-moz-range-thumb{width:14px;height:14px;background:#643296;border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 4px #64329699}.sound-volume-value{font-size:.85rem;color:#ffffffb3;min-width:40px;text-align:right;font-weight:500}@media (max-width: 768px){.sounds-list{grid-template-columns:1fr}.background-sounds-header{padding-right:0}.stop-all-sounds-btn{position:static;margin-top:1rem;width:100%;justify-content:center}}.hero-section{padding:.5rem 2rem 2rem;max-width:1400px;margin:0 auto;position:relative;z-index:1}.hero-intro{text-align:center;margin-bottom:3rem;padding:2rem;background:#1a1a2e99;border-radius:12px;border:1px solid rgba(100,50,150,.3)}.hero-title{font-size:2.5rem;font-weight:700;margin:0 0 1.5rem;color:#fff;line-height:1.2;font-family:Orbitron,Rajdhani,monospace;background:linear-gradient(135deg,#643296,#3264c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.1rem;line-height:1.8;color:#ffffffd9;max-width:900px;margin:0 auto}@media (max-width: 768px){.hero-title{font-size:1.8rem}.hero-description{font-size:1rem}.hero-intro{padding:1.5rem}}.hero-card{background:#1a1a2ed9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0006;position:relative;z-index:1}.playback-controls{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.play-control-group{display:flex;align-items:center;gap:1rem}.current-frequency-info{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 1rem;background:#64329633;border:1px solid rgba(100,50,150,.4);border-radius:12px;min-width:200px}.current-freq-name{display:flex;align-items:center;gap:.75rem;color:#fff}.current-freq-name strong{font-size:1rem;font-weight:600}.current-freq-value{font-size:.85rem;color:#64c8ffe6;font-weight:500}.current-freq-effects{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#ffffffb3}.effects-label{font-weight:500;color:#ffffff80}.effects-list{color:#ffffffe6}.play-button{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#643296cc,#3264c8cc);border:2px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #6432964d}.play-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #64329680}.play-button.playing{background:linear-gradient(135deg,#c83232cc,#961e1ecc);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 4px 16px #c832324d}50%{box-shadow:0 6px 20px #c8323299}}.volume-control{flex:1;display:flex;align-items:center;gap:1rem;color:#fff}.volume-slider{flex:1;height:6px;background:#fff3;border-radius:3px;outline:none;-webkit-appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#643296;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #64329680}.volume-slider::-moz-range-thumb{width:18px;height:18px;background:#643296;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #64329680}.volume-value{min-width:45px;text-align:right;font-size:.9rem;color:#fffc}.mode-selection{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.mode-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem 1rem;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.mode-btn:hover{background:#64329633;border-color:#64329680;transform:translateY(-2px)}.mode-btn svg{color:#ffc864}.frequency-selector{margin-bottom:1.5rem}.frequency-dropdown{width:100%;padding:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease}.frequency-dropdown:hover{background:#ffffff26;border-color:#64329680}.frequency-dropdown option{background:#1a1a2e;color:#fff}.advanced-options{display:flex;gap:1rem;margin-bottom:1.5rem;width:100%;box-sizing:border-box}.option-btn{flex:1;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;font-size:.9rem}.option-btn:hover{background:#64329633;border-color:#64329680}.visualizer-controls{display:flex;flex-direction:column;gap:1rem}.hide-visuals-btn{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;font-size:.9rem}.hide-visuals-btn:hover{background:#ffffff1a}.visualizer-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.visualizer-btn{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#ffffffb3;cursor:pointer;transition:all .3s ease;font-size:.85rem}.visualizer-btn:hover{background:#64329633;border-color:#64329680;color:#fff}.visualizer-btn.active{background:#64329666;border-color:#643296cc;color:#fff}@media (max-width: 768px){.hero-section{padding:1rem}.hero-card{padding:1.5rem}.mode-selection{grid-template-columns:repeat(2,1fr)}.playback-controls{flex-wrap:wrap}.volume-control{width:100%;order:2}.advanced-options{flex-wrap:wrap;gap:.75rem}.option-btn{flex:1 1 calc(33.333% - .5rem);min-width:0;font-size:.85rem;padding:.65rem .5rem}.option-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.frequency-library{padding:2rem;max-width:1400px;margin:0 auto;position:relative;z-index:1;background:transparent}.library-title{color:#64c8ff;margin-bottom:1.5rem;font-size:1.8rem;font-weight:300}.search-container{position:relative;margin-bottom:1.5rem}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#ffffff80;pointer-events:none}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;background:#ffffff26;border-color:#64329680}.search-input::placeholder{color:#fff6}.filter-tags{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.filter-tag{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#ffffffb3;cursor:pointer;transition:all .3s ease;font-size:.85rem;text-transform:lowercase}.filter-tag:hover{background:#6432964d;border-color:#64329680;color:#fff}.filter-tag.active{background:#64329699;border-color:#643296cc;color:#fff}.frequency-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.frequency-card{background:#1a1a2ed9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;z-index:1}.frequency-card:hover{background:#ffffff14;border-color:#64329680;transform:translateY(-2px)}.frequency-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.frequency-title-group{flex:1}.frequency-header h3{color:#fff;font-size:1.1rem;margin:0 0 .5rem}.play-icon-btn{background:#64329699;border:none;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;margin-left:.5rem}.play-icon-btn:hover{background:#643296;transform:scale(1.1)}.play-icon-btn.playing{background:#32c864cc;animation:pulse 2s ease-in-out infinite}.play-icon-btn.playing:hover{background:#32c864}.frequency-info{display:flex;gap:1rem;margin-bottom:.75rem}.frequency-value{color:#643296;font-weight:600;font-size:1.1rem}.frequency-category{color:#fff9;font-size:.85rem;text-transform:uppercase}.frequency-description{color:#fffc;font-size:.9rem;margin-bottom:1rem;line-height:1.5}.frequency-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.tag{background:#64329633;color:#ffffffb3;padding:.25rem .75rem;border-radius:12px;font-size:.75rem}.info-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;padding:.4rem .75rem;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:.4rem;font-size:.8rem;transition:all .3s ease;margin-top:.5rem}.info-btn:hover{border-color:#64329680;color:#fff}.no-results{text-align:center;padding:3rem;color:#ffffff80}.modal-content{background:#1a1a2ef2;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;max-width:600px;max-height:80vh;overflow-y:auto;color:#fff;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-content h2{margin:0;color:#fff;flex:1}.modal-close-x{background:#dc3232b3;border:2px solid rgba(255,80,80,.9);border-radius:25px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #dc323266;margin-left:1rem;flex-shrink:0;font-weight:500;font-size:.9rem}.modal-close-x:hover{background:#dc3232e6;border-color:#ff6464;transform:scale(1.05);box-shadow:0 4px 16px #dc323299}.modal-close-x .close-btn-text{font-size:.9rem;font-weight:500}.modal-info p{margin:.75rem 0;line-height:1.6}.detailed-info{font-style:italic;color:#fffc}.modal-info ul{margin:.5rem 0;padding-left:1.5rem}.modal-info li{margin:.25rem 0}.close-btn{margin-top:1.5rem;padding:.75rem 2rem;background:#64329699;border:none;border-radius:25px;color:#fff;cursor:pointer;transition:all .3s ease}.close-btn:hover{background:#643296}.experimental-data{margin-top:2rem;padding-top:2rem;border-top:2px solid rgba(100,50,150,.5)}.experimental-data h4{color:#64c8ff;margin-bottom:1.5rem;font-size:1.3rem;font-weight:500}.data-section{margin-bottom:1.5rem}.data-section strong{color:#ffffffe6;display:block;margin-bottom:.5rem;font-size:1rem}.data-section p{color:#fffc;line-height:1.6;margin:.5rem 0}.data-section ul{margin:.5rem 0;padding-left:1.5rem}.data-section li{color:#fffc;line-height:1.6;margin:.5rem 0}.data-section.notes{background:#6432961a;padding:1rem;border-radius:8px;border-left:3px solid rgba(100,50,150,.6)}@media (max-width: 768px){.frequency-grid{grid-template-columns:1fr}.modal-content{padding:1.5rem}}.sequence-builder-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.sequence-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sequence-header h3{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:1.2rem;margin:0}.toggle-builder-btn{padding:.5rem 1rem;background:#64329699;border:1px solid rgba(100,50,150,.8);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.toggle-builder-btn:hover{background:#643296}.sequence-builder{margin-top:1.5rem}.builder-controls{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.sequence-name-input{flex:1;min-width:200px;padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem}.fade-duration-label{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.9rem}.fade-duration-input{width:60px;padding:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff}.sequence-steps{margin-bottom:1.5rem}.sequence-steps h4{color:#fff;margin-bottom:1rem;font-size:1rem}.empty-steps{color:#ffffff80;text-align:center;padding:2rem;font-style:italic}.sequence-step{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-bottom:.75rem;flex-wrap:wrap}.step-number{background:#64329699;color:#fff;padding:.5rem .75rem;border-radius:6px;font-weight:600;min-width:60px;text-align:center}.step-frequency-select{flex:1;min-width:200px;padding:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff}.step-duration-label,.step-volume-label{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.85rem}.step-duration-input{width:60px;padding:.4rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff}.step-volume-input{width:100px}.remove-step-btn{background:#c8323299;border:none;color:#fff;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.remove-step-btn:hover{background:#c83232}.add-step-btn{padding:.75rem 1.5rem;background:#64329699;border:1px solid rgba(100,50,150,.8);border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.add-step-btn:hover{background:#643296}.builder-actions{display:flex;gap:1rem}.save-sequence-btn,.cancel-builder-btn{padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;border:none}.save-sequence-btn{background:#32c86499;color:#fff}.save-sequence-btn:hover{background:#32c864}.cancel-builder-btn{background:#ffffff1a;color:#fff}.cancel-builder-btn:hover{background:#fff3}.saved-sequences{margin-top:2rem}.saved-sequences h4{color:#fff;margin-bottom:1rem}.sequences-list{display:flex;flex-direction:column;gap:.75rem}.sequence-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px}.sequence-info{display:flex;flex-direction:column;gap:.25rem}.sequence-info strong{color:#fff;font-size:1rem}.sequence-info span{color:#fff9;font-size:.85rem}.playing-badge{background:#32c86499;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.sequence-item-actions{display:flex;gap:.5rem}.play-sequence-btn,.stop-sequence-btn,.delete-sequence-btn{padding:.5rem 1rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;border:none;font-size:.85rem}.play-sequence-btn{background:#64329699;color:#fff}.play-sequence-btn:hover:not(:disabled){background:#643296}.play-sequence-btn:disabled{opacity:.5;cursor:not-allowed}.stop-sequence-btn{background:#c8323299;color:#fff}.stop-sequence-btn:hover{background:#c83232}.delete-sequence-btn{background:#c8323299;color:#fff}.delete-sequence-btn:hover{background:#c83232}.advanced-panel{padding:2rem;max-width:1200px;margin:0 auto;color:#fff}.advanced-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.advanced-header h2{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:1.8rem;font-weight:300;margin:0}.close-advanced-btn{background:#dc3232b3;border:2px solid rgba(255,80,80,.9);border-radius:25px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #dc323266;font-weight:500;font-size:.9rem}.close-advanced-btn:hover{background:#dc3232e6;border-color:#ff6464;transform:scale(1.05);box-shadow:0 4px 16px #dc323299}.close-advanced-btn .close-btn-text{font-size:.9rem;font-weight:500}.add-frequency-section,.active-mix-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.add-frequency-section h3,.active-mix-section h3{color:#fff;margin-bottom:1rem;font-size:1.2rem}.add-controls{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.duration-label{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.9rem}.duration-input{width:80px;padding:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff}.duration-hint{font-size:.75rem;color:#ffffff80;font-style:italic}.frequency-select{flex:1;padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem}.frequency-select option{background:#1a1a2e;color:#fff}.add-btn{padding:.75rem 1.5rem;background:#64329699;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.add-btn:hover:not(:disabled){background:#643296}.add-btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{color:#ffffff80;text-align:center;padding:2rem}.active-frequencies{display:flex;flex-direction:column;gap:1rem}.active-frequency-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem}.freq-info{display:flex;justify-content:space-between;margin-bottom:.75rem}.freq-name{font-weight:500;color:#fff}.freq-hz{color:#643296;font-weight:600}.freq-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.freq-controls label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#fffc}.freq-controls input[type=range]{width:80px}.remove-btn{background:#c8323299;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.remove-btn:hover{background:#c83232}.mix-actions{display:flex;gap:1rem;flex-wrap:wrap}.action-btn{padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.action-btn:hover{background:#6432964d;border-color:#64329680}.action-btn.danger{background:#c8323233;border-color:#c8323266}.action-btn.danger:hover{background:#c8323266}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem}.modal-content{background:#1a1a2ef2;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;max-width:500px;width:100%;color:#fff}.modal-content h3{margin-top:0;color:#fff}.mix-name-input{width:100%;padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;margin:1rem 0}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-actions button{padding:.75rem 1.5rem;background:#64329699;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.modal-actions button:hover{background:#643296}.saved-mixes-list{display:flex;flex-direction:column;gap:1rem;margin:1rem 0;max-height:400px;overflow-y:auto}.saved-mix-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-radius:8px}.mix-item-actions{display:flex;gap:.5rem}.mix-item-actions button{padding:.5rem 1rem;background:#64329699;border:none;border-radius:6px;color:#fff;cursor:pointer}.delete-btn{background:#c8323299!important}@media (max-width: 768px){.add-controls{flex-direction:column}.freq-controls,.freq-controls label{flex-direction:column;align-items:stretch}}.gateway-mode-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;overflow-y:auto}.gateway-mode-panel{background:#1a1a2ef2;border:1px solid rgba(100,50,150,.5);border-radius:20px;padding:2rem;max-width:1000px;width:100%;max-height:90vh;overflow-y:auto;color:#fff;box-shadow:0 8px 32px #00000080}.gateway-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.gateway-header h2{color:#fff;font-size:2rem;font-weight:300;margin:0;background:linear-gradient(135deg,#643296,#3264c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gateway-header .close-btn{background:#dc3232b3;border:2px solid rgba(255,80,80,.9);border-radius:25px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #dc323266;font-weight:500;font-size:.9rem}.gateway-header .close-btn:hover{background:#dc3232e6;border-color:#ff6464;transform:scale(1.05);box-shadow:0 4px 16px #dc323299}.gateway-header .close-btn .close-btn-text{font-size:.9rem;font-weight:500}.gateway-intro{background:#6432961a;border-left:3px solid rgba(100,50,150,.6);padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem}.gateway-intro p{color:#ffffffe6;line-height:1.6;margin:0}.gateway-frequencies{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.gateway-frequency-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease}.gateway-frequency-card:hover{background:#ffffff14;border-color:#64329680;transform:translateY(-2px)}.gateway-freq-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.gateway-card-actions{display:flex;gap:.5rem;align-items:center}.gateway-freq-header h3{color:#fff;font-size:1.1rem;margin:0 0 .5rem}.gateway-badge{display:inline-block;background:#c83232cc;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.info-gateway-btn{background:#3296c899;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.info-gateway-btn:hover{background:#3296c8;transform:scale(1.1)}.play-gateway-btn{background:#64329699;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.play-gateway-btn:hover{background:#643296;transform:scale(1.1)}.play-gateway-btn.playing{background:#32c864cc;animation:pulse 2s ease-in-out infinite}.play-gateway-btn.playing:hover{background:#32c864}@keyframes pulse{0%,to{box-shadow:0 0 #32c864b3}50%{box-shadow:0 0 0 8px #32c86400}}.gateway-freq-info{display:flex;flex-direction:column;gap:.5rem}.freq-value{color:#643296;font-weight:600;font-size:1.1rem}.gateway-freq-info p{color:#fffc;font-size:.9rem;margin:0;line-height:1.5}.gateway-ref{color:#64c8ffcc;font-size:.85rem;font-style:italic}.experimental-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:2rem;overflow-y:auto}.experimental-modal-content{background:#1a1a2efa;border:2px solid rgba(100,50,150,.6);border-radius:20px;padding:2rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;color:#fff;box-shadow:0 8px 32px #000000b3}.experimental-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.experimental-modal-header h3{color:#fff;font-size:1.5rem;font-weight:300;margin:0;background:linear-gradient(135deg,#643296,#3296c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-experimental-btn{background:#dc3232b3;border:2px solid rgba(255,80,80,.9);border-radius:25px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #dc323266;font-weight:500;font-size:.85rem}.close-experimental-btn:hover{background:#dc3232e6;border-color:#ff6464;transform:scale(1.05);box-shadow:0 4px 16px #dc323299}.close-experimental-btn .close-btn-text{font-size:.85rem;font-weight:500}.experimental-data-content{display:flex;flex-direction:column;gap:1.5rem}.data-section{background:#ffffff0d;border-left:3px solid rgba(100,50,150,.6);padding:1rem 1.5rem;border-radius:8px}.data-section h4{color:#64c8ff;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.data-section p{color:#ffffffe6;line-height:1.7;margin:0}.data-section ul{margin:0;padding-left:1.5rem;color:#ffffffe6;line-height:1.8}.data-section li{margin-bottom:.5rem}.data-section.notes{background:#6432961a;border-left-color:#643296cc}.data-section.notes p{font-style:italic;color:#ffffffd9}.gateway-control-bar{background:#64329626;border:1px solid rgba(100,50,150,.4);border-radius:12px;padding:1rem 1.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;z-index:10}.gateway-control-info{flex:1}.gateway-now-playing{display:flex;align-items:center;gap:.75rem;color:#fff}.now-playing-label{color:#fff9;font-size:.85rem}.gateway-now-playing strong{color:#fff;font-size:1rem;font-weight:600}.now-playing-freq{color:#64c8ffe6;font-size:.9rem;font-weight:500}.gateway-control-actions{display:flex;align-items:center;gap:1rem}.gateway-volume-control{display:flex;align-items:center;gap:.5rem;color:#fff}.gateway-volume-slider{width:100px;height:4px;background:#fff3;border-radius:2px;outline:none;-webkit-appearance:none}.gateway-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#643296;border-radius:50%;cursor:pointer}.gateway-volume-slider::-moz-range-thumb{width:14px;height:14px;background:#643296;border-radius:50%;cursor:pointer;border:none}.gateway-volume-value{min-width:40px;text-align:right;font-size:.85rem;color:#fffc}.gateway-pause-btn,.gateway-stop-btn{background:#64329699;border:1px solid rgba(100,50,150,.8);border-radius:8px;color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.gateway-pause-btn:hover{background:#643296;transform:scale(1.1)}.gateway-stop-btn{background:#c8323299;border-color:#c83232cc}.gateway-stop-btn:hover{background:#c83232;transform:scale(1.1)}@media (max-width: 768px){.gateway-mode-overlay{padding:1rem}.gateway-mode-panel{padding:1.5rem}.gateway-frequencies{grid-template-columns:1fr}.experimental-modal-overlay{padding:1rem}.experimental-modal-content{padding:1.5rem}.gateway-control-bar{flex-direction:column;gap:1rem;padding:1rem}.gateway-control-actions{width:100%;justify-content:space-between}}.breathing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;overflow-y:auto}.breathing-panel{background:#1a1a2ef2;border:1px solid rgba(100,50,150,.5);border-radius:20px;padding:2rem;max-width:700px;width:100%;color:#fff;box-shadow:0 8px 32px #00000080;max-height:90vh;overflow-y:auto}.breathing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.breathing-header h2{color:#fff;font-size:2rem;font-weight:300;margin:0;background:linear-gradient(135deg,#643296,#3264c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.breathing-header .close-btn{background:#dc3232b3;border:2px solid rgba(255,80,80,.9);border-radius:25px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #dc323266;font-weight:500;font-size:.9rem}.breathing-header .close-btn:hover{background:#dc3232e6;border-color:#ff6464;transform:scale(1.05);box-shadow:0 4px 16px #dc323299}.breathing-header .close-btn .close-btn-text{font-size:.9rem;font-weight:500}.breathing-content{display:flex;flex-direction:column;gap:2rem}.breathing-methods h3{color:#fff;margin-bottom:1rem;font-size:1.2rem}.method-buttons{display:flex;flex-direction:column;gap:.75rem}.method-btn{padding:1rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left}.method-btn:hover{background:#64329633;border-color:#64329680;transform:translate(4px)}.method-btn.active{background:#6432964d;border-color:#643296cc;box-shadow:0 4px 12px #6432964d}.method-btn strong{display:block;font-size:1rem;margin-bottom:.25rem}.method-ratio{color:#fff9;font-size:.85rem;font-weight:400}.method-benefit-preview{color:#ffffff80;font-size:.85rem;text-align:right;max-width:200px}.breathing-visualizer{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.breathing-circle{width:250px;height:250px;border-radius:50%;border:4px solid var(--breath-color, rgba(100, 50, 150, .5));display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;background:#0003;box-shadow:0 0 40px #6432964d}.breathing-circle.inhale{border-color:var(--breath-color, rgba(100, 200, 255, .8));background:#64c8ff1a}.breathing-circle.hold{border-color:var(--breath-color, rgba(255, 200, 100, .8));background:#ffc8641a}.breathing-circle.exhale{border-color:var(--breath-color, rgba(255, 100, 150, .8));background:#ff64961a}.breathing-circle.pause{border-color:var(--breath-color, rgba(150, 150, 150, .5));background:#9696960d}.breathing-circle.active.inhale{animation:breatheIn var(--breath-duration, 4s) ease-in-out;animation-iteration-count:1}.breathing-circle.active.hold{animation:breatheHold var(--breath-duration, 4s) ease-in-out;animation-iteration-count:1}.breathing-circle.active.exhale{animation:breatheOut var(--breath-duration, 4s) ease-in-out;animation-iteration-count:1}.breathing-circle.active.pause{animation:breathePause var(--breath-duration, 4s) ease-in-out;animation-iteration-count:1}@keyframes breatheIn{0%{transform:scale(1);box-shadow:0 0 20px var(--breath-color, rgba(100, 200, 255, .3))}50%{transform:scale(1.4);box-shadow:0 0 60px var(--breath-color, rgba(100, 200, 255, .6))}to{transform:scale(1);box-shadow:0 0 20px var(--breath-color, rgba(100, 200, 255, .3))}}@keyframes breatheHold{0%,to{transform:scale(1.4);box-shadow:0 0 60px var(--breath-color, rgba(255, 200, 100, .6))}50%{transform:scale(1.45);box-shadow:0 0 70px var(--breath-color, rgba(255, 200, 100, .7))}}@keyframes breatheOut{0%{transform:scale(1.4);box-shadow:0 0 60px var(--breath-color, rgba(255, 100, 150, .6))}50%{transform:scale(1);box-shadow:0 0 20px var(--breath-color, rgba(255, 100, 150, .3))}to{transform:scale(1.4);box-shadow:0 0 60px var(--breath-color, rgba(255, 100, 150, .6))}}@keyframes breathePause{0%,to{transform:scale(1);box-shadow:0 0 20px var(--breath-color, rgba(150, 150, 150, .2))}50%{transform:scale(.95);box-shadow:0 0 15px var(--breath-color, rgba(150, 150, 150, .15))}}.breathing-progress-ring{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.progress-svg{width:100%;height:100%}.progress-circle-bg{fill:none;stroke:#ffffff1a;stroke-width:3}.progress-circle{fill:none;stroke:var(--breath-color, rgba(100, 200, 255, .8));stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.breathing-text{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:1;position:relative}.breath-label{font-size:1.5rem;font-weight:600;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);margin-bottom:.5rem}.breath-countdown{font-size:5rem;font-weight:700;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.8);line-height:1;margin:.5rem 0;display:block;min-height:5rem;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,opacity .3s ease;animation:countdownPulse 1s ease-in-out infinite}.breath-countdown:last-child{animation:none}@keyframes countdownPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.breath-phase-label{font-size:.9rem;color:#ffffffb3;margin-top:.5rem;text-transform:lowercase}.breath-instruction{font-size:.9rem;color:#ffffff80}.phase-indicators{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.phase-indicator{width:60px;height:60px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);transition:all .3s ease;gap:.25rem}.phase-indicator.active{transform:scale(1.15);box-shadow:0 0 20px currentColor;border-color:currentColor}.phase-label{font-size:1.2rem;font-weight:600;color:#fff}.phase-time{font-size:.7rem;color:#ffffffb3}.breathing-controls{display:flex;align-items:center;gap:1rem;justify-content:center}.breathing-toggle-btn{padding:1rem 2rem;background:#64329699;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #6432964d}.breathing-toggle-btn:hover{background:#643296;transform:scale(1.05);box-shadow:0 6px 16px #64329680}.breathing-reset-btn{padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.breathing-reset-btn:hover{background:#fff3;transform:rotate(180deg)}.breathing-stats{display:flex;gap:1.5rem;justify-content:center}.stat-item{display:flex;align-items:center;gap:.5rem;color:#fffc;font-size:.9rem;background:#ffffff0d;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.breathing-info{background:#6432961a;border-left:3px solid rgba(100,50,150,.6);padding:1.5rem;border-radius:8px}.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.breathing-info h4{color:#fff;margin:0;display:flex;align-items:center;gap:.5rem;font-size:1.2rem}.recommended-duration{color:#fff9;font-size:.85rem;background:#64329633;padding:.25rem .75rem;border-radius:12px}.technique-description{color:#ffffffe6;line-height:1.6;margin:0 0 1rem}.benefits-list{margin:1rem 0}.benefits-list strong{color:#fff;display:block;margin-bottom:.5rem}.benefits-list ul{margin:0;padding-left:1.5rem;color:#fffc}.benefits-list li{margin:.5rem 0;line-height:1.5}.scientific-note{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:.9rem;line-height:1.6;font-style:italic}.scientific-note strong{color:#64c8ffe6;font-style:normal}@media (max-width: 768px){.breathing-overlay{padding:1rem}.breathing-panel{padding:1.5rem;max-width:100%}.breathing-circle{width:200px;height:200px}.method-benefit-preview{display:none}.phase-indicator{width:50px;height:50px}.phase-label{font-size:1rem}}.visual-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,#1a1a2e,#0a0a0f);opacity:1;visibility:visible;display:block}.visual-canvas canvas{width:100%!important;height:100%!important;display:block!important;opacity:1!important;visibility:visible!important;position:absolute;top:0;left:0}.visual-canvas.fullscreen{z-index:9998;pointer-events:auto}.visual-canvas.fullscreen canvas{cursor:pointer}.fullscreen-toggle{position:absolute;top:1rem;right:1rem;background:#0009;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10000;transition:all .3s ease}.fullscreen-toggle:hover{background:#000c;border-color:#ffffff80}.fullscreen-toggle-btn{position:fixed;bottom:120px;right:1rem;background:#1a1a2ee6;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.fullscreen-toggle-btn:hover{background:#64329699;border-color:#643296cc;transform:scale(1.1)}@media (max-width: 768px){.fullscreen-toggle-btn{bottom:140px;right:.5rem}}.advanced-frequency-controls{width:100%;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.advanced-toggle{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#ffffffb3;font-size:13px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease;width:100%;justify-content:space-between;flex-shrink:0}.advanced-toggle:hover{background:#ffffff0d;color:#ffffffe6}.advanced-toggle-text{font-weight:600;letter-spacing:.5px;text-transform:uppercase;font-size:11px}.advanced-controls-content{margin-top:12px;padding:16px;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease-out;max-height:60vh;overflow-y:auto;overflow-x:hidden}.advanced-controls-content::-webkit-scrollbar{width:8px}.advanced-controls-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.advanced-controls-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.advanced-controls-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tech-info-section{margin-bottom:20px;padding:16px;background:#6432961a;border:1px solid rgba(100,50,150,.2);border-radius:8px}.tech-info-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.tech-info-header svg{color:#643296cc;flex-shrink:0}.tech-info-header h5{margin:0;font-size:13px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.tech-info-content{font-size:12px;line-height:1.6;color:#ffffffb3}.tech-info-content p{margin:0 0 12px}.tech-info-content strong{color:#ffffffe6;font-weight:600}.tech-features-list{margin:0;padding-left:20px;list-style:none}.tech-features-list li{margin-bottom:8px;padding-left:8px;position:relative}.tech-features-list li:before{content:"▸";position:absolute;left:-12px;color:#643296cc;font-size:10px}.tech-features-list li:last-child{margin-bottom:0}.advanced-controls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.advanced-controls-header h4{margin:0;font-size:14px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.reset-button{display:flex;align-items:center;gap:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;font-size:12px;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease}.reset-button:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.reset-button span{font-size:11px;font-weight:500}.layer-group{margin-bottom:20px}.layer-group:last-child{margin-bottom:0}.layer-group-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.layer-count{background:#ffffff1a;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;color:#ffffffb3}.layer-control{display:flex;flex-direction:column;gap:8px;padding:12px;margin-bottom:8px;background:#0003;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.layer-control:last-child{margin-bottom:0}.layer-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.layer-label{font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.layer-freq{font-size:11px;color:#fff9;font-family:Rajdhani,sans-serif;font-weight:500}.beat-freq{color:#fff6;font-size:10px}.layer-volume-control{display:flex;align-items:center;gap:10px}.layer-volume-control svg{color:#ffffff80;flex-shrink:0}.layer-volume-slider{flex:1;height:4px;background:#ffffff1a;border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.layer-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#ffffffe6;border-radius:50%;cursor:pointer;transition:all .2s ease}.layer-volume-slider::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.1)}.layer-volume-slider::-moz-range-thumb{width:14px;height:14px;background:#ffffffe6;border-radius:50%;border:none;cursor:pointer;transition:all .2s ease}.layer-volume-slider::-moz-range-thumb:hover{background:#fff;transform:scale(1.1)}.layer-volume-value{font-size:11px;font-weight:600;color:#ffffffb3;min-width:35px;text-align:right;font-family:Rajdhani,sans-serif}@media (max-width: 768px){.advanced-controls-content{padding:12px;max-height:50vh}.layer-control{padding:10px}.layer-info{flex-direction:column;align-items:flex-start}.layer-volume-control{width:100%}}.playback-bar{position:fixed;bottom:0;left:0;right:0;background:#1a1a2ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);z-index:9999;padding:1rem;display:block!important;visibility:visible!important}.playback-bar-content{display:flex;align-items:center;gap:1rem;max-width:1200px;margin:0 auto}.playback-btn{background:#643296cc;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.playback-btn:hover{background:#643296;transform:scale(1.05)}.playback-btn.secondary{background:#ffffff1a;width:36px;height:36px}.playback-btn.secondary:hover{background:#fff3}.playback-info{flex:1;display:flex;align-items:center;gap:1rem;color:#fff;font-size:.9rem}.active-count{font-weight:500}.current-frequency-display{display:flex;flex-direction:column;gap:.25rem}.current-freq-name-display{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.freq-name-text{font-family:Orbitron,Rajdhani,monospace;font-weight:700;font-size:1rem;color:#fff;text-shadow:0 0 10px rgba(100,50,150,.6),0 0 20px rgba(100,50,150,.3);letter-spacing:.05em}.freq-value-text{font-family:Orbitron,Rajdhani,monospace;font-weight:600;font-size:.9rem;color:#643296;text-shadow:0 0 8px rgba(100,50,150,.8);letter-spacing:.1em}.playback-btn.playing{background:#c83232cc;animation:playback-pulse 2s ease-in-out infinite}.playback-btn.playing:hover{background:#c83232}@keyframes playback-pulse{0%,to{box-shadow:0 0 #c83232b3}50%{box-shadow:0 0 0 8px #c8323200}}.timer-display{display:flex;align-items:center;gap:.25rem;color:#ffffffb3;font-size:.85rem}.timer-display-chunky{display:flex;align-items:center;gap:.5rem;background:#64329633;border:2px solid rgba(100,50,150,.5);border-radius:8px;padding:.5rem 1rem;font-family:Orbitron,Rajdhani,monospace;font-weight:700;letter-spacing:.1em;box-shadow:0 0 15px #6432964d,inset 0 0 10px #6432961a;animation:timer-pulse 2s ease-in-out infinite}.timer-countdown{font-family:Orbitron,Rajdhani,monospace;font-weight:800;font-size:1.1rem;color:#fff;text-shadow:0 0 10px rgba(100,50,150,.8),0 0 20px rgba(100,50,150,.5);letter-spacing:.15em;min-width:80px;text-align:center}@keyframes timer-pulse{0%,to{box-shadow:0 0 15px #6432964d,inset 0 0 10px #6432961a;border-color:#64329680}50%{box-shadow:0 0 25px #64329699,inset 0 0 15px #64329633;border-color:#643296cc}}.timer-display-chunky svg{color:#643296e6;filter:drop-shadow(0 0 5px rgba(100,50,150,.8))}.playback-controls{display:flex;align-items:center;gap:.5rem}.volume-control{display:flex;align-items:center;gap:.5rem;color:#fff}.volume-slider{width:100px;height:4px;background:#fff3;border-radius:2px;outline:none;-webkit-appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#643296;border-radius:50%;cursor:pointer}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:#643296;border-radius:50%;cursor:pointer;border:none}.volume-value{font-size:.8rem;color:#ffffffb3;min-width:35px}.background-sound-control{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#64329626;border-radius:8px;border:1px solid rgba(100,50,150,.3)}.background-sound-control svg{color:#643296e6;flex-shrink:0}.background-sound-name{font-size:.75rem;color:#fffc;white-space:nowrap;min-width:60px;max-width:100px;overflow:hidden;text-overflow:ellipsis}.background-sound-slider{width:80px;height:4px;background:#fff3;border-radius:2px;outline:none;-webkit-appearance:none}.background-sound-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#643296;border-radius:50%;cursor:pointer}.background-sound-slider::-moz-range-thumb{width:12px;height:12px;background:#643296;border-radius:50%;cursor:pointer;border:none}.background-sound-volume-value{font-size:.75rem;color:#ffffffb3;min-width:30px;text-align:right}.timer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:10000;pointer-events:auto}.timer-modal{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:10001;padding:0;overflow:visible;pointer-events:none;max-width:100vw}.timer-modal-content{background:#1a1a2efa;border:1px solid rgba(255,255,255,.1);border-radius:12px 12px 0 0;padding:1.5rem;min-width:300px;max-width:500px;width:100%;color:#fff;margin:0;box-shadow:0 -4px 20px #00000080;pointer-events:auto}.timer-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.timer-modal-content h3{margin:0;color:#fff;flex:1}.timer-modal-close-x{background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000004d;margin-left:1rem;flex-shrink:0}.timer-modal-close-x:hover{background:#dc3232cc;border-color:#ff5050;transform:scale(1.1);box-shadow:0 4px 12px #dc323280}.timer-input-group{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.timer-input{padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1.2rem;width:80px;text-align:center}.timer-input-group span{font-size:1rem;color:#ffffffb3}.timer-modal-actions{display:flex;gap:.5rem;flex-wrap:wrap}.timer-btn{padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem}.timer-btn:hover{background:#6432964d;border-color:#64329680}.timer-btn.primary{background:#64329699;border-color:#643296cc}.timer-btn.primary:hover{background:#643296cc}.timer-btn.secondary{background:#c832324d;border-color:#c8323280}.timer-btn.secondary:hover{background:#c8323280}@media (max-width: 768px){.playback-bar-content{flex-wrap:wrap;gap:.5rem}.playback-info{width:100%;order:3}.volume-control{flex:1}.volume-slider{width:80px}.background-sound-control{padding:.4rem;gap:.4rem}.background-sound-name{min-width:50px;max-width:80px;font-size:.7rem}.background-sound-slider{width:60px}.background-sound-volume-value{min-width:25px;font-size:.7rem}.timer-modal{bottom:70px}.timer-modal-content{max-width:100%;border-radius:12px 12px 0 0;padding:1.25rem}}.playback-bar-advanced{max-width:1200px;margin:0 auto;width:100%}.admob-native-ad-container{width:100%;margin:20px 0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100px}.native-ad-container{width:100%;max-width:100%;min-height:100px;background:transparent;border-radius:12px;overflow:hidden;position:relative}.native-ad-container *{max-width:100%}.ad-loading{display:flex;justify-content:center;align-items:center;min-height:100px;width:100%}.ad-loading-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:#ffffff80;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ad-error{display:none}@media (max-width: 768px){.admob-native-ad-container{margin:16px 0;padding:0 8px}.native-ad-container{min-height:80px}}@media (min-width: 769px){.admob-native-ad-container{max-width:600px;margin:24px auto}}.app-footer{background:#1a1a2ef2;border-top:1px solid rgba(255,255,255,.1);margin-top:4rem;padding:3rem 1rem 2rem;color:#fffc}.footer-content{max-width:1200px;margin:0 auto}.footer-main{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 1rem;font-family:Orbitron,Rajdhani,monospace;background:linear-gradient(135deg,#643296,#3264c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand p{color:#ffffffb3;line-height:1.6;font-size:.95rem;margin-bottom:1.5rem}.footer-download{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.download-button{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#643296e6,#3264c8e6);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 12px #6432964d;border:1px solid rgba(255,255,255,.1);font-family:Rajdhani,sans-serif}.download-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #64329680;background:linear-gradient(135deg,#643296,#3264c8)}.download-button:active{transform:translateY(0)}.download-icon{font-size:1.25rem}.play-store-button{padding:0;background:transparent;border:none;box-shadow:none;display:inline-block}.play-store-button:hover{background:transparent;box-shadow:none;transform:translateY(-2px)}.play-store-badge{height:60px;width:auto;display:block;transition:all .3s ease}.play-store-badge:hover{opacity:.9}.download-note{margin:.75rem 0 0;color:#ffffff80;font-size:.8rem;font-style:italic}.download-update-date{margin:.5rem 0 0;color:#fff6;font-size:.75rem;font-style:normal}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-category h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em;font-family:Orbitron,Rajdhani,monospace}.footer-category ul{list-style:none;padding:0;margin:0}.footer-category li{margin-bottom:.75rem}.footer-category a{color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:all .3s ease;display:block;line-height:1.5}.footer-category a:hover{color:#643296;transform:translate(4px);text-shadow:0 0 8px rgba(100,50,150,.5)}.footer-bottom{display:flex;flex-direction:column;gap:1rem;text-align:center}.footer-meta{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-meta p{margin:0;color:#fff9;font-size:.85rem}.footer-links-inline{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.footer-links-inline a{color:#ffffffb3;text-decoration:none;font-size:.85rem;transition:color .3s ease}.footer-links-inline a:hover{color:#643296}.footer-links-inline span{color:#fff6}.footer-disclaimer{margin:0;color:#ffffff80;font-size:.8rem;font-style:italic;line-height:1.5}@media (max-width: 968px){.footer-main{grid-template-columns:1fr;gap:2rem}.footer-links{grid-template-columns:repeat(2,1fr);gap:2rem}}.mobile-footer{padding:1.5rem 1rem}.footer-mobile{display:flex;flex-direction:column;gap:1.5rem}.footer-brand-mobile h3{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 .5rem;font-family:Orbitron,Rajdhani,monospace;background:linear-gradient(135deg,#643296,#3264c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.footer-links-mobile{display:flex;flex-direction:column;gap:1rem}.footer-category-mobile h4{color:#643296;font-size:.85rem;font-weight:600;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em;font-family:Orbitron,Rajdhani,monospace}.footer-category-mobile ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.footer-category-mobile li{margin:0}.footer-category-mobile a{color:#ffffffb3;text-decoration:none;font-size:.75rem;transition:all .3s ease;padding:.25rem .5rem;background:#6432961a;border:1px solid rgba(100,50,150,.3);border-radius:6px;display:inline-block}.footer-category-mobile a:hover{color:#643296;background:#64329633;border-color:#64329680}.footer-bottom-mobile{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;display:flex;flex-direction:column;gap:.5rem}.footer-copyright-mobile{margin:0;color:#ffffff80;font-size:.75rem}.footer-disclaimer-mobile{margin:0;color:#fff6;font-size:.7rem;font-style:italic;line-height:1.4}@media (max-width: 640px){.footer-links{grid-template-columns:1fr;gap:2rem}.footer-meta{flex-direction:column}.footer-links-inline{flex-direction:column;gap:.5rem}.footer-links-inline span{display:none}}.article-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2rem 1rem;color:#ffffffe6}.article-content{max-width:800px;margin:0 auto;background:#1a1a2ecc;border-radius:12px;padding:3rem;box-shadow:0 8px 32px #0000004d}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#6432964d;border:1px solid rgba(100,50,150,.5);border-radius:8px;color:#fff;text-decoration:none;font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-bottom:2rem}.back-button:hover{background:#64329680;border-color:#643296b3;transform:translate(-4px)}.article-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid rgba(100,50,150,.3)}.article-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:#fff;line-height:1.2;font-family:Orbitron,Rajdhani,monospace;background:linear-gradient(135deg,#643296,#3264c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-excerpt{font-size:1.2rem;color:#fffc;line-height:1.6;margin:0 0 1rem;font-weight:300}.article-meta{display:flex;align-items:center;gap:1rem;color:#fff9;font-size:.9rem}.article-reading-time{color:#643296;font-weight:500}.article-body{line-height:1.8}.article-section{margin-bottom:2.5rem}.section-heading{font-size:1.8rem;font-weight:600;margin:0 0 1.5rem;color:#fff;font-family:Orbitron,Rajdhani,monospace}.section-paragraph{font-size:1.05rem;margin:0 0 1.5rem;color:#ffffffd9;line-height:1.8}.section-list{margin:1.5rem 0;padding-left:2rem;color:#ffffffd9}.section-list li{margin-bottom:.75rem;line-height:1.7;font-size:1.05rem}.article-faq{margin-top:4rem;padding-top:3rem;border-top:2px solid rgba(100,50,150,.3)}.faq-heading{font-size:2rem;font-weight:700;margin:0 0 2rem;color:#fff;font-family:Orbitron,Rajdhani,monospace}.faq-list{display:flex;flex-direction:column;gap:2rem}.faq-item{background:#6432961a;border:1px solid rgba(100,50,150,.3);border-radius:8px;padding:1.5rem}.faq-question{font-size:1.2rem;font-weight:600;margin:0 0 1rem;color:#fff}.faq-answer{font-size:1.05rem;margin:0;color:#ffffffd9;line-height:1.7}.article-related{margin-top:4rem;padding-top:3rem;border-top:2px solid rgba(100,50,150,.3)}.related-heading{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;color:#fff;font-family:Orbitron,Rajdhani,monospace}.related-list{list-style:none;padding:0;margin:0}.related-list li{margin-bottom:1rem}.related-link{color:#643296;text-decoration:none;font-size:1.05rem;transition:all .3s ease;display:inline-block}.related-link:hover{color:#3264c8;transform:translate(4px);text-shadow:0 0 8px rgba(100,50,150,.5)}.article-not-found{max-width:600px;margin:0 auto;text-align:center;padding:4rem 2rem}.article-not-found h1{font-size:2.5rem;margin:0 0 1rem;color:#fff}.article-not-found p{font-size:1.2rem;color:#ffffffb3;margin-bottom:2rem}.article-cta{margin-top:4rem;padding:2rem;background:#64329626;border:2px solid rgba(100,50,150,.4);border-radius:12px;text-align:center}.cta-text{font-size:1.2rem;color:#fff;margin:0 0 1.5rem;font-weight:500}.cta-button{padding:1rem 2rem;background:linear-gradient(135deg,#643296cc,#3264c8cc);border:2px solid rgba(100,50,150,.6);border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Orbitron,Rajdhani,monospace}.cta-button:hover{background:linear-gradient(135deg,#643296,#3264c8);transform:translateY(-2px);box-shadow:0 8px 20px #64329666}@media (max-width: 768px){.article-content{padding:2rem 1.5rem}.article-title{font-size:2rem}.article-excerpt{font-size:1.1rem}.section-heading{font-size:1.5rem}}.technology-page{min-height:100vh;padding:2rem 1rem;color:#fff;position:relative;z-index:1}.technology-container{max-width:1200px;margin:0 auto}.technology-header{text-align:center;margin-bottom:3rem}.technology-header h1{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#643296,#9664c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.technology-subtitle{font-size:1.2rem;color:#fffc;max-width:800px;margin:0 auto;line-height:1.6}.technology-intro{background:#6432961a;border:1px solid rgba(100,50,150,.3);border-radius:12px;padding:2rem;margin-bottom:3rem;font-size:1.1rem;line-height:1.8;color:#ffffffe6}.comparison-section{margin-bottom:4rem}.comparison-section h2{font-size:2rem;margin-bottom:2rem;color:#643296}.comparison-table{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border:1px solid rgba(100,50,150,.3);border-radius:12px;overflow:hidden;background:#0000004d}.comparison-header,.comparison-row{display:contents}.comparison-cell{padding:1.5rem;border-bottom:1px solid rgba(100,50,150,.2)}.comparison-row:last-child .comparison-cell{border-bottom:none}.comparison-cell:not(:last-child){border-right:1px solid rgba(100,50,150,.2)}.feature-header,.standard-header,.advanced-header{font-weight:700;font-size:1.1rem;text-align:center}.feature-header{background:#64329633;color:#643296}.standard-header{background:#96323233;color:#ff9696}.advanced-header{background:#32963233;color:#96ff96}.feature-label{font-weight:600;display:flex;align-items:center;gap:.75rem;color:#ffffffe6}.standard-value{color:#ff9696e6;text-align:center}.advanced-value{color:#96ff96e6;text-align:center;font-weight:500}.technical-details{margin-bottom:4rem}.technical-details h2{font-size:2rem;margin-bottom:2rem;color:#643296}.feature-detail{display:flex;gap:2rem;margin-bottom:3rem;padding:2rem;background:#0000004d;border:1px solid rgba(100,50,150,.3);border-radius:12px;transition:all .3s ease}.feature-detail:hover{border-color:#64329699;background:#0006}.feature-icon{flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#6432964d;border-radius:12px;color:#643296}.feature-content{flex:1}.feature-content h3{font-size:1.5rem;margin-bottom:1rem;color:#643296}.feature-content p{margin-bottom:1rem;line-height:1.8;color:#ffffffe6}.feature-content strong{color:#643296}.tech-list{margin:1rem 0;padding-left:1.5rem;color:#fffc;line-height:1.8}.tech-list li{margin-bottom:.5rem}.feature-content code{background:#64329633;padding:.2rem .5rem;border-radius:4px;font-family:Courier New,monospace;color:#9664c8;font-size:.9em}.why-it-matters{margin-bottom:4rem}.why-it-matters h2{font-size:2rem;margin-bottom:2rem;color:#643296;text-align:center}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.benefit-card{padding:2rem;background:#0000004d;border:1px solid rgba(100,50,150,.3);border-radius:12px;transition:all .3s ease}.benefit-card:hover{border-color:#64329699;transform:translateY(-4px);box-shadow:0 8px 24px #64329633}.benefit-card h3{font-size:1.3rem;margin-bottom:1rem;color:#643296}.benefit-card p{line-height:1.8;color:#fffc}.technical-note{margin-bottom:2rem}@media (max-width: 768px){.technology-header h1{font-size:1.8rem}.technology-subtitle{font-size:1rem}.comparison-table{grid-template-columns:1fr;font-size:.9rem}.comparison-cell:not(:last-child){border-right:none}.comparison-cell{padding:1rem}.feature-detail{flex-direction:column;gap:1rem;padding:1.5rem}.feature-icon{width:50px;height:50px}.benefits-grid{grid-template-columns:1fr}.technology-intro{padding:1.5rem;font-size:1rem}}.privacy-page{min-height:100vh;padding:2rem 1rem;color:#fff;position:relative;z-index:1}.privacy-container{max-width:900px;margin:0 auto}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#6432964d;border:1px solid rgba(100,50,150,.5);border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;transition:all .3s ease;margin-bottom:2rem}.back-button:hover{background:#64329680;border-color:#643296cc;transform:translate(-2px)}.privacy-header{text-align:center;margin-bottom:3rem}.privacy-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#6432964d;border-radius:50%;margin-bottom:1.5rem;color:#643296}.privacy-header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,#643296,#9664c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.privacy-subtitle{font-size:1rem;color:#ffffffb3}.privacy-intro{background:#6432961a;border:1px solid rgba(100,50,150,.3);border-radius:12px;padding:2rem;margin-bottom:3rem;font-size:1.1rem;line-height:1.8;color:#ffffffe6}.privacy-intro p{margin-bottom:1rem}.privacy-intro p:last-child{margin-bottom:0}.privacy-section{margin-bottom:3rem;padding:2rem;background:#0000004d;border:1px solid rgba(100,50,150,.3);border-radius:12px;transition:all .3s ease}.privacy-section:hover{border-color:#64329699;background:#0006}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(100,50,150,.3)}.section-header svg{color:#643296;flex-shrink:0}.section-header h2{font-size:1.8rem;color:#643296;margin:0}.section-content{line-height:1.8;color:#ffffffe6}.section-content h3{font-size:1.3rem;color:#643296;margin-top:1.5rem;margin-bottom:1rem}.section-content h3:first-child{margin-top:0}.section-content p{margin-bottom:1rem}.section-content ul{margin:1rem 0;padding-left:2rem;color:#fffc}.section-content ul ul{margin-top:.5rem;margin-bottom:.5rem;padding-left:1.5rem}.section-content li{margin-bottom:.75rem;line-height:1.7}.section-content strong{color:#643296}.section-content a{color:#9664c8;text-decoration:underline;transition:color .3s ease}.section-content a:hover{color:#c896ff}.third-party-list{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem}.third-party-item{padding:1.5rem;background:#6432961a;border:1px solid rgba(100,50,150,.3);border-radius:8px}.third-party-item h3{font-size:1.2rem;color:#643296;margin-top:0;margin-bottom:1rem}.third-party-item p{margin-bottom:.75rem}.contact-info{margin-top:1rem;padding:1.5rem;background:#6432961a;border:1px solid rgba(100,50,150,.3);border-radius:8px}.contact-info p{margin-bottom:1rem}.contact-info p:last-child{margin-bottom:0}.privacy-note{margin-top:3rem;margin-bottom:2rem}.note-box{padding:2rem;background:#6432961a;border:1px solid rgba(100,50,150,.4);border-radius:12px;border-left:4px solid rgba(100,50,150,1)}.note-box h3{font-size:1.3rem;margin-bottom:1rem;color:#643296}.note-box p{line-height:1.8;color:#ffffffe6;margin-bottom:1rem}.note-box p:last-child{margin-bottom:0}@media (max-width: 768px){.privacy-page{padding:1rem .5rem}.privacy-header h1{font-size:1.8rem}.privacy-icon{width:60px;height:60px}.privacy-icon svg{width:32px;height:32px}.privacy-intro{padding:1.5rem;font-size:1rem}.privacy-section{padding:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.section-header h2{font-size:1.5rem}.section-content h3{font-size:1.1rem}.section-content ul{padding-left:1.5rem}.third-party-item{padding:1rem}.note-box{padding:1.5rem}}.app{min-height:100vh;position:relative;background:radial-gradient(ellipse at center,#1a1a2e,#0a0a0f);overflow-y:auto}.app-content{position:relative;z-index:1;min-height:100vh;padding-bottom:120px;background:transparent;pointer-events:auto}@media (max-width: 768px){.app-content{padding-bottom:120px}}*{margin:0;padding:0;box-sizing:border-box}html{min-height:100%;overflow-y:auto}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;color:#fff;min-height:100vh;overflow-y:auto}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#64329680;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#643296b3}