:root{color:var(--app-text);background:var(--app-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#edf1f7;--app-bg-layer:linear-gradient(135deg, #ffffffd1, #e2e8f0b3 42%, #cdd5e2d1);--app-text:#111827;--muted-text:#64748b;--panel-bg:#ffffff94;--panel-bg-strong:#ffffffb8;--control-bg:#ffffff80;--control-bg-strong:#ffffffc7;--control-muted-bg:#f2f6fcb8;--panel-border:#ffffffbd;--hairline:#1118271a;--glass-highlight:#ffffffd1;--primary:#007aff;--primary-contrast:#fff;--status-bg:#22c55e29;--status-text:#19743b;--bottom-bg:#f1f5f9a8;--panel-shadow:0 20px 60px #0f172a24, inset 0 1px 0 var(--glass-highlight);--control-shadow:0 10px 30px #0f172a1a, inset 0 1px 0 var(--glass-highlight);text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#090b10;--app-bg-layer:linear-gradient(135deg, #20242ff5, #0e1118fa 46%, #030509);--app-text:#f8fafc;--muted-text:#a7b0bf;--panel-bg:#1c202a94;--panel-bg-strong:#272c3ab8;--control-bg:#ffffff14;--control-bg-strong:#ffffff24;--control-muted-bg:#ffffff14;--panel-border:#ffffff2e;--hairline:#ffffff21;--glass-highlight:#ffffff30;--primary:#0a84ff;--primary-contrast:#fff;--status-bg:#34d39929;--status-text:#7cf2b1;--bottom-bg:#0c0f16b8;--panel-shadow:0 22px 70px #0000006b, inset 0 1px 0 var(--glass-highlight);--control-shadow:0 14px 38px #00000047, inset 0 1px 0 var(--glass-highlight)}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}body{background:var(--app-bg-layer), var(--app-bg);color:var(--app-text);overscroll-behavior:none;min-height:100dvh}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.42}.iosApp{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));width:min(100%,560px);margin:0 auto}.homeScreen{flex-direction:column;justify-content:center;gap:18px;display:flex}.largeTitle{padding:0 4px 4px}.largeTitle p{color:var(--muted-text);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:700}.largeTitle h1{color:var(--app-text);margin:0;font-size:48px;font-weight:800;line-height:1}.iosGroup{-webkit-backdrop-filter:blur(28px)saturate(170%);backdrop-filter:blur(28px)saturate(170%);background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);border-radius:8px;gap:0;display:grid;overflow:hidden}.compactGroup{box-shadow:none}.iosInputRow,.metricRow{grid-template-columns:96px 1fr;align-items:center;min-height:56px;padding:0 14px;display:grid}.iosInputRow span,.metricRow span{color:var(--muted-text);font-size:14px;font-weight:700}.iosInputRow input{color:var(--app-text);text-align:right;text-transform:uppercase;background:0 0;border:0;outline:none;min-width:0;font-size:20px;font-weight:800}.metricRow+.metricRow{border-top:1px solid var(--hairline)}.metricRow strong{text-align:right;font-size:15px}.homeActions{gap:10px;display:grid}.modalBackdrop{z-index:20;background:#02061747;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.channelModal{-webkit-backdrop-filter:blur(34px)saturate(180%);backdrop-filter:blur(34px)saturate(180%);background:var(--panel-bg-strong);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);border-radius:8px;gap:14px;width:min(100%,360px);max-width:360px;padding:18px;display:grid}.modalHeader{gap:3px;display:grid}.modalHeader span{color:var(--muted-text);text-transform:uppercase;font-size:12px;font-weight:800}.modalHeader strong{color:var(--app-text);font-size:24px;line-height:1}.channelInput{background:var(--control-muted-bg);border:1px solid var(--hairline);color:var(--app-text);text-align:center;text-transform:uppercase;border-radius:8px;outline:none;width:100%;min-height:54px;padding:0 14px;font-size:22px;font-weight:900}.modalActions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modalActions button{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background:var(--control-bg);border:1px solid var(--hairline);color:var(--app-text);border-radius:8px;min-height:48px;padding:0 12px;font-size:14px;font-weight:900}.modalActions button:last-child{background:linear-gradient(180deg, #ffffff38, #fff0), var(--primary);color:var(--primary-contrast)}.splitActions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.iosPrimaryButton,.iosSecondaryButton,.navIconButton,.displayActions button,.panelTabs button,.quickGrid button,.paletteGrid button,.effectGrid button,.linkRow button,.sizeStepper button{-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;display:inline-flex}.iosPrimaryButton{background:linear-gradient(180deg, #ffffff3d, #fff0), var(--primary);box-shadow:var(--control-shadow);color:var(--primary-contrast);border-radius:8px;width:100%;min-height:52px;padding:0 18px;font-size:17px;font-weight:800}.iosSecondaryButton{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);background:var(--control-bg);border:1px solid var(--panel-border);box-shadow:var(--control-shadow);color:var(--app-text);border-radius:8px;flex-direction:column;min-height:88px;padding:12px;font-size:14px;font-weight:800}.iosSecondaryButton.wide{color:var(--primary);flex-direction:row;min-height:48px}.controllerScreen{padding-bottom:calc(92px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex}.iosNav{grid-template-columns:40px 1fr auto;align-items:center;gap:10px;min-height:44px;display:grid}.navIconButton{-webkit-backdrop-filter:blur(22px)saturate(170%);backdrop-filter:blur(22px)saturate(170%);background:var(--control-bg);border:1px solid var(--panel-border);box-shadow:var(--control-shadow);color:var(--primary);border-radius:999px;width:38px;height:38px}.iosNav div{gap:1px;display:grid}.iosNav div span{color:var(--muted-text);text-transform:uppercase;font-size:11px;font-weight:700}.iosNav div strong{letter-spacing:0;font-size:24px;line-height:1}.status{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background:var(--status-bg);color:var(--status-text);white-space:nowrap;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:12px;font-weight:800;display:flex}.status.compact{color:inherit;background:#ffffff24}.phonePreview{aspect-ratio:16/9;border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);background:#050505;border-radius:8px;overflow:hidden}.phonePreview .displaySurface{height:100%;min-height:100%}.phonePreview .displayMeta{top:10px;left:10px;right:10px}.phonePreview .roomBadge,.phonePreview .status{min-height:26px;padding:0 8px;font-size:10px}.panelTabs{-webkit-backdrop-filter:blur(24px)saturate(170%);backdrop-filter:blur(24px)saturate(170%);background:var(--control-bg);border:1px solid var(--panel-border);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:3px;padding:3px;display:grid}.panelTabs button{color:var(--muted-text);background:0 0;border-radius:7px;height:34px;font-size:14px;font-weight:800}.panelTabs button.active{background:var(--control-bg-strong);box-shadow:inset 0 1px 0 var(--glass-highlight), 0 1px 6px #0f172a24;color:var(--app-text)}.textEditor{gap:10px;padding:14px;display:grid}.textEditor span{color:var(--muted-text);font-size:13px;font-weight:800}.textEditor textarea{background:var(--control-muted-bg);border:1px solid var(--hairline);color:var(--app-text);resize:vertical;border-radius:8px;outline:none;min-height:116px;padding:12px}.quickGrid{border-top:1px solid var(--hairline);grid-template-columns:1fr 1fr;gap:8px;padding:12px;display:grid}.quickGrid:first-child{border-top:0}.variableGrid{background:#ffffff1f}.customPresetGrid{background:#ffffff0a}.quickGrid button,.effectGrid button,.paletteGrid button{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background:var(--control-bg);border:1px solid var(--hairline);color:var(--app-text);border-radius:8px;min-height:44px;padding:0 10px;font-size:13px;font-weight:800}.presetAddRow{border-top:1px solid var(--hairline);grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:grid}.presetAddRow input{background:var(--control-muted-bg);border:1px solid var(--hairline);color:var(--app-text);border-radius:8px;outline:none;min-width:0;min-height:42px;padding:0 12px}.presetAddRow button{background:linear-gradient(180deg, #ffffff38, #fff0), var(--primary);color:var(--primary-contrast);border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex}.paletteGrid{grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:8px;padding:12px;display:grid}.paletteGrid button{flex-direction:column;gap:6px;min-height:74px}.paletteGrid button span{border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:900;display:inline-flex}.colorRows{border-top:1px solid var(--hairline)}.colorRows label,.toggleRow,.sizeStepper,.linkRow{grid-template-columns:1fr auto;align-items:center;min-height:54px;padding:0 14px;display:grid}.colorRows label+label{border-top:1px solid var(--hairline)}.colorRows span,.toggleRow span,.sizeStepper span{color:var(--app-text);font-size:15px;font-weight:700}.toggleRow{border-top:1px solid var(--hairline)}.toggleRow input{accent-color:var(--primary);width:22px;height:22px}.colorRows input{background:0 0;border:0;width:42px;height:34px;padding:0}.sizeStepper{border-top:1px solid var(--hairline);grid-template-columns:1fr 38px 52px 38px}.sizeStepper button{background:var(--control-bg);border:1px solid var(--hairline);color:var(--primary);border-radius:999px;width:32px;height:32px}.sizeStepper strong{text-align:center;font-size:16px}.effectGrid{border-top:1px solid var(--hairline);grid-template-columns:1fr 1fr;gap:8px;padding:12px;display:grid}.effectGrid button.active{background:linear-gradient(180deg, #ffffff38, #fff0), var(--primary);color:var(--primary-contrast)}.speedSlider{border-top:1px solid var(--hairline);grid-template-columns:96px 1fr 28px;align-items:center;gap:12px;min-height:56px;padding:0 14px;display:grid}.speedSlider span{color:var(--app-text);font-size:15px;font-weight:700}.speedSlider input{accent-color:var(--primary);width:100%;min-width:0}.speedSlider strong{color:var(--app-text);text-align:right;font-size:16px}.roomCodeCard{place-items:center;gap:4px;padding:18px 14px;display:grid}.roomCodeCard span{color:var(--muted-text);font-size:13px;font-weight:800}.roomCodeCard strong{color:var(--app-text);letter-spacing:0;font-size:42px;line-height:1}.linkRow{border-top:1px solid var(--hairline);gap:10px}.linkRow span{color:var(--muted-text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.linkRow button{background:var(--control-bg);border:1px solid var(--hairline);color:var(--primary);border-radius:999px;width:34px;height:34px}.bottomBar{-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);background:var(--bottom-bg);border-top:1px solid var(--hairline);padding:10px 16px max(12px, env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.bottomBar .iosPrimaryButton{max-width:528px;margin:0 auto}.displaySurface{height:100dvh;min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.displaySurface.immersive{height:100dvh;min-height:100dvh;padding:0 max(18px, env(safe-area-inset-right)) 0 max(18px, env(safe-area-inset-left))}.displayMeta{left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));top:max(14px, env(safe-area-inset-top));z-index:2;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute}.roomBadge{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);color:inherit;background:#ffffff24;border:1px solid #ffffff24;border-radius:999px;padding:8px 10px;font-size:13px;font-weight:900;line-height:1}button.roomBadge{-webkit-tap-highlight-color:transparent}.displaySurface.immersive .displayMeta{bottom:auto;left:max(8px, env(safe-area-inset-left));right:auto;top:max(8px, env(safe-area-inset-top))}.displaySurface.immersive .roomBadge{opacity:.62;background:#ffffff14;padding:7px 8px;font-size:11px}.displayActions{bottom:max(14px, env(safe-area-inset-bottom));right:max(14px, env(safe-area-inset-right));z-index:2;gap:8px;display:flex;position:absolute}.displayActions button{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);color:inherit;background:#ffffff24;border:1px solid #ffffff24;border-radius:999px;min-height:34px;padding:0 10px;font-size:12px;font-weight:800}.displayActions button.active{background:#ffffff3d}.signText{overflow-wrap:anywhere;text-align:center;text-wrap:balance;text-transform:uppercase;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;font-weight:950;line-height:.95;display:flex}.signText span{max-width:100%;display:inline-block}.effect-blink span{animation:blink var(--blink-duration,.9s) step-end infinite}.effect-pulse span{animation:1.3s ease-in-out infinite pulse}.effect-marquee{white-space:nowrap;width:100%;overflow:hidden}.effect-marquee span{min-width:100%;animation:7s linear infinite marquee}@keyframes blink{0%,49.99%{opacity:1}50%,to{opacity:.08}}@keyframes pulse{50%{transform:scale(1.06)}}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}@media (width>=840px){.iosApp{padding-top:28px}.controllerScreen{max-width:560px}}@media (width<=390px){.splitActions,.quickGrid,.effectGrid{grid-template-columns:1fr}.paletteGrid{grid-template-columns:repeat(3,1fr)}.status span:last-child{display:none}}