:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--fg:#f4f4f4;--muted:#fff9;--panel:#0000008c;--line:#ffffff2e;--accent:#fc3;--ok:#4ade80;--warn:#f87171;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Inter,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--fg);overscroll-behavior:none;touch-action:none;margin:0;overflow:hidden}button,select,input{font:inherit;color:var(--fg);-webkit-tap-highlight-color:transparent}button,select{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#ffffff14;border-radius:8px;min-height:36px;padding:6px 10px}button:hover,select:hover{background:#ffffff24}button.primary{background:var(--accent);color:#000;border-color:#0000;font-weight:600}button.icon{width:40px;padding:0;font-size:18px}button.bare{background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}button.bare:hover{background:#ffffff14}.round{background:#0000008c;border-radius:22px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;line-height:0;display:inline-flex}.round svg,.mic svg{display:block}button:disabled{opacity:.4;cursor:default}input[type=text]{border:1px solid var(--line);background:#ffffff14;border-radius:8px;min-height:36px;padding:6px 8px}input[type=range]{accent-color:var(--accent)}.bar{padding:calc(6px + var(--sat)) calc(10px + var(--sar)) 6px calc(10px + var(--sal));pointer-events:none;z-index:10;touch-action:auto;background:0 0;border-radius:0;align-items:center;gap:8px;font-size:13px;transition:opacity .2s;display:flex;position:fixed;left:0;right:0}.bar.top{top:0}.bar.hidden{opacity:0;pointer-events:none}.bar .spacer{flex:1}.bar>*{pointer-events:auto}.bar .muted{text-shadow:0 1px 3px #000000e6}.bar .chip{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;padding:2px 8px;font-weight:600}.bar .muted{color:var(--muted);white-space:nowrap}.bar .desktop-only{display:contents}.dot{border-radius:5px;width:9px;height:9px;display:inline-block}.sheet-backdrop{z-index:30;background:#00000080;position:fixed;inset:0}.sheet{right:calc(10px + var(--sar));top:calc(56px + var(--sat));bottom:calc(56px + var(--sab));border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);z-index:31;touch-action:pan-y;background:#101010eb;border-radius:14px;flex-direction:column;gap:14px;width:min(380px,100vw - 20px);padding:14px;font-size:13px;display:flex;position:fixed;overflow-y:auto}.sheet h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px}.sheet .row{align-items:center;gap:10px;display:flex}.sheet .row label{color:var(--muted);flex:0 0 64px}.sheet .row>:not(label){flex:1;min-width:0}.sheet .row .val{text-align:right;font-variant-numeric:tabular-nums;flex:0 0 56px}.sheet select{width:100%}.sheet .toggle{align-items:center;gap:8px;display:flex}.sheet .toggle input{width:18px;height:18px}.editor{z-index:20;-webkit-backdrop-filter:blur(10px);padding:calc(12px + var(--sat)) calc(12px + var(--sar)) calc(12px + var(--sab)) calc(12px + var(--sal));touch-action:auto;background:#000000e0;flex-direction:column;gap:10px;display:flex;position:fixed;inset:0}.editor.dragging{outline:3px dashed var(--accent);outline-offset:-8px}.editor .toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor textarea{color:var(--fg);border:1px solid var(--line);resize:none;background:#ffffff0d;border-radius:10px;outline:none;flex:1;padding:12px;font:16px/1.5 ui-monospace,Menlo,monospace}.tap{z-index:25;cursor:pointer;touch-action:auto;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}.tap strong{font-size:28px}.tap span{color:var(--muted)}@media (width<=900px),(height<=500px){.bar{gap:6px;font-size:12px}.bar .desktop-only{display:none}button,select{min-height:40px}.sheet{top:calc(52px + var(--sat));bottom:calc(52px + var(--sab))}}@media (width<=600px) and (orientation:portrait){.sheet{left:calc(10px + var(--sal));right:calc(10px + var(--sar));width:auto;max-height:70vh;top:auto}}.mic{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);z-index:12;touch-action:auto;background:#0000008c;border-radius:22px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:relative}.mic-pulse{opacity:0;pointer-events:none;border:2px solid #ff3b30;border-radius:22px;animation:1.6s ease-out infinite micpulse;position:absolute;inset:-1px}@keyframes micpulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.donate-sheet{right:calc(12px + var(--sar));bottom:calc(64px + var(--sab));border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);z-index:31;touch-action:auto;background:#101010f2;border-radius:14px;flex-direction:column;gap:10px;width:min(300px,100vw - 24px);padding:14px;font-size:14px;display:flex;position:fixed}.donate-link{text-align:center;background:var(--accent);color:#000;border-radius:8px;padding:10px;font-weight:600;text-decoration:none;display:block}.scrollbar{right:calc(2px + var(--sar));top:calc(60px + var(--sat));bottom:calc(68px + var(--sab));z-index:11;cursor:grab;touch-action:none;width:18px;position:fixed}.scrollbar:before{content:"";background:#ffffff1f;border-radius:2px;width:4px;position:absolute;top:0;bottom:0;right:6px}.scrollbar .thumb{background:#ffffff8c;border-radius:2px;width:4px;transition:width .12s,right .12s;position:absolute;right:6px}.scrollbar.dragging{cursor:grabbing}.scrollbar.dragging .thumb,.scrollbar:hover .thumb{background:var(--accent);width:8px;right:4px}.dock{bottom:calc(12px + var(--sab));z-index:12;touch-action:auto;align-items:center;gap:8px;display:flex;position:fixed}.dock.left{left:calc(12px + var(--sal))}.center-dock{left:50%;bottom:calc(12px + var(--sab));z-index:12;touch-action:auto;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.dock.right{right:calc(12px + var(--sar))}.dock .extra{opacity:0;pointer-events:none;gap:8px;max-width:0;transition:max-width .28s cubic-bezier(.2,.8,.2,1),opacity .2s,transform .28s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden}.dock.left .extra{transform:translate(-12px)}.dock.right .extra{transform:translate(12px)}.dock.open .extra{opacity:1;pointer-events:auto;max-width:240px;transform:translate(0)}.dock .extra>*{flex:none}.dock .chevron{color:#ffffff8c;filter:drop-shadow(0 1px 3px #000000e6);opacity:0;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:22px;height:44px;margin:0 -4px;padding:0;transition:color .15s,opacity .15s;display:flex}.dock:hover .chevron,.dock.open .chevron,.dock .chevron:focus-visible{opacity:1}.dock .chevron:hover,.dock .chevron:active{color:#fff;background:0 0}.dock .chevron svg{transition:transform .28s cubic-bezier(.2,.8,.2,1)}.dock.open .chevron svg{transform:rotate(180deg)}.dock .round{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.dock a.round{text-decoration:none}@media (hover:none) and (pointer:coarse){.dock .chevron{display:none}}.toast{left:50%;bottom:calc(68px + var(--sab));color:var(--accent);pointer-events:none;z-index:13;background:#000000b3;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600;animation:.15s ease-out toast-in;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.mic.guide{animation:1.6s ease-in-out infinite micguide}@keyframes micguide{0%,to{box-shadow:0 0 #fc30,0 0 #fc39}50%{box-shadow:0 0 18px 4px #ffcc338c,0 0 0 8px #ffcc3326}}
