:root{--bg0: #07080c;--bg1: #0c0b14;--ink: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .7);--faint: rgba(255, 255, 255, .12);--hot: #ff5c7a;--cold: #38d2ff;--ok: #7dffb2;--warn: #ffd37a;color:var(--ink);background:radial-gradient(1200px 900px at 15% 10%,#1a1233,#1a123300 60%),radial-gradient(900px 700px at 75% 75%,#06223d,#06223d00 55%),linear-gradient(180deg,var(--bg1),var(--bg0));font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}body{margin:0;overflow:hidden}#app{position:fixed;top:0;right:0;bottom:0;left:0}#stage{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}canvas{display:block;width:100%;height:100%}#crt{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;transform:translateZ(0)}#crt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(900px 650px at 18% 22%,#ffffff14,#fff0 62%),radial-gradient(900px 650px at 82% 78%,#ffffff0f,#fff0 62%),linear-gradient(135deg,#ff78aa09,#78dcff08);mix-blend-mode:soft-light;opacity:.95;filter:blur(.6px);animation:crt-drift 9.5s ease-in-out infinite alternate}#crt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1200px 900px at 30% 20%,#ffffff0d,#fff0 62%),radial-gradient(900px 700px at 75% 85%,#ffffff05,#fff0 60%),linear-gradient(180deg,#ffffff07,#00000005);opacity:.58}@keyframes crt-drift{0%{transform:translateZ(0) scale(1)}40%{transform:translate3d(-.35px,.2px,0) scale(1.002)}to{transform:translate3d(.25px,-.3px,0) scale(1.001)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;z-index:20;background:radial-gradient(800px 600px at 20% 20%,#ff5c7a1a,#ff5c7a00),radial-gradient(700px 500px at 70% 80%,#38d2ff1a,#38d2ff00),linear-gradient(180deg,#0000008c,#000000b3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.panel{width:min(820px,100%);border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#0a0a0e99;box-shadow:0 30px 90px #0000008c;padding:22px}.brand{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.brand h1{margin:0;font:700 30px/1.05 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:-.02em}.brand .pill{font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--muted);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 10px}.copy{margin-top:14px;font:500 14px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--muted)}.copy strong{color:var(--ink)}.actions{margin-top:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}button.primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:12px 14px;color:var(--ink);background:linear-gradient(180deg,#ffffff1a,#ffffff0a);font:700 14px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;cursor:pointer;-webkit-user-select:none;user-select:none}button.primary:hover{border-color:#ffffff4d}small.note{display:block;margin-top:10px;color:#ffffff8c;font:500 12px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}details{margin-top:12px;border-top:1px dashed rgba(255,255,255,.12);padding-top:10px}details summary{cursor:pointer;font:700 13px/1.4 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#ffffffc7}.statusline{position:absolute;left:10px;bottom:10px;z-index:5;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#00000059;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#ffffffc7;pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.fxpanel{position:absolute;top:10px;right:10px;z-index:14;width:min(440px,calc(100vw - 20px));touch-action:pan-y;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:600 12px/1.1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.fxpanel__header{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid rgba(255,255,255,.1)}.fxpanel__title{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#ffffffe0;border-radius:10px;padding:7px 10px;cursor:pointer}.fxpanel__tag{flex:1 1 auto;min-width:80px;color:#ffffffb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fxpanel__actions{display:flex;align-items:center;gap:6px}.fxpanel__actions button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#ffffffb8;border-radius:10px;padding:7px 9px;cursor:pointer}.fxpanel__actions button:hover,.fxpanel__title:hover{border-color:#ffffff38;background:#ffffff0d}.fxpanel__body{padding:8px;max-height:min(70vh,720px);overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.fxpanel.collapsed .fxpanel__body{display:none}.fxpanel__section{padding:8px 0}.fxpanel__section+.fxpanel__section{border-top:1px dashed rgba(255,255,255,.1)}.fxpanel__sectionTitle{font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#ffffffc7;margin-bottom:8px}.fxpanel__grid{display:flex;flex-wrap:wrap;gap:6px}.fxpanel__grid button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#ffffffbf;border-radius:12px;padding:8px 10px;cursor:pointer;-webkit-user-select:none;user-select:none}.fxpanel__grid button:hover{border-color:#ffffff38}.fxpanel__grid button.on{border-color:#ffffff42;background:linear-gradient(180deg,#ff5c7a2e,#38d2ff1a);color:#ffffffeb}.fxpanel__details{margin-top:8px;border-top:1px dashed rgba(255,255,255,.1);padding-top:8px}.fxpanel__details--sub{margin-top:8px;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}.fxpanel__details summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:#ffffffd1;font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.fxrow{display:flex;align-items:center;gap:10px;padding:6px 0}.fxlabel{flex:0 0 150px;color:#ffffffb3;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.fxrange{flex:1 1 auto}.fxval{flex:0 0 54px;text-align:right;color:#ffffffc7;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.fxselect{flex:1 1 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#ffffffd1;border-radius:10px;padding:8px 10px;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.fxtoggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#ffffffc7;border-radius:10px;padding:8px 10px;cursor:pointer}.fxtoggle.on{border-color:#ffffff42;background:linear-gradient(180deg,#ff5c7a2e,#38d2ff1a);color:#ffffffeb}.fadeveil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:#000000a6;opacity:0;transition:opacity .22s linear;pointer-events:none}.fadeveil.on{opacity:1}@media(max-width:560px){.panel{padding:18px;border-radius:16px}.brand h1{font-size:24px}}
