@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}:root{--color-phases-50:oklch(98.5% 0 0);--color-phases-100:oklch(97% 0 0);--color-phases-200:oklch(92.2% 0 0);--color-phases-300:oklch(87% 0 0);--color-phases-400:oklch(70.8% 0 0);--color-phases-500:oklch(55.6% 0 0);--color-phases-600:oklch(43.9% 0 0);--color-phases-700:oklch(37.1% 0 0);--color-phases-800:oklch(26.9% 0 0);--color-phases-900:oklch(20.5% 0 0);--color-phases-950:oklch(0% 0 0);--color-life-50:oklch(98.2% .0081 174.35);--color-life-100:oklch(96.03% .0197 172.98);--color-life-200:oklch(91.66% .0355 161.364);--color-life-300:oklch(85.81% .0551 162.869);--color-life-400:oklch(73.3% .0718 163.207);--color-life-500:oklch(61.84% .0713 163.511);--color-life-600:oklch(51.37% .0616 167.69);--color-life-700:oklch(43.44% .0524 167.262);--color-life-800:oklch(38.24% .047 163.511);--color-life-900:oklch(28.73% .0371 168.412);--color-life-950:oklch(19.4% .0277 168.052);--color-balance-50:oklch(98.06% .0233 171.915);--color-balance-100:oklch(95.1% .0642 169.85);--color-balance-200:oklch(90.66% .1167 170.481);--color-balance-300:oklch(84.82% .1757 171.251);--color-balance-400:oklch(76.98% .2078 170.102);--color-balance-500:oklch(70.21% .1916 169.179);--color-balance-600:oklch(60.08% .1618 170.305);--color-balance-700:oklch(51.08% .1338 172.854);--color-balance-800:oklch(44.4% .115 170);--color-balance-900:oklch(38.05% .0901 176.286);--color-balance-950:oklch(26.68% .0614 180.056);--color-stock-50:oklch(98.2% .0166 156.233);--color-stock-100:oklch(96.2% .0405 157.15);--color-stock-200:oklch(92.5% .0773 156.402);--color-stock-300:oklch(87.1% .1381 154.856);--color-stock-400:oklch(79.2% .1924 152.118);--color-stock-500:oklch(72.3% .2016 149.986);--color-stock-600:oklch(62.7% .1786 149.621);--color-stock-700:oklch(52% .1389 149.986);--color-stock-800:oklch(44.8% .1095 151.735);--color-stock-900:oklch(39.3% .0874 152.942);--color-stock-950:oklch(26.6% .0598 153.341);--color-iris-50:oklch(96.2% .0158 272.163);--color-iris-100:oklch(93% .0299 272.637);--color-iris-200:oklch(87% .0571 273.887);--color-iris-300:oklch(78.5% .101 274.56);--color-iris-400:oklch(67.3% .1599 276.782);--color-iris-500:oklch(58.5% .2047 276.966);--color-iris-600:oklch(51.06% .2301 276.966);--color-iris-700:oklch(45.7% .2109 276.873);--color-iris-800:oklch(39.8% .1713 277.216);--color-iris-900:oklch(35.9% .1265 278.547);--color-iris-950:oklch(25.7% .0791 281.138);--color-studio-50:oklch(97.23% .0122 27.461);--color-studio-100:oklch(93.85% .0298 27.96);--color-studio-200:oklch(88.73% .058 27.858);--color-studio-300:oklch(81.21% .1051 28.297);--color-studio-400:oklch(71.05% .1721 29.103);--color-studio-500:oklch(64.66% .2117 30.6);--color-studio-600:oklch(57.6% .215 30.6);--color-studio-700:oklch(51.18% .1907 31.176);--color-studio-800:oklch(44.77% .1578 30.49);--color-studio-900:oklch(39.77% .1255 29.603);--color-studio-950:oklch(25.91% .0817 29.606);--color-scene-50:oklch(97.14% .0139 22);--color-scene-100:oklch(93.69% .0341 22.392);--color-scene-200:oklch(88.58% .0662 22.763);--color-scene-300:oklch(80.94% .1212 23.726);--color-scene-400:oklch(70.62% .2014 25.74);--color-scene-500:oklch(64.03% .2491 28.299);--color-scene-600:oklch(59.9% .255 28.299);--color-scene-700:oklch(50.73% .2241 29.933);--color-scene-800:oklch(44.53% .186 29.291);--color-scene-900:oklch(39.66% .148 28.214);--color-scene-950:oklch(25.84% .0965 28.425);--color-take-50:oklch(97.71% .014 54.498);--color-take-100:oklch(94.83% .0337 55.615);--color-take-200:oklch(89.59% .0668 52.764);--color-take-300:oklch(82.78% .1153 50.15);--color-take-400:oklch(73.54% .1732 43.924);--color-take-500:oklch(70.45% .1926 39.231);--color-take-600:oklch(62.41% .214 35.438);--color-take-700:oklch(53.77% .1873 33.647);--color-take-800:oklch(46.17% .1524 32.702);--color-take-900:oklch(40.42% .1201 32.92);--color-take-950:oklch(26.35% .0776 31.716);--color-script-50:oklch(98.7% .02 94.833);--color-script-100:oklch(96.2% .0537 95.173);--color-script-200:oklch(92.4% .1092 95.302);--color-script-300:oklch(87.9% .1537 91.161);--color-script-400:oklch(82.8% .1719 83.985);--color-script-500:oklch(78.92% .1713 69.636);--color-script-600:oklch(66.6% .1628 57.874);--color-script-700:oklch(55.5% .1483 48.554);--color-script-800:oklch(47.3% .1246 45.757);--color-script-900:oklch(41.4% .1019 45.46);--color-script-950:oklch(27.9% .07 45.191);--color-line-50:oklch(96.9% .015 12.268);--color-line-100:oklch(94.1% .03 12.426);--color-line-200:oklch(89.2% .058 9.847);--color-line-300:oklch(81% .117 11.484);--color-line-400:oklch(71.2% .194 13.274);--color-line-500:oklch(64.41% .2448 16.285);--color-line-600:oklch(58.6% .253 17.431);--color-line-700:oklch(51.4% .222 16.781);--color-line-800:oklch(45.5% .188 13.543);--color-line-900:oklch(41% .159 10.118);--color-line-950:oklch(27.1% .105 11.94);--color-tangible-50:oklch(98.12% .0024 249.64);--color-tangible-100:oklch(96.03% .0053 251.762);--color-tangible-200:oklch(91.9% .0099 256.605);--color-tangible-300:oklch(85.68% .0172 253.65);--color-tangible-400:oklch(70.5% .0291 257.213);--color-tangible-500:oklch(56.82% .0358 259.072);--color-tangible-600:oklch(46.7% .038 258.769);--color-tangible-700:oklch(39.65% .0383 259.418);--color-tangible-800:oklch(30.93% .0332 261.211);--color-tangible-900:oklch(25.84% .0295 259.072);--color-tangible-950:oklch(16.12% .023 265.399);--color-enlace-50:oklch(97.62% .0108 240.766);--color-enlace-100:oklch(94.89% .0221 241.056);--color-enlace-200:oklch(89.89% .0481 235.626);--color-enlace-300:oklch(82.59% .0913 234.851);--color-enlace-400:oklch(74.17% .1328 237.246);--color-enlace-500:oklch(67.82% .1439 241.966);--color-enlace-600:oklch(58.76% .1389 241.966);--color-enlace-700:oklch(49.87% .1208 247.297);--color-enlace-800:oklch(44.09% .0991 245.693);--color-enlace-900:oklch(38.97% .0796 245.757);--color-enlace-950:oklch(29.18% .0569 248.052);--color-frame-50:oklch(98.33% .0146 83.988);--color-frame-100:oklch(95.77% .0372 84.937);--color-frame-200:oklch(91.17% .0752 82.608);--color-frame-300:oklch(85.65% .1147 78.325);--color-frame-400:oklch(78.63% .1448 69.448);--color-frame-500:oklch(73.48% .157 58.318);--color-frame-600:oklch(66.58% .1574 58.318);--color-frame-700:oklch(55.39% .1404 43.591);--color-frame-800:oklch(47.14% .1152 41.703);--color-frame-900:oklch(41.08% .0919 42.029);--color-frame-950:oklch(27.2% .0609 40.881)}.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-full{height:100%}.w-auto{width:auto}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.object-contain{-o-object-fit:contain;object-fit:contain}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg-base:var(--color-phases-950);--squircle-radius:33px;--blur-glass:blur(33px);--font-body:"Clear Sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-head:"JetBrains Mono",monospace;--brand-black:#070707;--brand-white:#fafafa}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}body{background-color:var(--bg-base);color:var(--color-phases-50);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-head);letter-spacing:-.02em}.font-head{font-family:var(--font-head)}.liquid-glass{--lg-bg:#0000004d;--lg-border:#ffffff0d;--lg-shadow:0 8px 32px #0000004d;--lg-transform:translateZ(0);background-color:var(--lg-bg);-webkit-backdrop-filter:blur(33px)saturate(200%);border-radius:var(--squircle-radius);border:1px solid var(--lg-border);box-shadow:inset 0 0 0 1px #ffffff05,var(--lg-shadow);isolation:isolate;will-change:backdrop-filter,transform;transform:var(--lg-transform);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");background-clip:padding-box}.squircle{border-radius:var(--squircle-radius)}.take-reorder-item{z-index:1}.take-reorder-item:hover,.take-reorder-item:focus-within{z-index:50!important}.teleprompter-content *{font-family:inherit!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}*{margin:0;padding:0;box-sizing:border-box}:root{--scene-red: var(--color-take-500);--scene-red-light: var(--color-take-300);--scene-red-dark: var(--color-take-700);--scene-red-glow: color-mix(in srgb, var(--color-take-500) 30%, transparent);--scene-red-glow-intense: color-mix(in srgb, var(--color-take-500) 50%, transparent);--phases-black: var(--color-phases-950);--phases-black-soft: var(--color-phases-900);--phases-white: var(--color-phases-50);--phases-gray: var(--color-phases-500);--phases-gray-light: var(--color-phases-400);--phases-slate: var(--color-phases-700);--positive: var(--color-script-500);--negative: var(--color-line-500);--alert: var(--color-frame-500);--info: var(--color-enlace-500);--metas: var(--color-tangible-500);--dark-bg: var(--color-phases-950);--dark-surface: color-mix(in srgb, var(--color-phases-900) 92%, transparent);--dark-surface-elevated: color-mix(in srgb, var(--color-phases-900) 95%, transparent);--dark-border: rgba(255, 255, 255, .06);--dark-border-hover: rgba(255, 255, 255, .12);--dark-border-active: color-mix(in srgb, var(--color-take-500) 40%, transparent);--text-primary: var(--color-phases-50);--text-secondary: color-mix(in srgb, var(--color-phases-50) 55%, transparent);--text-muted: color-mix(in srgb, var(--color-phases-50) 35%, transparent);--transition-micro: .1s ease;--transition-fast: .15s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px var(--scene-red-glow);--blur-sm: 8px;--blur-md: 16px;--blur-lg: 24px;--blur-glass: 33px;--glass-bg: rgba(10, 10, 14, .28);--glass-border: rgba(255, 255, 255, .1);--glass-grain: .038;--glass-specular-top: rgba(255, 255, 255, .13);--glass-specular-bottom: rgba(255, 255, 255, .05)}:root{--font-body: "Clear Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-head: "JetBrains Mono", monospace}body{font-family:var(--font-body);background:var(--dark-bg);color:var(--text-primary);overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-head)}h1{font-weight:800}h2,h3{font-weight:700}h4,h5{font-weight:500}h6{font-weight:400;letter-spacing:.08em;text-transform:uppercase}#root{width:100vw;height:100vh}.app{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.margin-guide{position:fixed;top:0;bottom:0;width:2px;background:var(--scene-red);z-index:90;pointer-events:none;animation:guideAppear .15s ease-out;box-shadow:0 0 8px var(--scene-red),0 0 20px var(--scene-red-glow)}@keyframes guideAppear{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.navbar{position:fixed;top:16px;left:0;right:0;z-index:100;display:flex;justify-content:center;pointer-events:none;padding:0 20px}.navbar-container{width:100%;max-width:1400px;display:flex;justify-content:space-between;align-items:center}.navbar-group{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--dark-surface);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--dark-border);border-radius:24px;box-shadow:var(--shadow-lg),0 0 0 1px #ffffff08 inset,0 1px #ffffff0d inset;pointer-events:auto}@keyframes navbarSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.navbar-hidden{opacity:0;transform:translate(-50%) translateY(-100%);pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar:not(.navbar-hidden){transition:all .3s cubic-bezier(.16,1,.3,1)}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%}.navbar-group,.navbar-section{display:flex;align-items:center;gap:8px}.navbar-section.controls{gap:16px}.navbar-divider{width:1px;height:24px;background:var(--dark-border)}.nav-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;background:transparent;border:1px solid transparent;border-radius:16px;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-smooth)}.nav-btn svg{width:20px;height:20px;transition:transform var(--transition-smooth),filter var(--transition-fast);animation:iconBounceIn .5s cubic-bezier(.34,1.56,.64,1) backwards}.navbar-section .nav-btn:nth-child(1) svg{animation-delay:.05s}.navbar-section .nav-btn:nth-child(2) svg{animation-delay:.1s}.navbar-section .nav-btn:nth-child(3) svg{animation-delay:.15s}.navbar-section .nav-btn:nth-child(4) svg{animation-delay:.2s}.navbar-section .nav-btn:nth-child(5) svg{animation-delay:.25s}.navbar-section .nav-btn:nth-child(6) svg{animation-delay:.3s}@keyframes iconBounceIn{0%{opacity:0;transform:scale(0) rotate(-180deg)}60%{transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.nav-btn:hover{color:var(--text-primary);background:#ffffff14;border-color:var(--dark-border-hover)}.nav-btn:hover svg{transform:scale(1.15) rotate(8deg);filter:drop-shadow(0 0 4px currentColor)}.nav-btn:active{transform:scale(.95)}.nav-btn.active{color:var(--scene-red);background:#dc262626;border-color:var(--dark-border-active);box-shadow:0 0 16px var(--scene-red-glow)}.nav-btn.primary{width:48px;height:48px;flex-shrink:0;background:linear-gradient(135deg,var(--scene-red) 0%,var(--scene-red-dark) 100%);color:#fff;border:none;box-shadow:0 4px 16px var(--scene-red-glow),0 0 0 1px #ffffff1a inset;border-radius:18px}.nav-btn.primary:hover{background:linear-gradient(135deg,#ef4444 0%,var(--scene-red) 100%);box-shadow:0 6px 24px var(--scene-red-glow-intense),0 0 0 1px #ffffff26 inset}.nav-btn.primary.active{animation:primaryPulse 2s infinite ease-in-out}@keyframes primaryPulse{0%,to{box-shadow:0 4px 16px var(--scene-red-glow)}50%{box-shadow:0 6px 30px var(--scene-red-glow-intense)}}.floating-play-btn{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:101;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#50505066;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#ffffff80;cursor:pointer;transition:all .2s ease}.floating-play-btn svg{width:20px;height:20px}.floating-play-btn:hover{background:#64646499;color:#fffc;transform:translate(-50%) scale(1.05)}.karaoke-overlay{position:fixed;top:0;left:0;right:0;height:45%;background:linear-gradient(to bottom,#000000f2,#000000d9 40%,#0009,#0000);pointer-events:auto;z-index:80;cursor:pointer}.karaoke-dropdown-wrapper{position:relative;display:flex;align-items:center;height:100%}.karaoke-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:16px;background:#19191ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:16px;z-index:200;display:flex;flex-direction:column;gap:16px;min-width:220px;box-shadow:0 10px 40px #00000080;animation:popupIn .2s cubic-bezier(.16,1,.3,1)}.karaoke-dropdown:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#19191ef2;border-left:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1)}.karaoke-dropdown-setting{display:flex;align-items:center;justify-content:space-between;gap:12px}.karaoke-dropdown-setting label{font-size:12px;font-weight:500;color:#fff9;min-width:65px}.karaoke-dropdown-setting input[type=range]{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff26;border-radius:2px;cursor:pointer}.karaoke-dropdown-setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--scene-red, #DC2626);border-radius:50%;cursor:pointer;-webkit-transition:transform .1s ease;transition:transform .1s ease;box-shadow:0 0 10px #dc26264d}.karaoke-dropdown-setting input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.karaoke-dropdown-setting span{font-size:11px;font-weight:600;color:var(--scene-red, #DC2626);min-width:35px;text-align:right;font-variant-numeric:tabular-nums}.side-preview-panel{position:fixed;right:24px;top:50%;transform:translateY(-50%);background:#141419e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:16px 20px;z-index:200;min-width:140px;animation:slideInRight .25s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #00000080}.teleprompter .content:not(.is-editing) .script *{font-family:inherit!important;background-color:transparent!important}@keyframes slideInRight{0%{opacity:0;transform:translateY(-50%) translate(20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.preview-title{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.preview-list{display:flex;flex-direction:column;gap:6px}.preview-item{display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:12px;transition:all .15s ease}.preview-item.current{background:#dc262633;border:1px solid var(--scene-red, #DC2626)}.preview-sample{font-weight:600;color:#fffc;min-width:35px}.preview-value{font-size:13px;font-weight:500;color:#ffffffb3}.preview-item.current .preview-value{color:var(--scene-red, #DC2626);font-weight:700}.preview-emoji{font-size:14px;min-width:20px;text-align:center}@keyframes pulse{0%,to{box-shadow:0 2px 12px var(--scene-red-glow)}50%{box-shadow:0 4px 24px #dc262680}}.color-control{display:flex;align-items:center;gap:6px}.color-icon{width:16px;height:16px;border-radius:4px;border:1px solid var(--dark-border)}.color-icon.bg-icon{background:linear-gradient(135deg,#333 50%,#666 50%)}.color-icon.text-icon{background:#fff;position:relative}.color-icon.text-icon:after{content:"A";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#000}.color-control input[type=color]{width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;cursor:pointer;overflow:hidden}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-control input[type=color]::-webkit-color-swatch{border:1px solid var(--dark-border);border-radius:6px}.slider-control{display:flex;align-items:center;gap:8px}.slider-label{font-size:11px;font-weight:500;color:var(--text-secondary);min-width:60px}.slider-value{font-size:11px;font-weight:600;color:var(--text-primary);min-width:45px;text-align:right;font-variant-numeric:tabular-nums}.slider-control input[type=range]{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border-radius:4px;outline:none;cursor:pointer}.slider-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--scene-red);border-radius:50%;cursor:pointer;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);box-shadow:0 2px 6px var(--scene-red-glow)}.slider-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 12px var(--scene-red-glow)}.slider-control input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--scene-red);border:none;border-radius:50%;cursor:pointer}.teleprompter{flex:1;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;position:relative;scroll-behavior:auto;scrollbar-width:none;-ms-overflow-style:none;will-change:transform,scroll-position;contain:size layout}.teleprompter::-webkit-scrollbar{display:none}.content{min-height:100%;display:flex;align-items:flex-start;justify-content:center;padding:55vh 0 50vh}.script{white-space:pre-wrap;word-wrap:break-word;text-align:center;line-height:1.5;font-weight:400;letter-spacing:-.01em;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.editor-wysiwyg{width:100%;min-height:50vh;padding:20px;font-family:inherit;font-weight:400;line-height:1.5;text-align:center;outline:none;border:2px dashed rgba(220,38,38,.3);border-radius:12px;background:#ffffff05;cursor:text}.editor-wysiwyg:focus{border-color:#dc262699;background:#ffffff08}.editor-wysiwyg p{margin:0 0 1em}.editor-wysiwyg h1{font-size:2em;font-weight:800;margin:.5em 0;line-height:1.2;color:var(--scene-red)}.editor-wysiwyg h2{font-size:1.5em;font-weight:700;margin:.5em 0;line-height:1.3;color:var(--text-primary)}.script p{margin:0 0 1.5em}.script h1{font-size:2.2em;font-weight:800;margin:0 0 .8em;color:var(--scene-red);line-height:1.2}.script h2{font-size:1.6em;font-weight:700;margin:0 0 .8em;color:var(--text-primary);line-height:1.3}.editor-toolbar{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:99;display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--dark-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--dark-border);border-radius:12px;box-shadow:0 4px 20px #0000004d;animation:navbarSlideIn .3s ease}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border:1px solid var(--dark-border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;transition:all var(--transition-fast)}.toolbar-group{display:flex;align-items:center;gap:4px}.toolbar-btn.font-heading{width:32px;font-family:inherit;font-weight:700;font-size:12px;color:var(--text-secondary)}.toolbar-btn.font-size-btn{width:28px;font-weight:600;color:var(--text-secondary)}.toolbar-btn:hover{background:#ffffff1a;border-color:var(--scene-red);color:var(--text-primary)}.toolbar-btn.small{width:28px;height:28px;font-size:12px}.toolbar-divider{width:1px;height:20px;background:var(--dark-border);margin:0 4px}.toolbar-btn svg{width:16px;height:16px}.color-palette{display:flex;align-items:center;gap:8px}.palette-label{font-size:10px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.palette-swatches{display:flex;align-items:center;gap:4px}.color-swatch{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;transition:all var(--transition-fast);padding:0}.color-swatch:hover{transform:scale(1.2);border-color:#ffffff80;box-shadow:0 0 8px #ffffff4d}.color-swatch.highlight{border-radius:6px}.color-swatch.custom{border-style:dashed}.color-swatch.add-color{background:#ffffff1a;border:2px dashed rgba(255,255,255,.3);color:#ffffff80;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}.color-swatch.add-color:hover{background:#ffffff26;border-color:var(--scene-red);color:var(--scene-red)}.color-picker-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .15s ease}.color-picker-popup{background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:16px;padding:20px;min-width:280px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:popupIn .2s ease}@keyframes popupIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.color-picker-popup h4{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-primary)}.hex-input-group{display:flex;align-items:center;gap:8px;margin-bottom:16px}.hex-input-group span{font-size:16px;font-weight:600;color:var(--text-secondary)}.hex-input-group input{flex:1;padding:10px 12px;font-size:16px;font-family:monospace;text-transform:uppercase;letter-spacing:2px;background:#ffffff0d;border:1px solid var(--dark-border);border-radius:8px;color:var(--text-primary);outline:none}.hex-input-group input:focus{border-color:var(--scene-red)}.hex-preview{width:40px;height:40px;border-radius:8px;border:2px solid var(--dark-border)}.color-picker-actions{display:flex;gap:8px;justify-content:flex-end}.color-picker-actions button{padding:8px 16px;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all var(--transition-fast)}.color-picker-actions button:first-child{background:transparent;border:1px solid var(--dark-border);color:var(--text-secondary)}.color-picker-actions button:first-child:hover{background:#ffffff0d}.color-picker-actions .apply-btn{background:var(--scene-red);border:none;color:#fff}.color-picker-actions .apply-btn:hover:not(:disabled){background:#ef4444}.color-picker-actions .apply-btn:disabled{opacity:.5;cursor:not-allowed}.highlight-squircle{display:inline;padding:2px 10px;border-radius:8px;color:#fff!important}.editor-placeholder{color:var(--text-secondary)}.rec-indicator{position:fixed;top:80px;left:24px;display:flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;background:var(--dark-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(220,38,38,.3);border-radius:8px;animation:recSlideIn .3s ease}@keyframes recSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.rec-dot{width:10px;height:10px;background:var(--scene-red);border-radius:50%;animation:recPulse 1s infinite}@keyframes recPulse{0%,to{opacity:1;box-shadow:0 0 #dc262680}50%{opacity:.7;box-shadow:0 0 0 6px #dc262600}}.rec-text{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--scene-red)}.karaoke-overlay{position:fixed;top:0;left:0;right:0;height:45%;background:linear-gradient(to bottom,#000000f2,#000000eb 40%,#000c,#0000);pointer-events:none;z-index:80;animation:karaokeIn .3s ease}@keyframes karaokeIn{0%{opacity:0}to{opacity:1}}.karaoke-focus-line{position:fixed;top:50%;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--scene-red) 20%,var(--scene-red) 80%,transparent 100%);pointer-events:none;z-index:81;box-shadow:0 0 20px var(--scene-red),0 0 40px var(--scene-red-glow);animation:focusLineGlow 2s ease-in-out infinite}@keyframes focusLineGlow{0%,to{opacity:.8;box-shadow:0 0 15px var(--scene-red),0 0 30px var(--scene-red-glow)}50%{opacity:1;box-shadow:0 0 25px var(--scene-red),0 0 50px var(--scene-red-glow)}}.karaoke-indicator{position:fixed;top:80px;right:24px;padding:8px 14px;background:var(--dark-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(220,38,38,.3);border-radius:8px;animation:recSlideIn .3s ease}.karaoke-text{font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--scene-red)}@media(max-width:1200px){.navbar{padding:8px 12px;gap:8px}.slider-control input[type=range]{width:60px}.slider-label{min-width:50px;font-size:10px}.slider-value{min-width:40px;font-size:10px}}@media(max-width:900px){.navbar-section.controls{display:none}}.side-preview-panel{position:fixed;bottom:90px;right:24px;width:120px;background:var(--dark-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--dark-border);border-radius:12px;padding:12px;z-index:95;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 20px #0000004d;animation:slideInRight .3s cubic-bezier(.34,1.56,.64,1)}.side-preview-panel.font-mode{width:140px}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.preview-title{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-weight:700;text-align:center;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.preview-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:hidden}.preview-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:6px;color:var(--text-secondary);transition:all .2s ease}.preview-item.current{background:#dc26261a;color:var(--scene-red);font-weight:600;transform:scale(1.05)}.preview-sample{font-family:serif;line-height:1}.preview-value{font-size:11px;font-family:monospace}.preview-item.speed-item{flex-direction:column;align-items:stretch;gap:4px;padding:8px;height:auto}.speed-track{width:100%;height:20px;background:#0000004d;border-radius:4px;overflow:hidden;position:relative;display:flex;align-items:center}.speed-text{white-space:nowrap;font-size:9px;color:#ffffff80;animation:scrollText linear infinite;padding-left:100%}@keyframes scrollText{0%{transform:translate(0)}to{transform:translate(-100%)}}.preview-item.speed-item.current .speed-text{color:var(--scene-red);font-weight:600}.side-preview-panel.speed-mode{width:250px}.preview-content-wrapper{display:flex;gap:12px;height:100%}.preview-column{flex:1;display:flex;flex-direction:column}.preview-column.list-column{flex:0 0 80px}.preview-column.visual-column{flex:1;border-left:1px solid rgba(255,255,255,.1);padding-left:12px}.speed-visual-item{height:80px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#0003;border-radius:6px;margin-bottom:8px}.speed-track.vertical{width:100%;height:60px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent)}.speed-text.vertical{position:absolute;top:0;left:0;width:100%;white-space:normal;text-align:center;font-size:10px;line-height:1.4;color:#fffc;animation-name:scrollTextVertical;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes scrollTextVertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.preview-value.mini{font-size:10px;color:#ffffff80;margin-top:4px}.karaoke-arrow{position:fixed;left:24px;width:24px;height:24px;color:var(--scene-red);transform:translateY(-50%);z-index:40;pointer-events:none;filter:drop-shadow(0 0 5px rgba(220,38,38,.5));opacity:.8;transition:top .1s linear}.font-selector-wrapper{position:relative;display:flex;align-items:center}.font-family-btn{font-family:serif;font-weight:700;width:40px!important}.font-icon{font-size:16px}.font-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:12px;background:var(--dark-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--dark-border);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px;min-width:160px;box-shadow:0 4px 20px #0006;z-index:100;animation:slideDown .2s cubic-bezier(.34,1.56,.64,1)}.font-dropdown:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:var(--dark-surface);border-left:1px solid var(--dark-border);border-top:1px solid var(--dark-border)}.font-option{padding:8px 12px;background:transparent;border:none;color:var(--text-secondary);text-align:left;cursor:pointer;border-radius:6px;transition:all .2s;font-size:14px}.font-option:hover{background:#ffffff1a;color:var(--text-primary)}.font-option.active{background:var(--scene-red-glow);color:var(--scene-red);font-weight:600}.font-dropdown.expanded-menu{width:280px;padding:16px;gap:12px}.menu-header{font-size:12px;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;margin-bottom:4px;font-weight:600}.font-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.font-option{text-align:center;border:1px solid var(--dark-border)}.menu-divider{height:1px;background:var(--dark-border);margin:4px 0}.menu-control{display:flex;flex-direction:column;gap:8px}.control-header{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.menu-control input[type=range]{width:100%}.karaoke-toggle-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px}.toggle-switch{width:40px;height:20px;background:var(--dark-border);border-radius:20px;position:relative;cursor:pointer;border:none;transition:background .3s}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .3s}.toggle-switch.on{background:var(--scene-red)}.toggle-switch.on:after{transform:translate(20px)}@font-face{font-family:OpenDyslexic;src:url(https://cdn.jsdelivr.net/npm/open-dyslexic@1.0.3/woff/OpenDyslexic-Regular.woff) format("woff"),url(https://cdn.jsdelivr.net/npm/open-dyslexic@1.0.3/ttf/OpenDyslexic-Regular.ttf) format("truetype");font-weight:400;font-style:normal}.settings-sidebar-left,.settings-sidebar-right{position:fixed;top:90px;width:260px;max-height:calc(100vh - 110px);background:var(--dark-surface);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--dark-border);border-radius:20px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:95;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;overflow-y:auto;overflow-x:hidden}.settings-sidebar-left{left:20px;transform:translate(-360px);opacity:0}.settings-sidebar-right{right:20px;transform:translate(360px);opacity:0}.settings-sidebar-left.open,.settings-sidebar-right.open{transform:translate(0);opacity:1}.sidebar-section{padding:24px;border-bottom:1px solid var(--dark-border)}.sidebar-section:last-child{border-bottom:none}.sidebar-title{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;display:flex;align-items:center;gap:8px}.sidebar-widget{background:#0003;border:1px solid var(--dark-border);border-radius:16px;padding:16px;overflow:hidden;margin-bottom:20px}.typography-preview-box{height:140px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:12px;margin-bottom:16px;overflow:hidden;position:relative;border:1px solid var(--dark-border)}.typography-preview-text{color:var(--text-primary);white-space:nowrap;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.playback-preview-box{height:160px;background:#0000004d;border-radius:12px;position:relative;overflow:hidden;margin-bottom:16px;border:1px solid var(--dark-border)}.speed-reading-line{position:absolute;top:50%;left:0;right:0;height:2px;background:var(--scene-red);box-shadow:0 0 10px var(--scene-red-glow);z-index:2;opacity:.8}.speed-scroll-text{font-size:16px;line-height:1.8;color:var(--text-primary);text-align:center;padding:0 16px;width:100%;animation:speedScroll linear infinite;display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes speedScroll{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}.control-row{margin-bottom:20px}.control-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.control-label{font-size:13px;color:var(--text-secondary);font-weight:500}.control-value{font-size:12px;font-weight:700;color:var(--scene-red);font-variant-numeric:tabular-nums;background:#dc26261a;padding:4px 8px;border-radius:6px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff08;border-radius:12px;margin-bottom:12px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.toggle-row:hover{background:#ffffff0f;border-color:var(--dark-border)}.toggle-label{font-size:14px;color:var(--text-primary);font-weight:500}.sidebar-section input[type=range]{width:100%;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:20px;cursor:pointer;margin:0}.sidebar-section input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:#ffffff26;border-radius:2px;-webkit-transition:background .2s;transition:background .2s}.sidebar-section input[type=range]:hover::-webkit-slider-runnable-track{background:#ffffff40}.sidebar-section input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:var(--scene-red);margin-top:-6px;box-shadow:0 0 0 2px var(--dark-bg);-webkit-transition:transform .1s ease,background .2s;transition:transform .1s ease,background .2s}.sidebar-section input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2);background:#ef4444;box-shadow:0 0 0 4px #dc26264d}.sidebar-section input[type=range]:active::-webkit-slider-thumb{transform:scale(1.1);background:var(--scene-red-dark)}.sidebar-section input[type=range]::-moz-range-track{width:100%;height:4px;background:#ffffff26;border-radius:2px}.sidebar-section input[type=range]::-moz-range-thumb{height:16px;width:16px;border:none;border-radius:50%;background:var(--scene-red);-moz-transition:transform .1s ease;transition:transform .1s ease}.settings-sidebar-left::-webkit-scrollbar,.settings-sidebar-right::-webkit-scrollbar{width:6px}.settings-sidebar-left::-webkit-scrollbar-track,.settings-sidebar-right::-webkit-scrollbar-track{background:transparent}.settings-sidebar-left::-webkit-scrollbar-thumb,.settings-sidebar-right::-webkit-scrollbar-thumb{background:var(--dark-border);border-radius:3px}.settings-sidebar-left::-webkit-scrollbar-thumb:hover,.settings-sidebar-right::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{width:100vw;height:100vh;display:flex;flex-direction:column}.spa-header{height:60px;background:var(--dark-surface);border-bottom:1px solid var(--dark-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:50}.logo-text{font-weight:800;color:var(--scene-red);letter-spacing:-.02em;font-size:18px}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.glass-island{position:relative;overflow:hidden}.glass-island:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,<svg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23g)'/></svg>");mix-blend-mode:overlay;opacity:var(--glass-grain);pointer-events:none}.squircle{border-radius:33px}.nav-islands-container{position:fixed;top:16px;left:16px;right:16px;z-index:200;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.nav-island{pointer-events:all;flex-shrink:0}.nav-tab:hover{background:#ffffff12!important;color:#fffc!important}.nav-islands-offset{padding-top:72px}@media(max-width:768px){.nav-islands-container{top:auto;bottom:16px;flex-direction:column;align-items:stretch}.nav-island-left,.nav-island-right{display:none!important}.nav-island-center{justify-content:space-around}.nav-user-name{display:none}.nav-tab-label{font-size:9px!important;letter-spacing:0}.nav-tab{flex-direction:column!important;padding:7px 8px!important;gap:3px!important;font-size:9px!important}.nav-islands-offset{padding-top:0;padding-bottom:80px}}.dashboard-container{padding:40px;max-width:1200px;margin:0 auto;width:100%;height:100%;overflow-y:auto}@media(max-width:600px){.dashboard-container{padding:20px 16px 32px}}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.dashboard-header h1{font-size:2rem;font-weight:700;color:var(--text-primary)}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s}.btn-primary{background:var(--scene-red);color:#fff}.btn-primary:hover{background:var(--scene-red-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff0d;border-color:var(--dark-border);color:var(--text-primary);display:inline-flex;align-items:center}.btn-secondary:hover{background:#ffffff1a}.create-session-card{background:#ffffff08;border:1px solid var(--dark-border);padding:24px;border-radius:12px;margin-bottom:40px}.create-session-card h3{margin-bottom:16px;font-size:1.2rem}.create-form{display:flex;gap:12px}.input-text{flex:1;background:#0000004d;border:1px solid var(--dark-border);border-radius:8px;padding:10px 16px;color:#fff;outline:none}.input-text:focus{border-color:var(--scene-red)}.sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.session-card{background:#ffffff08;border:1px solid var(--dark-border);padding:20px;border-radius:12px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:flex-start}.session-card:hover{transform:translateY(-2px);background:#ffffff0f;border-color:var(--scene-red-glow)}.session-info{display:flex;flex-direction:column;gap:6px}.session-info h4{font-size:1.1rem;color:var(--text-primary)}.session-date{font-size:.85rem;color:var(--text-secondary)}.session-id{font-size:.75rem;font-family:monospace;color:var(--phases-gray);background:#0000004d;padding:2px 6px;border-radius:4px;align-self:flex-start}.btn-icon.delete{background:transparent;color:var(--text-muted);font-size:18px}.btn-icon.delete:hover{color:var(--negative)}.logo-link{text-decoration:none}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease-out}.modal-content{background:#18181b;border:1px solid var(--dark-border);border-radius:24px;padding:32px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 20px 50px #00000080;animation:scaleIn .2s cubic-bezier(.16,1,.3,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-icon-wrapper{width:64px;height:64px;background:#dc26261a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--scene-red)}.modal-icon{width:32px;height:32px}.modal-content h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.modal-content p{font-size:.95rem;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.modal-content p b{color:var(--text-primary)}.modal-actions{display:flex;gap:12px;width:100%}.modal-actions button{flex:1;padding:12px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger{background:var(--scene-red);color:#fff;border:none}.btn-danger:hover{background:var(--scene-red-dark)}.btn-icon.delete{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;color:var(--text-muted);border:1px solid transparent;transition:all .2s}.btn-icon.delete svg{width:20px;height:20px}.btn-icon.delete:hover{background:#dc26261a;color:var(--scene-red);border-color:#dc262633}.session-stats-preview{display:flex;gap:12px;margin-top:8px;font-size:.8rem;color:var(--text-muted)}.session-stats-preview span{display:flex;align-items:center;gap:4px}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-weight:600}.stat-value{font-size:15px;color:var(--text-primary);font-weight:700;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace}.stat-divider{width:1px;height:24px;background:#ffffff1a}.stat-item{display:flex;flex-direction:column;align-items:flex-start}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:2px}.stat-value{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}.stat-divider{width:1px;height:24px;background:#fff3}.teleprompter{will-change:scroll-position;backface-visibility:hidden;transform:translateZ(0)}.script,.editor-wysiwyg{text-rendering:optimizeSpeed;transform:translateZ(0);content-visibility:auto;contain-intrinsic-size:1000px}.content.is-editing .script,.content.is-editing .editor-wysiwyg{content-visibility:visible!important;contain:none!important}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-90%)}to{opacity:1;transform:translate(-50%,-100%)}}.floating-toolbar{z-index:1000!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px!important;gap:6px!important}.floating-toolbar button:hover{background:#ffffff26}.color-swatch-mini{border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:transform .1s}.color-swatch-mini:hover{transform:scale(1.1);border-color:#ffffff80}.color-swatch.remove-color{background:transparent;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#ffffff80}.color-swatch.remove-color:hover{border-color:#fffc;color:#fff;background:#ffffff0d}.app.is-playing .navbar-group{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--dark-surface);box-shadow:none;border-color:transparent}.app.is-playing .stats-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--dark-surface);box-shadow:none;border:1px solid rgba(255,255,255,.05)}.app.is-playing .margin-guide{opacity:.1;box-shadow:none}.app.is-playing .karaoke-dropdown,.app.is-playing .settings-sidebar-left,.app.is-playing .settings-sidebar-right{backdrop-filter:none;-webkit-backdrop-filter:none;background:#111}.dashboard-container{width:100%;max-width:1200px;margin:0 auto;padding:40px 24px;min-height:100vh;display:flex;flex-direction:column;gap:48px;animation:fadeIn .5s ease-out;position:relative}.brand-logo{position:absolute;top:32px;left:32px;font-size:13px;font-weight:400;font-family:var(--font-head);color:var(--scene-red);letter-spacing:.22em;text-transform:uppercase;opacity:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-shadow:0 0 20px var(--scene-red-glow);display:flex;flex-direction:column;gap:2px;line-height:1}.brand-logo-sub{font-size:9px;font-weight:400;font-family:var(--font-head);color:var(--text-muted);letter-spacing:.18em;text-shadow:none;text-transform:uppercase}.dashboard-hero{text-align:center;padding:60px 0 40px;position:relative}.hero-title{font-size:48px;font-weight:800;font-family:var(--font-head);margin-bottom:32px;background:linear-gradient(135deg,#fff,#ffffffa6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.hero-input-wrapper{position:relative;max-width:600px;margin:0 auto;transform:scale(1);transition:transform .2s cubic-bezier(.4,0,.2,1)}.hero-input-wrapper:focus-within{transform:scale(1.02)}.hero-input{width:100%;height:64px;padding:0 200px 0 32px;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:99px;font-size:18px;color:#fff;box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0d inset;transition:all .2s ease}.hero-input:focus{outline:none;border-color:var(--scene-red);box-shadow:var(--shadow-lg),0 0 0 1px var(--scene-red) inset,0 0 20px var(--scene-red-glow)}.hero-controls{position:absolute;right:8px;top:8px;bottom:8px;display:flex;align-items:center;gap:8px}.hero-create-btn{height:100%;padding:0 24px;border-radius:99px;background:linear-gradient(135deg,var(--scene-red) 0%,var(--scene-red-dark) 100%);color:#fff;border:none;font-family:var(--font-head);font-weight:400;font-size:13px;letter-spacing:.06em;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px var(--scene-red-glow)}.hero-import-btn{height:100%;width:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:99px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.hero-import-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.hero-import-btn svg{width:20px;height:20px}.hero-create-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px var(--scene-red-glow-intense)}.hero-create-btn:disabled{background:var(--phases-black-soft);color:#ffffff4d;box-shadow:none;cursor:not-allowed}.sessions-section-title{font-size:10px;font-family:var(--font-head);font-weight:400;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-bottom:24px;padding-left:4px}.sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.session-card{position:relative;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:20px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:160px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.session-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--scene-red),transparent);opacity:0;transition:opacity .3s ease}.session-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0006,0 0 0 1px #ffffff1a;background:var(--dark-surface-elevated)}.session-card:hover:before{opacity:1}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.card-title{font-size:17px;font-weight:700;font-family:var(--font-head);color:#fff;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;letter-spacing:-.3px}.card-date{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.card-stats{display:flex;gap:16px;margin-top:auto}.stat-badge{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);background:#ffffff08;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.stat-badge svg{width:14px;height:14px;opacity:.7}.card-delete-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#141414cc;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-muted);opacity:0;transform:scale(.9);transition:all .2s ease}.session-card:hover .card-delete-btn{opacity:1;transform:scale(1)}.card-delete-btn:hover{background:#dc262633;color:#ef4444;border-color:#dc262666}.empty-state{text-align:center;padding:100px 0;color:var(--text-muted);grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:16px}.empty-state p{font-size:16px;color:var(--text-secondary);font-weight:500}.empty-state p:last-child{font-size:13px;color:var(--text-muted);font-weight:400;margin-top:-8px}.empty-icon{width:80px;height:80px;opacity:.15}span.highlight-squircle{border-radius:.25em;padding:.05em .2em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.stats-overlay{position:fixed;bottom:30px;right:40px;left:auto;transform:none;background:#0f0f14e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:12px 24px;border-radius:20px;display:flex;align-items:center;gap:24px;z-index:100;box-shadow:0 10px 30px #00000080;pointer-events:none;width:-moz-fit-content;width:fit-content;max-width:90vw}.script span[style*=background-color],.editor-wysiwyg span[style*=background-color]{border-radius:.25em;padding:.05em .2em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.content img{max-width:100%;height:auto;border-radius:8px;display:inline-block;transition:all .2s ease}.content.is-editing img{cursor:pointer}.content.is-editing img:hover{box-shadow:0 0 0 2px var(--text-secondary)}.content.is-editing img.active{box-shadow:0 0 0 3px var(--scene-red)}.content ul,.content ol{list-style-position:inside;text-align:left;display:inline-block;width:100%}.content li{margin-bottom:.5em}.media-toolbar{position:absolute;background:#0a0a0bf2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:8px 12px;display:flex;gap:8px;z-index:2000;box-shadow:0 8px 32px #00000080;animation:fadeIn .15s ease-out;pointer-events:auto;white-space:nowrap}.editor-toolbar-unified{max-width:95vw;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex!important;flex-wrap:nowrap!important}.editor-toolbar-unified::-webkit-scrollbar{display:none}@media(max-width:768px){.editor-toolbar-unified{top:70px!important;padding:8px 12px!important;gap:6px!important;border-radius:16px!important;justify-content:flex-start!important}.editor-toolbar-unified .toolbar-btn.small{min-width:36px;height:36px;font-size:14px}}mark{background-color:var(--scene-red-glow-intense);color:#fff;border-radius:4px;padding:0 2px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}.timer-input-premium{background:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.2);color:#fff;font-family:inherit;font-size:14px;font-weight:600;text-align:center;padding:0 4px;width:40px;height:24px;border-radius:0;transition:all .2s ease}.timer-input-premium:focus{outline:none;border-bottom-color:var(--scene-red);background:#ffffff0d}.no-spin::-webkit-outer-spin-button,.no-spin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spin{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.media-toolbar .vertical-divider{width:1px;height:24px;background:#ffffff1a;margin:0 4px}.dashboard-container{flex:1;width:100%;display:flex;flex-direction:column;padding-bottom:40px}.app-layout{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.spa-content{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;position:relative}@keyframes peerPulseYellow{0%,to{border-color:#fbbf2499;box-shadow:none}50%{border-color:#fbbf24e6;box-shadow:0 0 10px #fbbf2440}}@keyframes peerPulseOrange{0%,to{border-color:#f97316b3;box-shadow:0 0 8px #f9731633}50%{border-color:#f97316;box-shadow:0 0 18px #f9731680}}