:root{--tp-primary: #6366f1;--tp-primary-dark: #4f46e5;--tp-secondary: #8b5cf6;--tp-accent: #06b6d4;--tp-success: #10b981;--tp-warning: #f59e0b;--tp-danger: #ef4444;--tp-dark: #0f172a;--tp-gray-900: #111827;--tp-gray-800: #1f2937;--tp-gray-700: #374151;--tp-gray-600: #4b5563;--tp-gray-500: #6b7280;--tp-gray-400: #9ca3af;--tp-gray-300: #d1d5db;--tp-gray-200: #e5e7eb;--tp-gray-100: #f3f4f6;--tp-white: #ffffff;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-backdrop: blur(20px);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--transition-fast: all .15s ease;--transition-normal: all .3s ease;--transition-slow: all .5s ease}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,var(--tp-dark) 0%,var(--tp-gray-900) 50%,var(--tp-gray-800) 100%);font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--tp-white);min-height:100vh;overflow:auto;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(6,182,212,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.tp-header{position:fixed;top:0;left:0;right:0;z-index:1000;backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--glass-bg);border-bottom:1px solid var(--glass-border);padding:1rem 0;transition:var(--transition-normal)}.tp-header.dimmed{opacity:.3;pointer-events:none}.tp-header .container-fluid{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.tp-brand{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.tp-brand-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--tp-primary),var(--tp-secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;box-shadow:var(--shadow-md)}.tp-brand-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--tp-primary),var(--tp-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tp-timer{font-family:JetBrains Mono,Fira Code,monospace;font-size:1.1rem;color:var(--tp-gray-300);margin-left:.5rem}.tp-controls{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.tp-color-controls{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop)}.tp-color-input{width:40px;height:32px;border:2px solid var(--glass-border);border-radius:8px;cursor:pointer;transition:var(--transition-fast);background:none;padding:0}.tp-color-input::-webkit-color-swatch-wrapper{padding:0;border-radius:6px;overflow:hidden}.tp-color-input::-webkit-color-swatch{border:none;border-radius:6px}.tp-color-input:hover{border-color:var(--tp-primary);box-shadow:0 0 0 2px #6366f133}.tp-sliders{display:flex;align-items:center;gap:1.5rem}.tp-slider-group{display:flex;flex-direction:column;gap:.25rem;min-width:120px}.tp-slider-label{font-size:.75rem;font-weight:600;color:var(--tp-gray-400);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between}.tp-slider-value{color:var(--tp-primary);font-weight:700}.tp-slider{-webkit-appearance:none;appearance:none;height:6px;background:var(--tp-gray-700);border-radius:3px;outline:none;cursor:pointer;transition:var(--transition-fast)}.tp-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,var(--tp-primary),var(--tp-secondary));border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md);transition:var(--transition-fast)}.tp-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-lg),var(--shadow-glow)}.tp-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,var(--tp-primary),var(--tp-secondary));border-radius:50%;border:none;cursor:pointer;box-shadow:var(--shadow-md);transition:var(--transition-fast)}.tp-actions{display:flex;align-items:center;gap:.5rem}.tp-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem;border:1px solid var(--glass-border);border-radius:12px;background:var(--glass-bg);color:var(--tp-gray-300);text-decoration:none;font-size:1.1rem;cursor:pointer;transition:var(--transition-fast);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);min-width:48px;height:48px}.tp-btn:hover{color:var(--tp-white);border-color:var(--tp-primary);background:#6366f11a;transform:translateY(-1px);box-shadow:var(--shadow-md)}.tp-btn.active{background:linear-gradient(135deg,var(--tp-primary),var(--tp-secondary));border-color:var(--tp-primary);color:#fff;box-shadow:var(--shadow-lg),var(--shadow-glow)}.tp-btn-primary{background:linear-gradient(135deg,var(--tp-primary),var(--tp-secondary));border-color:var(--tp-primary);color:#fff;font-weight:600;padding:.75rem 1.25rem;width:auto;min-width:60px}.tp-btn-primary:hover{background:linear-gradient(135deg,var(--tp-primary-dark),var(--tp-primary));transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.tp-content{margin-top:100px;position:relative;height:100%;overflow:scroll}.tp-teleprompter{padding:200px 60px 800px 80px;font-size:60px;line-height:1.4;background:transparent;color:var(--tp-white);outline:none;border:none;width:100%;min-height:100vh;opacity:0;transition:opacity .5s ease;font-weight:400;letter-spacing:-.02em}.tp-teleprompter.ready{opacity:1}.tp-teleprompter p{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);transition:var(--transition-fast)}.tp-teleprompter p:last-child{border-bottom:3px solid var(--tp-primary);box-shadow:0 3px 10px #6366f14d}.tp-teleprompter a{color:var(--tp-accent);text-decoration:none;border-bottom:2px solid transparent;transition:var(--transition-fast)}.tp-teleprompter a:hover{border-bottom-color:var(--tp-accent);text-shadow:0 0 10px rgba(6,182,212,.5)}.tp-teleprompter.flip-x{transform:rotateY(180deg);pointer-events:none}.tp-teleprompter.flip-y{transform:rotateX(180deg);pointer-events:none;padding:800px 60px 200px 80px!important}.tp-teleprompter.flip-xy{transform:rotateX(180deg) rotateY(180deg);pointer-events:none;padding:800px 60px 200px 80px!important}.tp-overlay{position:fixed;inset:100px 0 0;pointer-events:none;z-index:100;display:none}.tp-overlay-top{position:absolute;top:0;left:0;right:0;height:120px;background:#000000bf}.tp-overlay-bottom{position:absolute;bottom:0;left:0;right:0;height:70%;background:#000000bf}.tp-marker{position:fixed;left:20px;top:220px;color:var(--tp-primary);font-size:2.5rem;z-index:200;display:none;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.tp-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000c}.tp-modal-content{background:var(--tp-gray-900);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem;max-width:500px;width:90%;text-align:center;box-shadow:var(--shadow-xl);position:relative;-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop)}.tp-modal-close{position:absolute;top:1rem;right:1rem;background:var(--tp-gray-800);border:1px solid var(--glass-border);border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--tp-gray-400);cursor:pointer;transition:var(--transition-fast)}.tp-modal-close:hover{background:var(--tp-gray-700);color:var(--tp-white)}.tp-modal h2{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--tp-primary),var(--tp-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tp-remote-url{background:var(--tp-gray-800);border:1px solid var(--glass-border);border-radius:12px;padding:1rem;font-family:JetBrains Mono,monospace;color:var(--tp-accent);margin:1rem 0;word-break:break-all}.tp-remote-id{font-size:3rem;font-weight:900;font-family:JetBrains Mono,monospace;color:var(--tp-primary);text-shadow:0 0 20px rgba(99,102,241,.5);margin:1.5rem 0;letter-spacing:.2em}.tp-qr-code{background:#fff;border-radius:16px;padding:2rem;margin:1.5rem auto;display:inline-block;box-shadow:var(--shadow-lg)}@media (max-width: 1200px){.tp-controls{gap:1.5rem}.tp-sliders{gap:1rem}}@media (max-width: 992px){.tp-header .container-fluid{flex-direction:column;gap:1rem}.tp-content{margin-top:140px}.tp-teleprompter{padding:150px 40px 600px 60px;font-size:50px}.tp-overlay{top:140px}}@media (max-width: 768px){.tp-controls{flex-direction:column;gap:1rem;width:100%}.tp-color-controls,.tp-sliders,.tp-actions{justify-content:center}.tp-content{margin-top:180px}.tp-teleprompter{padding:120px 30px 500px 40px;font-size:40px}.tp-overlay{top:180px}.tp-modal-content{margin:1rem;padding:2rem}.tp-remote-id{font-size:2.5rem}}@media (max-width: 576px){.tp-header{padding:.75rem 0}.tp-brand-text{font-size:1.25rem}.tp-brand-icon{width:36px;height:36px;font-size:1.1rem}.tp-sliders{flex-direction:column;gap:1rem;width:100%}.tp-slider-group{width:100%}.tp-content{margin-top:220px}.tp-teleprompter{padding:100px 20px 400px 30px;font-size:36px}.tp-overlay{top:220px}.tp-marker{left:10px;top:320px;font-size:2rem}.tp-remote-id{font-size:2rem}.tp-btn{min-width:44px;height:44px;padding:.5rem}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tp-btn:focus-visible,.tp-color-input:focus-visible,.tp-slider:focus-visible{outline:2px solid var(--tp-primary);outline-offset:2px}@media (prefers-color-scheme: dark){:root{--tp-primary: #818cf8;--tp-secondary: #a78bfa;--tp-accent: #22d3ee}}.tp-teleprompter{will-change:transform;transform:translateZ(0)}.tp-header{will-change:opacity,transform}@media print{.tp-header,.tp-overlay,.tp-marker{display:none!important}.tp-teleprompter{padding:1rem!important;font-size:12pt!important;line-height:1.5!important;color:#000!important}body{background:#fff!important}}.button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem;border:1px solid var(--glass-border);border-radius:12px;background:var(--glass-bg);color:var(--tp-gray-300);text-decoration:none;font-size:1.1rem;cursor:pointer;transition:var(--transition-fast);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);min-width:48px;height:48px}.button.small{font-size:.9rem;padding:.6rem;min-width:44px;height:44px}.button.active{background:linear-gradient(135deg,var(--tp-primary),var(--tp-secondary))!important;border-color:var(--tp-primary)!important;color:#fff!important;box-shadow:var(--shadow-lg),var(--shadow-glow)!important}.icon-play:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.icon-pause:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.icon-tablet:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.icon-eye-close:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.icon-undo:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.icon-text-width:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.icon-text-height:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.icon-bullhorn:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.icon-remove-circle:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}article{position:relative;min-height:calc(100vh - 100px);margin-top:100px;background:transparent}.teleprompter{padding:200px 60px 800px 80px;font-size:60px;line-height:1.4;background:transparent;color:var(--tp-white);outline:none;border:none;width:100%;min-height:100vh;opacity:0;transition:opacity .5s ease;font-weight:400;letter-spacing:-.02em}.teleprompter.ready{opacity:1}.marker{position:fixed;left:20px;top:220px;color:var(--tp-primary);font-size:2.5rem;z-index:200;display:none;animation:pulse 2s infinite}.slider{appearance:none;-webkit-appearance:none;height:6px;background:var(--tp-gray-700);border-radius:3px;outline:none;cursor:pointer;transition:var(--transition-fast);width:120px;border:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,var(--tp-primary),var(--tp-secondary));border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md);transition:var(--transition-fast)}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-lg),var(--shadow-glow)}.slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,var(--tp-primary),var(--tp-secondary));border-radius:50%;border:none;cursor:pointer;box-shadow:var(--shadow-md);transition:var(--transition-fast)}.modal-content{background:var(--tp-gray-900);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem;max-width:500px;width:90%;text-align:center;box-shadow:var(--shadow-xl);position:relative;-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop)}.modal-overlay{position:fixed;inset:0;background:#000c;z-index:1999}.remote-id{font-size:3rem;font-weight:900;font-family:JetBrains Mono,monospace;color:var(--tp-primary);text-shadow:0 0 20px rgba(99,102,241,.5);margin:1.5rem 0;letter-spacing:.2em}.remote-url{background:var(--tp-gray-800);border:1px solid var(--glass-border);border-radius:12px;padding:1rem;font-family:JetBrains Mono,monospace;color:var(--tp-accent);margin:1rem 0;word-break:break-all}@media (prefers-reduced-motion: no-preference){.tp-teleprompter{scroll-behavior:smooth}}.tp-btn{position:relative;overflow:hidden}.tp-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.tp-btn:hover:before{left:100%}.tp-modal{opacity:0;transition:opacity .3s ease}.tp-modal.show{opacity:1}.tp-modal-content{transform:scale(.8) translateY(-20px);transition:transform .3s ease,opacity .3s ease}.tp-modal.show .tp-modal-content{transform:scale(1) translateY(0)}.tp-teleprompter:focus{outline:2px solid var(--tp-primary);outline-offset:4px;border-radius:8px}.fade-out{opacity:0;transition:opacity .3s ease}.fade-in{opacity:1;transition:opacity .3s ease}.scale-up{transform:scale(1.05);transition:transform .2s ease}.scale-down{transform:scale(.95);transition:transform .2s ease}.ui-slider{background:var(--tp-gray-700)!important;border:none!important;height:6px!important;border-radius:3px!important}.ui-slider .ui-slider-handle{background:linear-gradient(135deg,var(--tp-primary),var(--tp-secondary))!important;border:none!important;border-radius:50%!important;width:20px!important;height:20px!important;top:-7px!important;cursor:pointer!important;outline:none!important;box-shadow:var(--shadow-md)!important}.ui-slider .ui-slider-handle:hover{transform:scale(1.1)!important;box-shadow:var(--shadow-lg),var(--shadow-glow)!important}.ui-slider .ui-slider-handle:focus{box-shadow:var(--shadow-lg),var(--shadow-glow),0 0 0 2px #6366f14d!important}@media (max-width: 768px){.tp-btn{min-width:48px;height:48px;touch-action:manipulation}.tp-slider::-webkit-slider-thumb{width:24px;height:24px}.tp-slider::-moz-range-thumb{width:24px;height:24px}.tp-teleprompter{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.tp-brand-icon,.tp-btn{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-contrast: high){:root{--tp-primary: #ffffff;--tp-secondary: #ffffff;--tp-accent: #ffffff;--glass-bg: rgba(255, 255, 255, .2);--glass-border: rgba(255, 255, 255, .3)}}@media (prefers-reduced-motion: reduce){.tp-marker{animation:none}.tp-btn:before{transition:none}.tp-modal,.tp-modal-content{transition:none}}.tp-btn:focus:not(:focus-visible){outline:none}.tp-btn:focus-visible{outline:2px solid var(--tp-primary);outline-offset:2px}