:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg0:#1a1916;--bg1:#24221e;--ink:#f2efe8;--ink-soft:#9a948a;--panel:#24221ee6;--line:#f2efe824;--accent:#3ecf9a;--accent-soft:#3ecf9a33;--warn:#f0a07a;--needle:#f2efe8;--chrome:#141311eb;--chrome-hover:#2a2824f5;--meter-track:#f2efe81f;--font-display:"Fraunces", Georgia, serif;--font-body:"Figtree", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--font-hud:"Orbitron", system-ui, sans-serif;color:var(--ink);background:var(--bg0);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg0);min-width:320px;margin:0;transition:background-color .45s}body.body--spiritual{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg0:#1a1916;--bg1:#24221e;--ink:#f2efe8;--ink-soft:#9a948a;--panel:#24221ee6;--line:#f2efe824;--accent:#3ecf9a;--accent-soft:#3ecf9a33;--warn:#f0a07a;--needle:#f2efe8;--chrome:#141311eb;--chrome-hover:#2a2824f5;--meter-track:#f2efe81f;background-color:#1a1726;background-image:radial-gradient(120% 100% at 50% 100%,#2e2a44 0%,#241f36 42%,#1a1726 100%);background-position:50% 42%;background-repeat:no-repeat;background-size:100% 120%;transition:background-color .45s;overflow:hidden}body.body--spiritual:before{content:"";z-index:0;pointer-events:none;background:url(/stars.png) 50%/cover no-repeat;animation:40s ease-in-out infinite alternate stars-wave;position:fixed;inset:0 -6%}body.body--spiritual #root{z-index:1;position:relative}@keyframes stars-wave{0%{transform:translate(-3%)}to{transform:translate(3%)}}button{font:inherit}:root{--z-back:0;--z-hud:1;--z-content:2;--z-chrome:20;--z-grain:25;--z-level:26}.app{box-sizing:border-box;background-color:var(--bg0);flex-direction:column;justify-content:center;gap:1.75rem;width:min(100% - 2rem,34rem);min-height:100dvh;margin:0 auto;padding:2.5rem 0 5.5rem;transition:background-color .45s;display:flex;position:relative}.app:not(.app--spiritual):after{content:"";border:1.5px solid var(--line);pointer-events:none;z-index:40;border-radius:1.75rem;transition:border-color .35s,box-shadow .35s;position:fixed;inset:0}.app--in-tune:not(.app--spiritual):after{box-shadow:0 0 0 4px var(--accent-soft);border-color:#0f6e568c}.app--spiritual{box-sizing:border-box;background:0 0;justify-content:flex-start;gap:1rem;width:100%;max-width:none;min-height:100dvh;margin:0;padding:1rem 0 5.5rem;transition:background-color .45s;position:relative;overflow:hidden}.spiritual-stars{z-index:var(--z-back);pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.spiritual-grain{z-index:var(--z-grain);pointer-events:none;opacity:.05;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:-4%}.spiritual-level{height:3px;z-index:var(--z-level);pointer-events:none;background:#f2efe814;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.spiritual-level__fill{transform-origin:0;background:linear-gradient(90deg, #5c554c, var(--accent));width:100%;height:100%;transition:transform 50ms linear}.spiritual-stars__drift{transform-box:fill-box;transform-origin:50%;animation:60s linear infinite alternate star-drift}@keyframes star-drift{0%{transform:translate(0)}to{transform:translate(60px)}}.app--spiritual .app__main{z-index:var(--z-content);flex:1;justify-content:center;align-items:center;gap:1rem;width:min(100% - 1rem,52rem);min-height:0;margin:0 auto;position:relative}.app__header{text-align:center}.app__brand{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(2.5rem,8vw,3.5rem);font-weight:600;line-height:1}.app__lede{color:var(--ink-soft);margin:.5rem 0 0;font-size:.85rem}.app__main{flex-direction:column;align-items:stretch;gap:1.25rem;display:flex}.display{text-align:center;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;min-height:min(72vh,40rem);padding:3rem 1.25rem;display:flex}.display--idle{opacity:.92}.display--idle .display__level{visibility:hidden}.display__top{flex:none}.display__controls{flex-direction:column;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.display__hint{letter-spacing:.02em;color:var(--ink-soft);min-height:1.25em;margin:0;font-size:.85rem}.display__note{font-family:var(--font-display);letter-spacing:-.04em;margin:.35rem 0 0;font-size:clamp(10rem,44vw,14rem);font-weight:600;line-height:1}.display__meta{font-family:var(--font-mono);color:var(--ink-soft);justify-content:space-between;margin-top:.75rem;font-size:.85rem;display:flex}.display__level{align-items:center;gap:.6rem;margin-top:.85rem;display:flex}.display__level-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:.72rem}.display__level-track{background:var(--meter-track);border-radius:999px;flex:1;height:.4rem;overflow:hidden}.display__level-fill{transform-origin:0;background:linear-gradient(90deg, #5c554c, var(--accent));width:100%;height:100%;transition:transform 50ms linear}.display__sensitivity{flex-direction:column;gap:.45rem;margin-top:.95rem;display:flex}.display__sensitivity-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:baseline;font-size:.72rem;display:flex}.display__sensitivity-value{font-family:var(--font-mono);letter-spacing:0;text-transform:none;color:var(--ink);font-size:.8rem}.display__sensitivity-slider{width:100%;accent-color:var(--accent);cursor:pointer}.needle{width:100%;margin:.25rem 0 1.25rem}.needle__arc{border-bottom:3px solid var(--line);width:min(100%,12rem);height:7rem;margin:0 auto;position:relative;overflow:visible}.needle__marks{width:100%;font-family:var(--font-mono);color:var(--ink-soft);justify-content:space-between;align-items:center;gap:.75rem;margin-top:.55rem;font-size:.7rem;display:flex}.needle__marks-gap{flex:auto}.needle__mark{transform:translateY(5px)}.needle__cue{opacity:.28;border-style:solid;flex:none;width:0;height:0;transition:opacity .12s,border-color .12s}.needle__cue--flat{border-width:16px 0 16px 26px;border-color:transparent transparent transparent var(--ink)}.needle__cue--sharp{border-width:16px 26px 16px 0;border-color:transparent var(--ink) transparent transparent}.needle__cue--active,.needle__cue--tune{opacity:1}.needle__cue--flat.needle__cue--tune{border-color:transparent transparent transparent var(--accent)}.needle__cue--sharp.needle__cue--tune{border-color:transparent var(--accent) transparent transparent}.needle__zone{background:var(--accent);opacity:.45;border:none;border-radius:999px;width:10%;height:7px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.needle__pointer{background:linear-gradient(to top, var(--needle), #5c554c);transform-origin:bottom;border-radius:2px 2px 0 0;width:3px;height:85%;margin-left:-1.5px;transition:transform 80ms linear;position:absolute;bottom:0;left:50%}.needle__pointer--tune{background:linear-gradient(to top, var(--accent), #2a9d7a)}.needle__hub{background:var(--ink);border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;bottom:-5px;left:50%}.app__error{color:var(--warn);background:#9a34121a;border-radius:.75rem;margin:0;padding:.85rem 1rem;font-size:.9rem;line-height:1.4}.app__actions{justify-content:center;display:flex}.btn{appearance:none;background:var(--ink);color:#0a0a0a;cursor:pointer;border:none;border-radius:999px;padding:.9rem 1.6rem;font-size:1rem;font-weight:600;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--ghost{color:var(--ink);border:1.5px solid var(--line);background:0 0}.listen-icon{appearance:none;z-index:var(--z-chrome);border:1.5px solid var(--line);background:var(--chrome);color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;place-items:center;transition:transform .15s,border-color .2s,background .2s;display:grid;box-shadow:0 8px 24px #0000002e}.listen-icon:hover{border-color:var(--ink-soft);background:var(--chrome-hover);transform:translateY(-1px)}.listen-icon:active{transform:translateY(0)}.listen-icon__glyph{width:1.35rem;height:1.35rem;display:block}.listen-icon--mic{width:5rem;height:5rem;margin:auto;position:fixed;inset:0}.listen-icon--mic .listen-icon__glyph{width:1.75rem;height:1.75rem}.listen-icon--mute{width:3.25rem;height:3.25rem;position:fixed;bottom:1.25rem;left:1.25rem}.listen-icon--mute .listen-icon__glyph{width:1.35rem;height:1.35rem}.settings-cog{z-index:var(--z-chrome);position:fixed;top:1.25rem;right:1.25rem}.settings-cog__button{appearance:none;border:1.5px solid var(--line);background:var(--chrome);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;place-items:center;transition:transform .15s,border-color .2s,background .2s;display:grid;box-shadow:0 8px 24px #0000002e}.settings-cog__button:hover{border-color:var(--ink-soft);background:var(--chrome-hover);transform:translateY(-1px)}.settings-cog__glyph{width:1.2rem;height:1.2rem;display:block}.settings-cog__menu{border:1.5px solid var(--line);background:var(--chrome);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.85rem;min-width:11rem;padding:.65rem;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 12px 32px #00000038}.settings-cog__heading{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 .4rem;padding:0 .35rem;font-size:.7rem;font-weight:600}.settings-cog__heading--spaced{margin-top:.65rem}.settings-cog__option{appearance:none;width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.55rem;margin:0;padding:.55rem .65rem;font-size:.9rem;font-weight:600;display:block}.settings-cog__option:hover{background:var(--meter-track)}.settings-cog__option--active{background:var(--accent-soft);color:var(--accent)}.settings-cog__toggle{width:100%;color:var(--ink);cursor:pointer;border-radius:.55rem;justify-content:space-between;align-items:center;gap:.75rem;margin:0;padding:.55rem .65rem;font-size:.9rem;font-weight:600;display:flex}.settings-cog__toggle:hover{background:var(--meter-track)}.settings-cog__toggle input{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer}.align-tuner{background:var(--panel);border:1px solid var(--line);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1.25rem;padding:1.5rem 1.25rem 1.25rem;transition:box-shadow .35s,border-color .35s}.app--spiritual .align-tuner{width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;padding:.5rem 0 0}.align-tuner--in-tune{box-shadow:0 0 0 4px var(--accent-soft);border-color:#0f6e5673}.app--spiritual .align-tuner--in-tune{box-shadow:none;border:none}.align-tuner--idle{opacity:.92}.align-tuner__hint{letter-spacing:.02em;color:var(--ink-soft);min-height:1.25em;margin:0;font-size:.85rem}.align-tuner__note{font-family:var(--font-display);letter-spacing:-.04em;margin:.35rem 0 .75rem;font-size:clamp(2rem,10vw,2.75rem);font-weight:600;line-height:1}.app--spiritual .align-tuner__note{z-index:var(--z-hud);pointer-events:none;font-family:var(--font-hud);letter-spacing:.04em;color:#0000;-webkit-text-stroke:4px #f2efe8;paint-order:stroke fill;place-items:center;margin:0;font-size:min(72vw,9rem);font-weight:900;line-height:1;display:grid;position:fixed;inset:0}@media (width>=640px){.app--spiritual .align-tuner__note{-webkit-text-stroke:9px #f2efe8;font-size:min(100vw,24rem);top:-4rem}}.align-tuner__stage{aspect-ratio:1;isolation:isolate;width:min(100%,16rem);margin:0 auto;position:relative;overflow:visible}.app--spiritual .align-tuner__stage{z-index:var(--z-content);width:min(100%,min(72vw,28rem));position:relative}.align-tuner__glows,.align-tuner__figures{position:absolute;inset:0}.align-tuner__glows{z-index:var(--z-back)}.align-tuner__figures{z-index:var(--z-content)}.align-tuner__glow{aspect-ratio:1;filter:blur(1px);mix-blend-mode:screen;pointer-events:none;will-change:transform, opacity;width:110%;transition:transform .12s linear,opacity .12s linear;position:absolute;top:43%;left:50%;overflow:visible}.align-tuner__sprite{pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;width:72%;transition:transform .12s linear;position:absolute;top:50%;left:50%}.align-tuner__layer{will-change:opacity;width:100%;height:auto;transition:opacity .12s linear;display:block}.align-cents{z-index:var(--z-chrome);pointer-events:none;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}.align-cents__needle{background:var(--needle);opacity:.2;transform-origin:bottom;border-radius:1px 1px 0 0;width:1px;height:150px;transition:transform 80ms linear,background .4s,opacity .4s,height .4s;display:block}.align-cents__needle--tune{background:var(--accent);opacity:.6}