/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@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}.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,-webkit-backdrop-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}.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}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #6366f1}: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:#ffffff0f;--dark-border-hover:#ffffff1f;--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 #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow:0 0 30px var(--scene-red-glow);--blur-sm:8px;--blur-md:16px;--blur-lg:24px;--blur-glass:33px;--glass-bg:#0a0a0e47;--glass-border:#ffffff1a;--glass-grain:.038;--glass-specular-top:#ffffff21;--glass-specular-bottom:#ffffff0d;--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{letter-spacing:.08em;text-transform:uppercase;font-weight:400}#root{width:100vw;height:100vh}.app{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.margin-guide{background:var(--scene-red);z-index:90;pointer-events:none;width:2px;box-shadow:0 0 8px var(--scene-red), 0 0 20px var(--scene-red-glow);animation:.15s ease-out guideAppear;position:fixed;top:0;bottom:0}@keyframes guideAppear{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.navbar{z-index:100;pointer-events:none;justify-content:center;padding:0 20px;display:flex;position:fixed;top:16px;left:0;right:0}.navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1400px;display:flex}.navbar-group{background:var(--dark-surface);-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--dark-border);box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff08 inset, 0 1px 0 #ffffff0d inset;pointer-events:auto;border-radius:24px;align-items:center;gap:8px;padding:8px 16px;display:flex}@keyframes navbarSlideIn{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.navbar-hidden{opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(-50%)translateY(-100%)}.navbar:not(.navbar-hidden){transition:all .3s cubic-bezier(.16,1,.3,1)}.navbar-container{justify-content:space-between;align-items:center;width:100%;display:flex}.navbar-group,.navbar-section{align-items:center;gap:8px;display:flex}.navbar-section.controls{gap:16px}.navbar-divider{background:var(--dark-border);width:1px;height:24px}.nav-btn{width:42px;height:42px;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);background:0 0;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;padding:0;display:flex}.nav-btn svg{width:20px;height:20px;transition:transform var(--transition-smooth), filter var(--transition-fast);animation:.5s cubic-bezier(.34,1.56,.64,1) backwards iconBounceIn}.navbar-section .nav-btn:first-child svg{animation-delay:50ms}.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);border-color:var(--dark-border-hover);background:#ffffff14}.nav-btn:hover svg{filter:drop-shadow(0 0 4px);transform:scale(1.15)rotate(8deg)}.nav-btn:active{transform:scale(.95)}.nav-btn.active{color:var(--scene-red);border-color:var(--dark-border-active);box-shadow:0 0 16px var(--scene-red-glow);background:#dc262626}.nav-btn.primary{background:linear-gradient(135deg, var(--scene-red) 0%, var(--scene-red-dark) 100%);color:#fff;width:48px;height:48px;box-shadow:0 4px 16px var(--scene-red-glow), 0 0 0 1px #ffffff1a inset;border:none;border-radius:18px;flex-shrink:0}.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:2s ease-in-out infinite primaryPulse}@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{z-index:101;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffff80;cursor:pointer;background:#50505066;border:1px solid #ffffff1a;border-radius:20px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .2s;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.floating-play-btn svg{width:20px;height:20px}.floating-play-btn:hover{color:#fffc;background:#64646499;transform:translate(-50%)scale(1.05)}.karaoke-overlay{pointer-events:auto;z-index:80;cursor:pointer;background:linear-gradient(#000000f2 0%,#000000d9 40%,#0009 70%,#0000 100%);height:45%;position:fixed;top:0;left:0;right:0}.karaoke-dropdown-wrapper{align-items:center;height:100%;display:flex;position:relative}.karaoke-dropdown{-webkit-backdrop-filter:blur(20px);z-index:200;background:#19191ef2;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:16px;min-width:220px;margin-top:16px;padding:16px;animation:.2s cubic-bezier(.16,1,.3,1) popupIn;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000080}.karaoke-dropdown:before{content:"";background:#19191ef2;border-top:1px solid #ffffff1a;border-left:1px solid #ffffff1a;width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.karaoke-dropdown-setting{justify-content:space-between;align-items:center;gap:12px;display:flex}.karaoke-dropdown-setting label{color:#fff9;min-width:65px;font-size:12px;font-weight:500}.karaoke-dropdown-setting input[type=range]{appearance:none;cursor:pointer;background:#ffffff26;border-radius:2px;flex:1;height:4px}.karaoke-dropdown-setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--scene-red,#dc2626);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .1s;box-shadow:0 0 10px #dc26264d}.karaoke-dropdown-setting input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.karaoke-dropdown-setting span{color:var(--scene-red,#dc2626);text-align:right;font-variant-numeric:tabular-nums;min-width:35px;font-size:11px;font-weight:600}.side-preview-panel{-webkit-backdrop-filter:blur(20px);z-index:200;background:#141419e6;border:1px solid #ffffff1a;border-radius:24px;min-width:140px;padding:16px 20px;animation:.25s cubic-bezier(.16,1,.3,1) slideInRight;position:fixed;top:50%;right:24px;transform:translateY(-50%);box-shadow:0 8px 32px #00000080}.teleprompter .content:not(.is-editing) .script *{background-color:#0000!important;font-family:inherit!important}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.preview-title{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff1a;margin-bottom:12px;padding-bottom:8px;font-size:11px;font-weight:600}.preview-list{flex-direction:column;gap:6px;display:flex}.preview-item{border-radius:12px;align-items:center;gap:12px;padding:6px 10px;transition:all .15s;display:flex}.preview-item.current{border:1px solid var(--scene-red,#dc2626);background:#dc262633}.preview-sample{color:#fffc;min-width:35px;font-weight:600}.preview-value{color:#ffffffb3;font-size:13px;font-weight:500}.preview-item.current .preview-value{color:var(--scene-red,#dc2626);font-weight:700}.preview-emoji{text-align:center;min-width:20px;font-size:14px}@keyframes pulse{0%,to{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}.color-control{align-items:center;gap:6px;display:flex}.color-icon{border:1px solid var(--dark-border);border-radius:4px;width:16px;height:16px}.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";color:#000;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;inset:0}.color-control input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:6px;width:28px;height:28px;padding:0;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{align-items:center;gap:8px;display:flex}.slider-label{color:var(--text-secondary);min-width:60px;font-size:11px;font-weight:500}.slider-value{color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums;min-width:45px;font-size:11px;font-weight:600}.slider-control input[type=range]{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:4px;outline:none;width:80px;height:4px}.slider-control input[type=range]:focus-visible{outline-offset:2px;outline:2px solid #6366f1}.slider-control input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--scene-red);cursor:pointer;width:14px;height:14px;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);box-shadow:0 2px 6px var(--scene-red-glow);border-radius:50%}.slider-control input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 2px 12px var(--scene-red-glow);transform:scale(1.2)}.slider-control input[type=range]::-moz-range-thumb{background:var(--scene-red);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.teleprompter{scroll-behavior:auto;scrollbar-width:none;-ms-overflow-style:none;will-change:transform, scroll-position;contain:size layout;flex:1;width:100%;height:100%;position:relative;overflow:hidden auto}.teleprompter::-webkit-scrollbar{display:none}.content{justify-content:center;align-items:flex-start;min-height:100%;padding:55vh 0 50vh;display:flex}.script{white-space:pre-wrap;word-wrap:break-word;text-align:center;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;max-width:100%;font-weight:400;line-height:1.5;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-90%)}to{opacity:1;transform:translate(-50%,-100%)}}.editor-wysiwyg{text-align:center;cursor:text;background:#ffffff05;border:2px dashed #dc26264d;border-radius:12px;outline:none;width:100%;min-height:50vh;padding:20px;font-family:inherit;font-weight:400;line-height:1.5}.editor-wysiwyg:focus{background:#ffffff08;border-color:#dc262699}.editor-wysiwyg:focus-visible{outline-offset:2px;outline:2px solid #6366f1}.editor-wysiwyg p{margin:0 0 1em}.editor-wysiwyg h1{color:var(--scene-red);margin:.5em 0;font-size:2em;font-weight:800;line-height:1.2}.editor-wysiwyg h2{color:var(--text-primary);margin:.5em 0;font-size:1.5em;font-weight:700;line-height:1.3}.script p{margin:0 0 1.5em}.script h1{color:var(--scene-red);margin:0 0 .8em;font-size:2.2em;font-weight:800;line-height:1.2}.script h2{color:var(--text-primary);margin:0 0 .8em;font-size:1.6em;font-weight:700;line-height:1.3}.editor-toolbar{z-index:99;background:var(--dark-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--dark-border);border-radius:12px;align-items:center;gap:8px;padding:8px 14px;animation:.3s navbarSlideIn;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000004d}.toolbar-btn{border:1px solid var(--dark-border);width:32px;height:32px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:flex}.toolbar-group{align-items:center;gap:4px;display:flex}.toolbar-btn.font-heading{width:32px;color:var(--text-secondary);font-family:inherit;font-size:12px;font-weight:700}.toolbar-btn.font-size-btn{width:28px;color:var(--text-secondary);font-weight:600}.toolbar-btn:hover{border-color:var(--scene-red);color:var(--text-primary);background:#ffffff1a}.toolbar-btn.small{width:28px;height:28px;font-size:12px}.toolbar-divider{background:var(--dark-border);width:1px;height:20px;margin:0 4px}.toolbar-btn svg{width:16px;height:16px}.color-palette{align-items:center;gap:8px;display:flex}.palette-label{color:var(--text-secondary);white-space:nowrap;font-size:10px;font-weight:500}.palette-swatches{align-items:center;gap:4px;display:flex}.color-swatch{cursor:pointer;width:20px;height:20px;transition:all var(--transition-fast);border:2px solid #fff3;border-radius:50%;padding:0}.color-swatch:hover{border-color:#ffffff80;transform:scale(1.2);box-shadow:0 0 8px #ffffff4d}.color-swatch.highlight{border-radius:6px}.color-swatch.custom{border-style:dashed}.color-swatch.add-color{color:#ffffff80;background:#ffffff1a;border:2px dashed #ffffff4d;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.color-swatch.add-color:hover{border-color:var(--scene-red);color:var(--scene-red);background:#ffffff26}.color-picker-overlay{z-index:200;background:#000000b3;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.color-picker-popup{background:var(--dark-surface);border:1px solid var(--dark-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;min-width:280px;padding:20px;animation:.2s popupIn}@keyframes popupIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.color-picker-popup h4{color:var(--text-primary);margin:0 0 16px;font-size:14px;font-weight:600}.hex-input-group{align-items:center;gap:8px;margin-bottom:16px;display:flex}.hex-input-group span{color:var(--text-secondary);font-size:16px;font-weight:600}.hex-input-group input{text-transform:uppercase;letter-spacing:2px;border:1px solid var(--dark-border);color:var(--text-primary);background:#ffffff0d;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-family:monospace;font-size:16px}.hex-input-group input:focus{border-color:var(--scene-red)}.hex-input-group input:focus-visible{outline-offset:2px;outline:2px solid #6366f1}.hex-preview{border:2px solid var(--dark-border);border-radius:8px;width:40px;height:40px}.color-picker-actions{justify-content:flex-end;gap:8px;display:flex}.color-picker-actions button{cursor:pointer;transition:all var(--transition-fast);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500}.color-picker-actions button:first-child{border:1px solid var(--dark-border);color:var(--text-secondary);background:0 0}.color-picker-actions button:first-child:hover{background:#ffffff0d}.color-picker-actions .apply-btn{background:var(--scene-red);color:#fff;border:none}.color-picker-actions .apply-btn:hover:not(:disabled){background:#ef4444}.color-picker-actions .apply-btn:disabled{opacity:.5;cursor:not-allowed}.highlight-squircle{border-radius:8px;padding:2px 10px;display:inline;color:#fff!important}.editor-placeholder{color:var(--text-secondary)}.rec-indicator{background:var(--dark-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #dc26264d;border-radius:8px;align-items:center;gap:8px;padding:8px 14px 8px 10px;animation:.3s recSlideIn;display:flex;position:fixed;top:80px;left:24px}@keyframes recSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.rec-dot{background:var(--scene-red);border-radius:50%;width:10px;height:10px;animation:1s infinite recPulse}@keyframes recPulse{0%,to{opacity:1;box-shadow:0 0 #dc262680}50%{opacity:.7;box-shadow:0 0 0 6px #dc262600}}.rec-text{letter-spacing:.1em;color:var(--scene-red);font-size:12px;font-weight:700}.karaoke-overlay{pointer-events:none;z-index:80;background:linear-gradient(#000000f2 0%,#000000eb 40%,#000c 70%,#0000 100%);height:45%;animation:.3s karaokeIn;position:fixed;top:0;left:0;right:0}@keyframes karaokeIn{0%{opacity:0}to{opacity:1}}.karaoke-focus-line{background:linear-gradient(90deg, transparent 0%, var(--scene-red) 20%, var(--scene-red) 80%, transparent 100%);pointer-events:none;z-index:81;height:3px;box-shadow:0 0 20px var(--scene-red), 0 0 40px var(--scene-red-glow);animation:2s ease-in-out infinite focusLineGlow;position:fixed;top:50%;left:0;right:0}@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{background:var(--dark-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #dc26264d;border-radius:8px;padding:8px 14px;animation:.3s recSlideIn;position:fixed;top:80px;right:24px}.karaoke-text{letter-spacing:.15em;color:var(--scene-red);font-size:11px;font-weight:700}@media (width<=1200px){.navbar{gap:8px;padding:8px 12px}.slider-control input[type=range]{width:60px}.slider-label{min-width:50px;font-size:10px}.slider-value{min-width:40px;font-size:10px}}@media (width<=900px){.navbar-section.controls{display:none}}.side-preview-panel{background:var(--dark-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--dark-border);z-index:95;border-radius:12px;flex-direction:column;gap:8px;width:120px;padding:12px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideInRight;display:flex;position:fixed;bottom:90px;right:24px;box-shadow:0 4px 20px #0000004d}.side-preview-panel.font-mode{width:140px}.preview-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);text-align:center;border-bottom:1px solid #ffffff1a;padding-bottom:8px;font-size:10px;font-weight:700}.preview-list{flex-direction:column;gap:4px;max-height:300px;display:flex;overflow-y:hidden}.preview-item{color:var(--text-secondary);border-radius:6px;justify-content:space-between;align-items:center;padding:6px 8px;transition:all .2s;display:flex}.preview-item.current{color:var(--scene-red);background:#dc26261a;font-weight:600;transform:scale(1.05)}.preview-sample{font-family:serif;line-height:1}.preview-value{font-family:monospace;font-size:11px}.preview-item.speed-item{flex-direction:column;align-items:stretch;gap:4px;height:auto;padding:8px}.speed-track{background:#0000004d;border-radius:4px;align-items:center;width:100%;height:20px;display:flex;position:relative;overflow:hidden}.speed-text{white-space:nowrap;color:#ffffff80;padding-left:100%;font-size:9px;animation:linear infinite scrollText}@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{gap:12px;height:100%;display:flex}.preview-column{flex-direction:column;flex:1;display:flex}.preview-column.list-column{flex:0 0 80px}.preview-column.visual-column{border-left:1px solid #ffffff1a;flex:1;padding-left:12px}.speed-visual-item{background:#0003;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:8px;position:relative;overflow:hidden;height:80px!important;display:flex!important}.speed-track.vertical{width:100%;height:60px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 10% 90%,#0000);mask-image:linear-gradient(#0000,#000 10% 90%,#0000)}.speed-text.vertical{white-space:normal;text-align:center;color:#fffc;width:100%;font-size:10px;line-height:1.4;animation-name:scrollTextVertical;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:0;left:0}@keyframes scrollTextVertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.preview-value.mini{color:#ffffff80;margin-top:4px;font-size:10px}.karaoke-arrow{width:24px;height:24px;color:var(--scene-red);z-index:40;pointer-events:none;filter:drop-shadow(0 0 5px #dc262680);opacity:.8;transition:top .1s linear;position:fixed;left:24px;transform:translateY(-50%)}.font-selector-wrapper{align-items:center;display:flex;position:relative}.font-family-btn{font-family:serif;font-weight:700;width:40px!important}.font-icon{font-size:16px}.font-dropdown{background:var(--dark-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--dark-border);z-index:100;border-radius:12px;flex-direction:column;gap:4px;min-width:160px;margin-top:12px;padding:8px;animation:.2s cubic-bezier(.34,1.56,.64,1) slideDown;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.font-dropdown:before{content:"";background:var(--dark-surface);border-left:1px solid var(--dark-border);border-top:1px solid var(--dark-border);width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.font-option{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:14px;transition:all .2s}.font-option:hover{color:var(--text-primary);background:#ffffff1a}.font-option.active{background:var(--scene-red-glow);color:var(--scene-red);font-weight:600}.font-dropdown.expanded-menu{gap:12px;width:280px;padding:16px}.menu-header{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:600}.font-options-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.font-option{text-align:center;border:1px solid var(--dark-border)}.menu-divider{background:var(--dark-border);height:1px;margin:4px 0}.menu-control{flex-direction:column;gap:8px;display:flex}.control-header{color:var(--text-secondary);justify-content:space-between;font-size:12px;display:flex}.menu-control input[type=range]{width:100%}.karaoke-toggle-row{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;display:flex}.toggle-switch{background:var(--dark-border);cursor:pointer;border:none;border-radius:20px;width:40px;height:20px;transition:background .3s;position:relative}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .3s;position:absolute;top:2px;left:2px}.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{background:var(--dark-surface);width:260px;max-height:calc(100vh - 110px);-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--dark-border);box-shadow:var(--shadow-lg);z-index:95;border-radius:20px;flex-direction:column;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;display:flex;position:fixed;top:90px;overflow:hidden auto}.settings-sidebar-left{opacity:0;left:20px;transform:translate(-360px)}.settings-sidebar-right{opacity:0;right:20px;transform:translate(360px)}.settings-sidebar-left.open,.settings-sidebar-right.open{opacity:1;transform:translate(0)}.sidebar-section{border-bottom:1px solid var(--dark-border);padding:24px}.sidebar-section:last-child{border-bottom:none}.sidebar-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:700;display:flex}.sidebar-widget{border:1px solid var(--dark-border);background:#0003;border-radius:16px;margin-bottom:20px;padding:16px;overflow:hidden}.typography-preview-box{border:1px solid var(--dark-border);background:#0000004d;border-radius:12px;justify-content:center;align-items:center;height:140px;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.typography-preview-text{color:var(--text-primary);white-space:nowrap;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.playback-preview-box{border:1px solid var(--dark-border);background:#0000004d;border-radius:12px;height:160px;margin-bottom:16px;position:relative;overflow:hidden}.speed-reading-line{background:var(--scene-red);height:2px;box-shadow:0 0 10px var(--scene-red-glow);z-index:2;opacity:.8;position:absolute;top:50%;left:0;right:0}.speed-scroll-text{color:var(--text-primary);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 16px;font-size:16px;line-height:1.8;animation:linear infinite speedScroll;display:flex}@keyframes speedScroll{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}.control-row{margin-bottom:20px}.control-label-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.control-label{color:var(--text-secondary);font-size:13px;font-weight:500}.control-value{color:var(--scene-red);font-variant-numeric:tabular-nums;background:#dc26261a;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700}.toggle-row{cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;transition:all .2s;display:flex}.toggle-row:hover{border-color:var(--dark-border);background:#ffffff0f}.toggle-label{color:var(--text-primary);font-size:14px;font-weight:500}.sidebar-section input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:0;display:block}.sidebar-section input[type=range]::-webkit-slider-runnable-track{background:#ffffff26;border-radius:2px;width:100%;height:4px;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;background:var(--scene-red);width:16px;height:16px;box-shadow:0 0 0 2px var(--dark-bg);border-radius:50%;margin-top:-6px;transition:transform .1s,background .2s}.sidebar-section input[type=range]:hover::-webkit-slider-thumb{background:#ef4444;transform:scale(1.2);box-shadow:0 0 0 4px #dc26264d}.sidebar-section input[type=range]:active::-webkit-slider-thumb{background:var(--scene-red-dark);transform:scale(1.1)}.sidebar-section input[type=range]::-moz-range-track{background:#ffffff26;border-radius:2px;width:100%;height:4px}.sidebar-section input[type=range]::-moz-range-thumb{background:var(--scene-red);border:none;border-radius:50%;width:16px;height:16px;transition:transform .1s}.settings-sidebar-left::-webkit-scrollbar{width:6px}.settings-sidebar-right::-webkit-scrollbar{width:6px}.settings-sidebar-left::-webkit-scrollbar-track{background:0 0}.settings-sidebar-right::-webkit-scrollbar-track{background:0 0}.settings-sidebar-left::-webkit-scrollbar-thumb{background:var(--dark-border);border-radius:3px}.settings-sidebar-right::-webkit-scrollbar-thumb{background:var(--dark-border);border-radius:3px}.settings-sidebar-left::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.settings-sidebar-right::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{flex-direction:column;width:100vw;height:100vh;display:flex}.spa-header{background:var(--dark-surface);border-bottom:1px solid var(--dark-border);z-index:50;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.logo-text{color:var(--scene-red);letter-spacing:-.02em;font-size:18px;font-weight:800}.nav-link{color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.glass-island{position:relative;overflow:hidden}.glass-island:before{content:"";mix-blend-mode:overlay;opacity:var(--glass-grain);pointer-events:none;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>");position:absolute;inset:0}.squircle{border-radius:33px}.nav-islands-container{z-index:200;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;top:16px;left:16px;right:16px}.nav-island{pointer-events:all;flex-shrink:0}.nav-tab:hover{color:#fffc!important;background:#ffffff12!important}.nav-islands-offset{padding-top:72px}@media (width<=768px){.nav-islands-container{flex-direction:column;align-items:stretch;top:auto;bottom:16px}.nav-island-left,.nav-island-right{display:none!important}.nav-island-center{justify-content:space-around}.nav-user-name{display:none}.nav-tab-label{letter-spacing:0;font-size:9px!important}.nav-tab{flex-direction:column!important;gap:3px!important;padding:7px 8px!important;font-size:9px!important}.nav-islands-offset{padding-top:0;padding-bottom:80px}}.dashboard-container{width:100%;max-width:1200px;height:100%;margin:0 auto;padding:40px;overflow-y:auto}@media (width<=600px){.dashboard-container{padding:20px 16px 32px}}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.dashboard-header h1{color:var(--text-primary);font-size:2rem;font-weight:700}.btn-primary,.btn-secondary{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 20px;font-weight:600;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{border-color:var(--dark-border);color:var(--text-primary);background:#ffffff0d;align-items:center;display:inline-flex}.btn-secondary:hover{background:#ffffff1a}.create-session-card{border:1px solid var(--dark-border);background:#ffffff08;border-radius:12px;margin-bottom:40px;padding:24px}.create-session-card h3{margin-bottom:16px;font-size:1.2rem}.create-form{gap:12px;display:flex}.input-text{border:1px solid var(--dark-border);color:#fff;background:#0000004d;border-radius:8px;outline:none;flex:1;padding:10px 16px}.input-text:focus{border-color:var(--scene-red)}.input-text:focus-visible{outline-offset:2px;outline:2px solid #6366f1}.session-card{border:1px solid var(--dark-border);cursor:pointer;background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:flex-start;padding:20px;transition:all .2s;display:flex}.session-card:hover{border-color:var(--scene-red-glow);background:#ffffff0f;transform:translateY(-2px)}.session-info{flex-direction:column;gap:6px;display:flex}.session-info h4{color:var(--text-primary);font-size:1.1rem}.session-date{color:var(--text-secondary);font-size:.85rem}.session-id{color:var(--phases-gray);background:#0000004d;border-radius:4px;align-self:flex-start;padding:2px 6px;font-family:monospace;font-size:.75rem}.btn-icon.delete{color:var(--text-muted);background:0 0;font-size:18px}.btn-icon.delete:hover{color:var(--negative)}.logo-link{text-decoration:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--dark-border);text-align:center;background:#18181b;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:32px;animation:.2s cubic-bezier(.16,1,.3,1) scaleIn;display:flex;box-shadow:0 20px 50px #00000080}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-icon-wrapper{width:64px;height:64px;color:var(--scene-red);background:#dc26261a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.modal-icon{width:32px;height:32px}.modal-content h3{color:var(--text-primary);margin-bottom:8px;font-size:1.25rem;font-weight:700}.modal-content p{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem;line-height:1.5}.modal-content p b{color:var(--text-primary)}.modal-actions{gap:12px;width:100%;display:flex}.modal-actions button{cursor:pointer;border-radius:12px;flex:1;padding:12px;font-size:.95rem;font-weight:600;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;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon.delete svg{width:20px;height:20px}.btn-icon.delete:hover{color:var(--scene-red);background:#dc26261a;border-color:#dc262633}.session-stats-preview{color:var(--text-muted);gap:12px;margin-top:8px;font-size:.8rem;display:flex}.session-stats-preview span{align-items:center;gap:4px;display:flex}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-item{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:10px;font-weight:600}.stat-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700}.stat-item{flex-direction:column;align-items:flex-start;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:2px;font-size:.7rem}.stat-value{font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:1rem;font-weight:700}.stat-divider{background:#fff3;width:1px;height:24px}.teleprompter{will-change:scroll-position;backface-visibility:hidden;transform:translateZ(0)}.script,.editor-wysiwyg{text-rendering:optimizespeed;content-visibility:auto;contain-intrinsic-size:1000px;transform:translateZ(0)}.content.is-editing .script,.content.is-editing .editor-wysiwyg{content-visibility:visible!important;contain:none!important}.floating-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000!important;gap:6px!important;padding:6px!important}.floating-toolbar button:hover{background:#ffffff26}.color-swatch-mini{cursor:pointer;border:1px solid #fff3;transition:transform .1s}.color-swatch-mini:hover{border-color:#ffffff80;transform:scale(1.1)}.color-swatch.remove-color{color:#ffffff80;background:0 0;border:1px solid #fff3;justify-content:center;align-items:center;display:flex}.color-swatch.remove-color:hover{color:#fff;background:#ffffff0d;border-color:#fffc}.app.is-playing .navbar-group{-webkit-backdrop-filter:none;background:var(--dark-surface);box-shadow:none;border-color:#0000}.app.is-playing .stats-overlay{-webkit-backdrop-filter:none;background:var(--dark-surface);box-shadow:none;border:1px solid #ffffff0d}.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{-webkit-backdrop-filter:none;background:#111}.dashboard-container{flex-direction:column;gap:48px;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:40px 24px;animation:.5s ease-out fadeIn;display:flex;position:relative}.brand-logo{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;user-select:none;text-shadow:0 0 20px var(--scene-red-glow);flex-direction:column;gap:2px;line-height:1;display:flex;position:absolute;top:32px;left:32px}.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);background:linear-gradient(135deg,#fff 0%,#ffffffa6 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:32px}.hero-input-wrapper{max-width:600px;margin:0 auto;transition:transform .2s cubic-bezier(.4,0,.2,1);position:relative;transform:scale(1)}.hero-input-wrapper:focus-within{transform:scale(1.02)}.hero-input{background:var(--dark-surface);border:1px solid var(--dark-border);color:#fff;width:100%;height:64px;box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff0d inset;border-radius:99px;padding:0 200px 0 32px;font-size:18px;transition:all .2s}.hero-input:focus{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-input:focus-visible{outline-offset:2px;outline:2px solid #6366f1}.hero-controls{align-items:center;gap:8px;display:flex;position:absolute;top:8px;bottom:8px;right:8px}.hero-create-btn{background:linear-gradient(135deg, var(--scene-red) 0%, var(--scene-red-dark) 100%);color:#fff;height:100%;font-family:var(--font-head);letter-spacing:.06em;cursor:pointer;box-shadow:0 4px 12px var(--scene-red-glow);border:none;border-radius:99px;padding:0 24px;font-size:13px;font-weight:400;transition:all .2s}.hero-import-btn{width:48px;height:100%;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:99px;justify-content:center;align-items:center;transition:all .2s;display:flex}.hero-import-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.hero-import-btn svg{width:20px;height:20px}.hero-create-btn:hover:not(:disabled){box-shadow:0 6px 16px var(--scene-red-glow-intense);transform:translateY(-1px)}.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);text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-bottom:24px;padding-left:4px;font-weight:400}.sessions-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.session-card{background:var(--dark-surface);border:1px solid var(--dark-border);cursor:pointer;border-radius:20px;flex-direction:column;justify-content:space-between;gap:12px;min-height:160px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.session-card:before{content:"";background:linear-gradient(90deg, var(--scene-red), transparent);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.session-card:hover{background:var(--dark-surface-elevated);transform:translateY(-4px);box-shadow:0 12px 32px #0006,0 0 0 1px #ffffff1a}.session-card:hover:before{opacity:1}.card-header{justify-content:space-between;align-items:flex-start;display:flex}.card-title{font-size:17px;font-weight:700;font-family:var(--font-head);color:#fff;-webkit-line-clamp:2;line-clamp:2;letter-spacing:-.3px;-webkit-box-orient:vertical;margin-bottom:8px;line-height:1.3;display:-webkit-box;overflow:hidden}.card-date{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.card-stats{gap:16px;margin-top:auto;display:flex}.stat-badge{color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.stat-badge svg{opacity:.7;width:14px;height:14px}.card-delete-btn{width:32px;height:32px;color:var(--text-muted);opacity:0;background:#141414cc;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px;transform:scale(.9)}.session-card:hover .card-delete-btn{opacity:1;transform:scale(1)}.card-delete-btn:hover{color:#ef4444;background:#dc262633;border-color:#dc262666}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;grid-column:1/-1;align-items:center;gap:16px;padding:100px 0;display:flex}.empty-state p{color:var(--text-secondary);font-size:16px;font-weight:500}.empty-state p:last-child{color:var(--text-muted);margin-top:-8px;font-size:13px;font-weight:400}.empty-icon{opacity:.15;width:80px;height:80px}span.highlight-squircle{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.25em;padding:.05em .2em}.stats-overlay{-webkit-backdrop-filter:blur(12px);z-index:100;pointer-events:none;background:#0f0f14e6;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:24px;width:fit-content;max-width:90vw;padding:12px 24px;display:flex;position:fixed;bottom:30px;left:auto;right:40px;transform:none;box-shadow:0 10px 30px #00000080}.script span[style*=background-color],.editor-wysiwyg span[style*=background-color]{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.25em;padding:.05em .2em}.content img{border-radius:8px;max-width:100%;height:auto;transition:all .2s;display:inline-block}.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{text-align:left;width:100%;list-style-position:inside;display:inline-block}.content li{margin-bottom:.5em}.media-toolbar{-webkit-backdrop-filter:blur(16px);z-index:2000;pointer-events:auto;white-space:nowrap;background:#0a0a0bf2;border:1px solid #ffffff14;border-radius:24px;gap:8px;padding:8px 12px;animation:.15s ease-out fadeIn;display:flex;position:absolute;box-shadow:0 8px 32px #00000080}.editor-toolbar-unified{-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:95vw;overflow:auto hidden;flex-wrap:nowrap!important;display:flex!important}.editor-toolbar-unified::-webkit-scrollbar{display:none}@media (width<=768px){.editor-toolbar-unified{border-radius:16px!important;justify-content:flex-start!important;gap:6px!important;padding:8px 12px!important;top:70px!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)}}.timer-input-premium{color:#fff;text-align:center;background:0 0;border:none;border-bottom:2px solid #fff3;border-radius:0;width:40px;height:24px;padding:0 4px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.timer-input-premium:focus{border-bottom-color:var(--scene-red);background:#ffffff0d}.timer-input-premium:focus-visible{outline-offset:2px;outline:2px solid #6366f1}.no-spin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spin{appearance:textfield}.media-toolbar .vertical-divider{background:#ffffff1a;width:1px;height:24px;margin:0 4px}.dashboard-container{flex-direction:column;flex:1;width:100%;padding-bottom:40px;display:flex}.app-layout{flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.spa-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden auto}@keyframes peerPulseYellow{0%,to{box-shadow:none;border-color:#fbbf2499}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}}