@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Fira Code", "Cascadia Code", "Consolas", monospace;--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--accent:#8b5cf6;--accent-light:#a78bfa;--emerald:#10b981;--emerald-bg:#10b98126;--emerald-border:#10b98166;--amber:#f59e0b;--amber-bg:#f59e0b26;--amber-border:#f59e0b66;--red-bg:#ef444426;--red-border:#ef444466;--red-text:#f87171;--blue-glow:#6366f140;--purple-glow:#8b5cf640;--bg-deepest:#030712;--bg-dark:#0f172a;--bg-card:#1e293b;--bg-surface:#ffffff0a;--bg-hover:#ffffff14;--bg-input:#0f172a99;--glass:#ffffff0a;--glass-border:#ffffff14;--glass-strong:#ffffff0f;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569;--text-blue:#60a5fa;--text-purple:#c084fc;--border-subtle:#ffffff0f;--border-light:#ffffff1a;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-glow-blue:0 0 40px #6366f126;--shadow-glow-purple:0 0 40px #8b5cf626;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--font-main);background:var(--bg-deepest);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea{color:inherit;font-family:inherit}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base)}.glass-card:hover{border-color:#ffffff1f}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:var(--radius-xl);transition:all var(--transition-base);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #6366f140}.btn-primary:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff1a,#0000);position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f159}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-float{animation:6s ease-in-out infinite float}.animate-fade-in{animation:.6s ease-out forwards fadeInUp}.home-page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.home-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.home-bg-orb{filter:blur(120px);border-radius:50%;animation:8s ease-in-out infinite pulseGlow;position:absolute}.home-bg-orb--blue{background:#6366f11f;width:45%;height:45%;top:-15%;left:-10%}.home-bg-orb--purple{background:#8b5cf61f;width:45%;height:45%;animation-delay:4s;bottom:-15%;right:-10%}.home-header{text-align:center;z-index:1;margin-bottom:4rem;position:relative}.home-title{letter-spacing:-.03em;background:linear-gradient(135deg, var(--text-blue), var(--accent-light), var(--text-purple));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1.1;animation:4s linear infinite shimmer}.home-subtitle{color:var(--text-secondary);max-width:28rem;margin:0 auto;font-size:1.1rem;line-height:1.7}.home-grid{z-index:1;grid-template-columns:1fr 1fr;gap:2rem;width:100%;max-width:56rem;display:grid;position:relative}@media (width<=768px){.home-grid{grid-template-columns:1fr;max-width:28rem}}.home-card{text-align:center;flex-direction:column;align-items:center;padding:3rem 2.5rem;animation:.6s ease-out both fadeInUp;display:flex}.home-card:nth-child(2){animation-delay:.15s}.home-card--host{cursor:pointer}.home-card--host:hover{box-shadow:var(--shadow-glow-blue);border-color:#6366f14d;transform:translateY(-4px)}.home-card-icon{border-radius:var(--radius-xl);width:5rem;height:5rem;transition:transform var(--transition-base);justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.home-card--host:hover .home-card-icon{transform:scale(1.1)}.home-card-icon--blue{color:var(--primary-light);background:#6366f126}.home-card-icon--purple{color:var(--accent-light);background:#8b5cf626}.home-card-title{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.home-card-desc{color:var(--text-secondary);font-size:.95rem}.home-join-form{flex-direction:column;gap:1rem;width:100%;margin-top:1rem;display:flex}.home-code-input{background:var(--bg-input);border:1px solid var(--glass-border);border-radius:var(--radius-xl);text-align:center;width:100%;font-size:1.25rem;font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.875rem 1.25rem}.home-code-input::placeholder{color:var(--text-dim);letter-spacing:.05em}.home-code-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf626}.home-join-btn{border-radius:var(--radius-xl);width:100%;padding:.875rem;font-size:1.05rem;font-weight:700}.home-error{background:var(--red-bg);border:1px solid var(--red-border);border-radius:var(--radius-lg);color:var(--red-text);z-index:1;margin-top:2rem;padding:.75rem 1.5rem;font-size:.9rem;animation:.3s ease-out fadeInUp}.host-page{background:var(--bg-deepest);flex-direction:column;height:100vh;display:flex;overflow:hidden}.host-header{border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);background:#0f172ab3;flex-shrink:0;justify-content:space-between;align-items:center;height:4rem;padding:0 2rem;display:flex}.host-brand{background:linear-gradient(135deg, var(--text-blue), var(--text-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:800}.host-header-left{align-items:center;gap:1.5rem;display:flex}.host-header-right{align-items:center;gap:1rem;display:flex}.host-session-badge{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-full);align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.85rem;display:flex}.host-session-label{color:var(--text-muted)}.host-session-code{color:var(--text-blue);font-family:var(--font-mono);letter-spacing:.05em;font-weight:700}.host-copy-btn{color:var(--text-muted);transition:color var(--transition-fast);align-items:center;padding:.25rem;display:flex}.host-copy-btn:hover{color:var(--text-primary)}.host-hint{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.host-present-btn{padding:.5rem 1.25rem;font-size:.9rem}.host-main{flex-direction:column;flex:1;align-items:center;min-height:0;padding:2rem;display:flex;overflow:hidden}.host-editor-wrap{border-radius:var(--radius-2xl);border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;flex:1;width:100%;max-width:64rem;display:flex;overflow:hidden}.host-editor-bar{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.host-editor-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);font-size:.7rem;font-weight:700}.host-textarea{width:100%;color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:0;padding:2rem 2.5rem;font-size:1.1rem;line-height:1.8}.host-textarea::placeholder{color:var(--text-dim)}.remote-page{-webkit-user-select:none;user-select:none;background:var(--bg-deepest);flex-direction:column;height:100vh;padding:1.5rem;display:flex;overflow:hidden}.remote-top-bar{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.remote-title{color:var(--text-muted);font-size:1rem;font-weight:600}.remote-font-control{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-full);align-items:center;gap:.75rem;padding:.4rem 1rem;display:flex}.remote-font-btn{border-radius:var(--radius-full);width:2rem;height:2rem;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.remote-font-btn:hover{color:var(--primary-light);background:#6366f11a}.remote-font-value{font-family:var(--font-mono);color:var(--text-secondary);text-align:center;min-width:2ch;font-size:.85rem}.remote-controls{flex-direction:column;flex:1;gap:.75rem;min-height:0;display:flex}.remote-scroll-btn{border-radius:var(--radius-2xl);background:var(--glass);border:2px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-secondary);transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.remote-scroll-btn:active,.remote-scroll-btn--active{border-color:var(--primary);color:var(--primary-light);background:#6366f133}.remote-play-btn{border-radius:var(--radius-2xl);text-transform:uppercase;letter-spacing:.1em;height:5.5rem;transition:all var(--transition-fast);border:2px solid;flex-shrink:0;justify-content:center;align-items:center;gap:1rem;font-size:1.25rem;font-weight:800;display:flex}.remote-play-btn--paused{background:var(--emerald-bg);border-color:var(--emerald-border);color:var(--emerald)}.remote-play-btn--playing{background:var(--amber-bg);border-color:var(--amber-border);color:var(--amber)}.remote-hint{text-align:center;color:var(--text-dim);flex-shrink:0;margin-top:1rem;font-size:.8rem}.presentation-page{cursor:none;background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.presentation-page:hover{cursor:auto}.presentation-page:hover .presentation-controls{opacity:1}.presentation-controls{z-index:50;opacity:0;transition:opacity var(--transition-base);gap:.75rem;display:flex;position:absolute;top:1rem;right:1rem}.presentation-ctrl-btn{border-radius:var(--radius-full);color:#fff;width:3rem;height:3rem;transition:background var(--transition-fast);background:#ffffff14;border:1px solid #ffffff26;justify-content:center;align-items:center;display:flex}.presentation-ctrl-btn:hover{background:#ffffff26}.presentation-ctrl-btn--active{color:var(--text-blue)}.presentation-reading-line{pointer-events:none;z-index:1;background:#6366f10a;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;width:100%;height:10%;position:absolute;top:20%;left:0}.presentation-scroll-container{width:100%;height:100%;transition:transform var(--transition-slow);padding:30vh 10%;overflow:hidden}.presentation-scroll-container--mirrored{transform:scaleX(-1)}.presentation-content{white-space:pre-wrap;text-align:center;word-break:break-word;max-width:64rem;color:var(--text-primary);margin:0 auto;font-weight:700;line-height:1.6}.presentation-spacer{height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}