body{background-color:#0a0a15;color:#c8c8d8;font-family:Segoe UI,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;transition:background-color 6s ease;background-image:radial-gradient(circle at 50% 50%,#1a1a2e,#0f0f1a);overflow:hidden}.container{background-color:#0f0f1ea6;border-radius:15px;padding:25px;width:90%;max-width:950px;text-align:center;box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(100,120,180,.1);position:relative;z-index:1}h1{margin-top:0;background:linear-gradient(to right,#6e8eff,#a472f5);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600;font-size:2.2rem;letter-spacing:1px}.subtitle{color:#a0a0d0;margin-bottom:25px;font-weight:300;font-style:italic}button{background:linear-gradient(to right,#a472f5,#6e8eff);color:#fff;border:none;padding:13px 28px;margin:10px;border-radius:30px;cursor:pointer;font-weight:500;font-size:1rem;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 15px #6e8eff66}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6e8eff99}button:active{transform:translateY(1px)}button:disabled{background:#4a4a65;cursor:not-allowed;transform:none;box-shadow:none}.controls{margin:25px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.controls-column{flex:1;min-width:300px;display:flex;flex-direction:column;gap:15px}.slider-container{margin:15px 0;display:flex;flex-direction:column;align-items:center}label{margin-bottom:10px;color:#a0a0d0;font-weight:300}.slider{width:85%;-webkit-appearance:none;height:6px;background:#2c2c45;border-radius:3px;outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(to bottom right,#a472f5,#6e8eff);cursor:pointer;transition:all .2s;box-shadow:0 0 10px #6e8eff66}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 15px #6e8eff99}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(to bottom right,#a472f5,#6e8eff);cursor:pointer;transition:all .2s;box-shadow:0 0 10px #6e8eff66;border:none}.slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 15px #6e8eff99}.slider::-moz-range-track{width:100%;height:6px;background:#2c2c45;border-radius:3px;cursor:pointer}#status{margin-top:20px;font-style:italic;color:#a0a0d0;font-weight:300}.visualizer-container{position:relative;height:80px;margin:30px 0;display:flex;align-items:center;justify-content:center}.visualizer{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:100%}.bar{width:6px;height:3px;background:linear-gradient(to top,#6e8eff,#a472f5);border-radius:3px;transition:height .3s ease;align-self:flex-end}.glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:40px;background:radial-gradient(ellipse at center,#64b4ff26,#64b4ff00 70%);border-radius:50%;filter:blur(12px);z-index:-1;transition:all .5s ease}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.star{position:absolute;width:2px;height:2px;background-color:#fff;border-radius:50%;opacity:.5;animation:float 8s infinite ease-in-out;z-index:0}.control-group{margin-top:0;display:flex;flex-direction:column;align-items:center;width:100%}.control-group label{margin-bottom:8px}.select-control{background-color:#2c2c45;color:#e1e1e6;border:1px solid #4a4a65;border-radius:5px;padding:8px 12px;margin-top:5px;cursor:pointer;font-family:inherit;font-size:.9rem;min-width:150px;text-align:center}.select-control:focus{outline:none;border-color:#6e8eff;box-shadow:0 0 5px #6e8eff80}.control-group .slider-container{width:100%;margin:12px 0}.control-group .slider{width:100%}.control-group .slider-container span{margin-top:8px}.toggle-group{flex-direction:row;justify-content:center;align-items:center;gap:15px;margin-top:25px}.toggle-group label:first-of-type{margin-bottom:0}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4a4a65;transition:.4s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.toggle-slider{background:linear-gradient(to right,#a472f5,#6e8eff)}input:focus+.toggle-slider{box-shadow:0 0 1px #6e8eff}input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-slider.round{border-radius:24px}.toggle-slider.round:before{border-radius:50%}.preset-manager{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);width:100%}.preset-title{color:#a0a0d0;font-weight:400;margin-bottom:15px;font-size:1.1rem}.preset-save,.preset-load{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:15px;width:100%}.preset-input{flex-grow:1;min-width:120px;max-width:200px;padding:8px 10px;background-color:#1f1f38;border:1px solid #4a4a65;border-radius:5px;color:#e1e1e6;font-size:.9rem}.preset-input:focus{outline:none;border-color:#6e8eff}.preset-button{padding:8px 18px;font-size:.9rem;margin:0;flex-shrink:0}.preset-select{flex-grow:1;min-width:120px;max-width:200px;margin:0;text-align-last:center}.preset-delete{background:linear-gradient(to right,#e74c3c,#c0392b);box-shadow:0 4px 15px #e74c3c66}.preset-delete:hover{box-shadow:0 6px 20px #e74c3c99}.preset-load .preset-button{margin-left:5px}.preset-load .preset-button:first-of-type{margin-left:0}.button-group{flex-direction:row;justify-content:center;gap:15px}.soundscape-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;margin:0 auto 10px;border-radius:30px;border:1px solid rgba(168,162,154,.22);background:#0a0a0c99}.soundscape-switch button{margin:0;padding:9px 26px;border-radius:26px;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:#9a948c;background:transparent;box-shadow:none;transition:all .3s ease}.soundscape-switch button:hover{transform:none;color:#d8d2c8;box-shadow:none;background:#a8a29a14}.soundscape-switch button.active{color:#121212;background:linear-gradient(to bottom,#cfc7ba,#8f887d);box-shadow:0 2px 12px #a8a29a40}.container.ritual-mode{background-color:#121212d1;border:1px solid rgba(168,162,154,.14);box-shadow:0 8px 40px #0009}.container.ritual-mode h1{background:linear-gradient(to right,#d5cec2,#8b8479);-webkit-background-clip:text;background-clip:text}.container.ritual-mode .subtitle{color:#8f887d}.container.ritual-mode .bar{background:linear-gradient(to top,#6d675e,#cfc7ba)}.container.ritual-mode .select-control{background-color:#1c1c1c;border-color:#3a382f;color:#d8d2c8}.container.ritual-mode .select-control:focus{border-color:#8f887d;box-shadow:0 0 5px #a8a29a59}.container.ritual-mode .slider{background:#2a2926}.container.ritual-mode .slider::-webkit-slider-thumb{background:linear-gradient(to bottom right,#cfc7ba,#8b8479);box-shadow:0 0 10px #a8a29a59}.container.ritual-mode .slider::-moz-range-thumb{background:linear-gradient(to bottom right,#cfc7ba,#8b8479);box-shadow:0 0 10px #a8a29a59}.container.ritual-mode .slider::-moz-range-track{background:#2a2926}.container.ritual-mode input:checked+.toggle-slider{background:linear-gradient(to right,#8b8479,#cfc7ba)}.container.ritual-mode input:focus+.toggle-slider{box-shadow:0 0 1px #8f887d}.container.ritual-mode label,.container.ritual-mode #status{color:#8f887d}.ritual-panel{background:#121212;border:1px solid rgba(168,162,154,.16);border-radius:14px;padding:30px 26px;margin:10px 0 25px;display:flex;flex-direction:column;align-items:center;gap:22px;box-shadow:inset 0 0 70px #000000bf}.ritual-orb-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}.ritual-orb{position:relative;width:76px;height:76px;border-radius:50%;border:1px solid rgba(168,162,154,.3);background:radial-gradient(circle at 50% 42%,#a8a29a29,#121212e6 72%)}.ritual-orb:after{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;border:1px solid rgba(168,162,154,.1)}.ritual-orb.state-tonic{border-color:#cfc7ba8c;animation:ritual-breathe 4.5s ease-in-out infinite}.ritual-orb.state-breaking{border-color:#cfc7ba73;animation:ritual-flicker .55s ease-in-out infinite}.ritual-orb.state-broken{opacity:.28;border-style:dashed}.ritual-orb.state-returning{border-color:#e6cda0b3;animation:ritual-breathe 1.1s ease-in-out infinite}.ritual-orb.state-idle{opacity:.45}@keyframes ritual-breathe{0%,to{transform:scale(1);box-shadow:0 0 #cfc7ba00}50%{transform:scale(1.12);box-shadow:0 0 34px #cfc7ba47}}@keyframes ritual-flicker{0%,to{transform:scale(1) rotate(0);opacity:1}35%{transform:scale(.92) rotate(2deg);opacity:.55}70%{transform:scale(1.05) rotate(-1deg);opacity:.85}}.ritual-orb-label{display:flex;flex-direction:column;align-items:center;gap:4px}.ritual-orb-label strong{color:#d8d2c8;font-weight:400;font-size:1.05rem;letter-spacing:.28em;text-transform:uppercase}.ritual-orb-label span{color:#6f6a62;font-size:.8rem;font-style:italic;letter-spacing:.05em}.ritual-toggle{width:100%;max-width:360px;margin:0;padding:19px 30px;font-size:1rem;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:#d8d2c8;background:linear-gradient(to bottom,#262420,#161514);border:1px solid rgba(168,162,154,.32);border-radius:6px;box-shadow:0 6px 26px #0000008c}.ritual-toggle:hover{transform:translateY(-1px);color:#efe9df;border-color:#cfc7ba8c;box-shadow:0 8px 30px #0009}.ritual-toggle:active{transform:translateY(1px)}.ritual-toggle.is-playing{color:#e8dcc4;background:linear-gradient(to bottom,#33291d,#1a1510);border-color:#c49c646b;box-shadow:0 6px 26px #0000008c,inset 0 0 22px #c49c6414}.ritual-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;width:100%;padding-top:18px;border-top:1px solid rgba(168,162,154,.12)}.ritual-controls .control-group{width:auto;min-width:150px;margin:0}.ritual-controls .slider-container{margin:0;width:auto;min-width:150px;max-width:190px}.ritual-controls .slider{width:100%}.ritual-controls .toggle-group{flex-direction:row;justify-content:center;align-items:center;gap:12px}.ritual-controls .toggle-group label{margin-bottom:0}.ritual-engine-note{color:#5c5851;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}