:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#100a08;font-family:Avenir Next,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{background:radial-gradient(circle at 20% 10%,#c4763529,#0000 30%),radial-gradient(circle at 80% 20%,#c4b47c1a,#0000 24%),linear-gradient(#0f0a08 0%,#0b0908 100%);width:100%;min-height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;touch-action:manipulation;min-height:100vh}button{font:inherit}.app-shell{width:100vw;height:100vh;position:relative}.stage{width:100%;height:100%;position:absolute;inset:0}.hud{pointer-events:none;position:absolute;inset:0}.brand-mark,.picker-toggle,.preset-panel,.glass-veil,.fallback-glyph{pointer-events:auto}.string-labels{top:calc(max(18px, env(safe-area-inset-top)) + 38px);pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;left:16vw;right:16vw}.string-label{text-align:center;letter-spacing:.02em;color:#f5e5bf9e;min-width:1ch;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:clamp(22px,5vw,26px);font-weight:400;transition:color .16s,opacity .16s}.string-label[data-active="1"]{color:#f5e5bfe6}.string-label[data-locked="1"]{color:#ebc65cfa}.brand-mark{top:max(18px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #eed9aa38;border-radius:50%;width:38px;height:38px;position:absolute}.brand-mark:before,.brand-mark:after{content:"";background:#f2e4c0c7;width:12px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 -8px #f2e4c057,0 8px #f2e4c057}.brand-mark:after{width:2px;height:18px;box-shadow:none}.picker-toggle{top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#221a146b;border:1px solid #eed9aa2e;border-radius:50%;width:38px;height:38px;position:absolute}.picker-toggle:before,.picker-toggle:after{content:"";background:#f1e5ccd1;width:14px;height:2px;position:absolute;left:50%;transform:translate(-50%)}.picker-toggle:before{top:13px;box-shadow:0 6px #f1e5ccd1,0 12px #f1e5ccd1}.picker-toggle:after{width:2px;height:14px;top:19px}.picker-toggle[data-pulse="1"]{animation:2.2s ease-in-out infinite picker-pulse}@keyframes picker-pulse{0%,to{transform:scale(1);box-shadow:0 0 #efcf9800}50%{transform:scale(1.04);box-shadow:0 0 0 14px #efcf9838}}.preset-panel{top:calc(max(18px, env(safe-area-inset-top)) + 48px);right:max(18px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#140f0db8;border:1px solid #ead6b21f;border-radius:20px;gap:8px;padding:10px;display:grid;position:absolute}.preset-button{background:#31282275;border:1px solid #eed6ae1a;border-radius:16px;place-items:center;width:46px;height:46px;padding:0;display:grid}.preset-button[data-active="1"]{border-color:#f7e2a275;box-shadow:inset 0 0 0 1px #f7e2a22e}.preset-lines{align-items:end;gap:2px;height:18px;display:flex}.preset-line{width:3px;height:var(--preset-line-h);background:linear-gradient(#fff4dfe6,#c3b19385);border-radius:999px}.glass-veil{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a070742;place-items:center;display:grid;position:absolute;inset:0}.glass-veil[hidden],.fallback-glyph[hidden],.preset-panel[hidden]{display:none!important}.glass-button{background:radial-gradient(circle at 40% 30%,#fff3d82e,#3f31273d);border:1px solid #f5e5bf2e;border-radius:50%;width:110px;height:110px;position:relative;box-shadow:0 16px 44px #00000040,inset 0 1px #fff9eb1f}.glass-button:before,.glass-button:after{content:"";border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.glass-button:before{border:2px solid #f5e5bfc7;width:28px;height:28px;box-shadow:0 -18px 0 -13px #f5e5bfc7}.glass-button:after{background:#f5e5bfd1;width:2px;height:30px}.fallback-glyph{left:50%;bottom:max(44px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4ead114;border:1px solid #f5e5bf2e;border-radius:50%;width:66px;height:66px;position:absolute;transform:translate(-50%)}.fallback-arrow,.fallback-arrow:before,.fallback-arrow:after{content:"";background:#f8efd6d9;position:absolute}.fallback-arrow{width:20px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-35deg)}.fallback-arrow:before{width:2px;height:20px;top:-9px;left:14px}.fallback-arrow:after{background:0 0;border-top:2px solid #f8efd6d9;border-right:2px solid #f8efd6d9;width:12px;height:12px;top:-7px;right:-2px;transform:rotate(0)}