:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;font-synthesis:none;background:#020608;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,.app-shell,#teleidoscope{width:100%;height:100%;margin:0}body{overscroll-behavior:none;background:#020608;overflow:hidden}.app-shell{isolation:isolate;background:#020608;min-height:100svh;position:relative;overflow:hidden}#teleidoscope{touch-action:none;cursor:grab;display:block;position:absolute;inset:0}#teleidoscope:active{cursor:grabbing}.app-shell:after{z-index:1;pointer-events:none;content:"";background:linear-gradient(#00040633,#0000 18% 74%,#0002046b),radial-gradient(circle at 50% 46%,#0000 46%,#00030533 100%);position:absolute;inset:0}.topbar,.motion-button,.light-control,.mode-chip,.gesture-guide,.status-pill,.error-panel{z-index:2;position:absolute}.topbar{width:100%;padding:calc(env(safe-area-inset-top) + 20px) 22px 18px;letter-spacing:.18em;pointer-events:none;justify-content:space-between;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:flex;top:0;left:0}.brand,.runtime{align-items:center;gap:9px;display:flex}.brand-mark{border:1px solid #dbfffad1;width:9px;height:9px;transform:rotate(45deg)}.runtime{color:#eafaf88a}.runtime-dot{background:#89ffe4;border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #67ffe0e6}.motion-button{top:calc(env(safe-area-inset-top) + 72px);color:#fff;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#050c0f78;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:12px;min-width:218px;padding:11px 17px 11px 13px;transition:opacity .18s,transform .18s;display:flex;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000002e}.motion-button.is-active{opacity:0;pointer-events:none;transform:translate(-50%,-8px)}.motion-icon{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:50%;flex:none;width:32px;height:32px;position:relative}.motion-icon:before{content:"";border:1px solid #ffffffd9;border-radius:4px;width:14px;height:14px;position:absolute;top:8px;left:8px;transform:rotate(45deg)}.motion-icon:after{content:"";border:1px solid #ffffffd9;border-radius:50%;width:4px;height:4px;position:absolute;top:13px;left:13px}.motion-copy{text-align:left;gap:2px;display:grid}.motion-copy strong{font-size:12px;font-weight:600}.motion-copy small{color:#ffffff8c;letter-spacing:.04em;font-size:9px}.light-control{right:max(22px, env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + 52px);-webkit-backdrop-filter:blur(24px)saturate(1.25);backdrop-filter:blur(24px)saturate(1.25);background:#060d107a;border:1px solid #ffffff24;border-radius:17px;width:min(310px,100vw - 44px);padding:13px 16px 16px;box-shadow:0 14px 38px #0000002e}.light-header{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.light-header output{color:#ffffffa8;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}#light-range{appearance:none;background:0 0;width:100%;height:18px;margin:0}#light-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, #63e8d3 0 var(--light-fill,44.4%), #fff3 var(--light-fill,44.4%));border-radius:999px;height:8px}#light-range::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:22px;height:22px;margin-top:-7px;box-shadow:0 0 13px #5bffe2ad}.mode-chip{bottom:calc(env(safe-area-inset-bottom) + 20px);left:max(22px, env(safe-area-inset-left));color:#e8faf794;letter-spacing:.15em;pointer-events:none;font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px}.gesture-guide{right:max(22px, env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + 24px);color:#e8faf761;letter-spacing:.08em;pointer-events:none;font-size:9px}.status-pill{color:#ffffffc2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#00000061;border-radius:999px;padding:9px 14px;font-size:12px;transition:opacity .18s;top:50%;left:50%;transform:translate(-50%,-50%)}.status-pill.is-hidden{opacity:0;pointer-events:none}.error-panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#1c0808c7;border:1px solid #ffa99238;border-radius:18px;gap:8px;width:min(420px,100vw - 44px);padding:22px;display:grid;top:50%;left:50%;transform:translate(-50%,-50%)}.error-panel[hidden]{display:none}.error-panel span{color:#ffe2d9ad;font-size:12px;line-height:1.5}@media (width<=700px){.topbar{padding-left:17px;padding-right:17px}.runtime{display:none}.motion-button{top:calc(env(safe-area-inset-top) + 58px)}.light-control{right:50%;bottom:calc(env(safe-area-inset-bottom) + 54px);width:min(320px,100vw - 34px);transform:translate(50%)}.mode-chip{right:0;bottom:calc(env(safe-area-inset-bottom) + 24px);text-align:center;left:0}.gesture-guide{display:none}}