@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes noise-anim{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}:root{--text:#ecebea;--text-muted:#aaa;--bg:#050505;--serif:"Caudex", serif;--sans:"DM Sans", sans-serif}body{background-color:var(--bg);color:var(--text);font-family:var(--sans);font-weight:300}#root{flex-direction:column;display:flex}a{color:inherit;text-decoration:none}h1,h2{font-family:var(--serif);color:var(--text);font-weight:400}h1{letter-spacing:.5px;font-size:clamp(2.5rem,5vw,5rem)}h2{letter-spacing:.5px;font-size:clamp(1.2rem,2.5vw,1.6rem)}p{margin:0}.bg-container{z-index:-3;background:linear-gradient(135deg,#000 0%,#131216 25%,#0b0c13 50%,#17171c 75%,#000 100%) 0 0/400% 400%;width:100%;height:100%;animation:20s infinite gradient-shift;position:fixed;top:0;left:0}.bg-noise-canvas{pointer-events:none;z-index:-2;width:100%;height:100%;image-rendering:pixelated;opacity:0;transition:opacity 1.5s;position:fixed;top:0;left:0}.spirit-box{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0;overflow:hidden}.spirit-phases{width:100%;max-width:520px;display:grid}.spirit-phases>*{grid-area:1/1}.spirit-phase-gate{text-align:center;opacity:1;pointer-events:auto;flex-direction:column;align-items:center;gap:1rem;transition:opacity .6s,transform .6s;display:flex;transform:translateY(0)}.spirit-phase-gate.exit{opacity:0;pointer-events:none;transform:translateY(20px)}.spirit-phase-main{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:1rem;width:100%;transition:opacity .6s .3s,transform .6s .3s;display:flex;transform:translateY(-20px)}.spirit-phase-main.enter{opacity:1;pointer-events:auto;transform:translateY(0)}.spirit-title{font-family:var(--serif);letter-spacing:.15em;text-transform:uppercase;color:var(--text);margin-bottom:.5rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:400;animation:4s ease-in-out infinite flicker}.spirit-subtitle{font-family:var(--sans);color:var(--text-muted);letter-spacing:.08em;margin-bottom:0;font-size:clamp(.85rem,2vw,1.1rem);font-weight:300}.spirit-form{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:520px;display:flex}.spirit-input{width:100%;font-family:var(--sans);color:var(--text);letter-spacing:.03em;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;outline:none;padding:1rem 1.25rem;font-size:1rem;font-weight:300;transition:border-color .3s,box-shadow .3s}.spirit-input::placeholder{color:#ffffff40;font-style:italic}.spirit-input:focus{border-color:#ffffff40;box-shadow:0 0 20px #ffffff08}.spirit-input:disabled{opacity:.5}.spirit-button{font-family:var(--serif);letter-spacing:.15em;text-transform:uppercase;color:var(--text);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:4px;padding:.75rem 2.5rem;font-size:1rem;font-weight:400;transition:all .3s}.spirit-button:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 16px #0006}.spirit-button:disabled{opacity:.35;cursor:default}.spirit-button.sever{color:#ff8c8ce6;border-color:#ff50504d}.spirit-button.sever:hover{background:#ff50500d;border-color:#ff505080}.spirit-response{opacity:0;width:100%;max-width:520px;min-height:3rem;margin-top:2.5rem;transition:opacity .6s,transform .6s;transform:translateY(8px)}.spirit-response.visible,.spirit-response.channeling{opacity:1;transform:translateY(0)}.spirit-static{letter-spacing:.6em;color:var(--text-muted);font-size:1.5rem;animation:1s ease-in-out infinite pulse-static}.spirit-message{font-family:var(--serif);color:var(--text);letter-spacing:.02em;opacity:.85;text-align:center;word-break:break-all;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:400;line-height:1.8;animation:.8s fade-in}.spirit-subtitle-text{font-family:var(--serif);color:var(--text);letter-spacing:.03em;text-align:center;text-transform:uppercase;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:400;line-height:1.6;animation:.3s fade-in}.spirit-error{font-family:var(--sans);color:var(--text-muted);font-size:.95rem;font-style:italic;font-weight:300}@keyframes flicker{0%,to{opacity:.9}5%{opacity:.85}10%{opacity:.92}50%{opacity:.88}55%{opacity:.95}60%{opacity:.82}}@keyframes pulse-static{0%,to{opacity:.3}50%{opacity:.8}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:.85;transform:translateY(0)}}@keyframes button-pulse{0%,to{box-shadow:0 0 #ffffff0f}50%{box-shadow:0 0 16px 2px #ffffff0f}}.dev-settings{z-index:9999;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.dev-settings-toggle{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.dev-settings-toggle:hover{color:var(--text);background:#ffffff14}.dev-settings-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0cd9;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;gap:.6rem;padding:1rem 1.25rem;animation:.2s fade-in;display:flex}.dev-settings-label{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:300}.dev-toggle{border:1px solid #ffffff1a;border-radius:4px;gap:0;display:flex;overflow:hidden}.dev-toggle-option{font-family:var(--sans);letter-spacing:.04em;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.4rem .9rem;font-size:.8rem;font-weight:300;transition:all .2s}.dev-toggle-option:not(:last-child){border-right:1px solid #ffffff1a}.dev-toggle-option.active{color:var(--text);background:#ffffff14}.dev-toggle-option:hover:not(.active){background:#ffffff0a}.dev-settings-desc{font-family:var(--sans);color:var(--text-muted);opacity:.7;max-width:200px;font-size:.72rem;font-weight:300;line-height:1.4}.dev-volume-sliders{flex-direction:column;gap:.45rem;display:flex}.dev-volume-row{align-items:center;gap:.5rem;display:flex}.dev-volume-name{font-family:var(--sans);color:var(--text-muted);flex-shrink:0;width:60px;font-size:.72rem;font-weight:300}.dev-volume-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;outline:none;flex:1;height:4px}.dev-volume-slider::-webkit-slider-thumb{appearance:none;background:#fff9;border:1px solid #fff3;border-radius:50%;width:12px;height:12px;transition:background .15s}.dev-volume-slider::-webkit-slider-thumb:hover{background:#ffffffd9}.dev-volume-slider::-moz-range-thumb{background:#fff9;border:1px solid #fff3;border-radius:50%;width:12px;height:12px;transition:background .15s}.dev-volume-value{font-family:var(--sans);font-variant-numeric:tabular-nums;color:var(--text-muted);text-align:right;flex-shrink:0;width:32px;font-size:.68rem;font-weight:300}.spirit-button.opening{opacity:1;cursor:default;border-color:#ffffff40;animation:2s ease-in-out infinite pulse-static}.audio-gate-text{font-family:var(--sans);color:var(--text-muted);letter-spacing:.04em;font-size:clamp(.85rem,2vw,1.05rem);font-weight:300;line-height:1.8}.audio-gate-hint{font-family:var(--sans);color:#ffffff40;letter-spacing:.03em;margin:0;font-size:.75rem;font-weight:300}.dev-audio-streams{z-index:1000;gap:.5rem;display:flex;position:fixed;bottom:1rem;left:1rem}.dev-stream{font-family:var(--sans);letter-spacing:.05em;text-transform:uppercase;color:#ffffff40;background:#ffffff0f;border:1px solid #ffffff14;border-radius:3px;padding:.25rem .55rem;font-size:.7rem;font-weight:500;transition:all .3s}.dev-stream.active{color:#50dc78e6;background:#50dc7826;border-color:#50dc784d}@media only screen and (width<=480px){.spirit-box{padding:1.5rem}.spirit-subtitle{margin-bottom:0}.spirit-form{max-width:100%}.spirit-input{padding:.85rem 1rem;font-size:.95rem}.spirit-button{padding:.65rem 2rem;font-size:.9rem}.spirit-response{margin-top:1.5rem}}.limit-overlay{z-index:100;justify-content:center;align-items:center;animation:.4s limit-overlay-in;display:flex;position:fixed;inset:0}.limit-overlay-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;position:absolute;inset:0}.limit-overlay-card{text-align:center;background:#101010f2;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;align-items:center;gap:1.25rem;width:calc(100% - 3rem);max-width:440px;padding:2.5rem 2rem;display:flex;position:relative;box-shadow:0 0 60px #0009}.limit-overlay-message{font-family:var(--serif);color:var(--text);letter-spacing:.02em;margin:0;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:400;line-height:1.7}.limit-overlay-hint{font-family:var(--sans);color:var(--text-muted);margin:0;font-size:.9rem;font-weight:300}.limit-overlay-actions{gap:1rem;margin-top:.5rem;display:flex}.limit-overlay-dismiss{opacity:.5}.limit-overlay-dismiss:hover{opacity:.8}@keyframes limit-overlay-in{0%{opacity:0}to{opacity:1}}