.header,.header-content{position:relative}.header-content{align-items:flex-start;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.header-main{flex:1 1;text-align:center}.language-switcher{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a3a;background:var(--surface);border:1px solid #3a3a6b;border:1px solid var(--border);border-radius:12px;display:flex;gap:5px;padding:5px;position:absolute;right:0;top:0}.lang-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#a0a0c4;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:5px;padding:8px 12px;transition:all .3s ease}.lang-btn:hover{background:#667eea1a;color:#fff;color:var(--text-primary)}.lang-btn.active{background:#667eea;background:var(--primary-color);box-shadow:0 2px 8px #667eea4d;color:#fff}.mode-selector-small{display:flex;gap:10px;margin-bottom:15px}.mode-btn-small{background:#0000;border:1px solid #3a3a6b;border:1px solid var(--border);border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.mode-btn-small:hover{background:#667eea1a}.mode-btn-small.active,.mode-btn-small:hover{border-color:#667eea;border-color:var(--primary-color)}.mode-btn-small.active{background:#667eea;background:var(--primary-color);color:#fff}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.btn-small{font-size:.9rem;padding:8px 16px}.monitor-controls{display:flex;flex-direction:column;gap:15px}.monitor-status{gap:15px}.chat-input-container{background:#1a1a3a;background:var(--surface);border:1px solid #3a3a6b;border:1px solid var(--border);border-top:none;padding:15px 20px}.chat-input-form{align-items:center;display:flex;gap:10px}.chat-input{background:#2d2d5a;background:var(--surface-light);border:2px solid #3a3a6b;border:2px solid var(--border);border-radius:12px;color:#fff;color:var(--text-primary);flex:1 1;font-size:1rem;padding:12px 15px}.chat-input:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 2px #667eea33;outline:none}.chat-send-btn{padding:12px 20px;white-space:nowrap}@media (max-width:768px){.header-content{align-items:center;flex-direction:column;gap:20px}.language-switcher{align-self:center;position:static}.header h1{font-size:2.5rem}}@media (max-width:480px){.language-switcher{justify-content:center;width:100%}.lang-btn{flex:1 1;justify-content:center}}@media (max-width:768px){.container{padding:15px}.header h1{font-size:2.5rem}.mode-selector{grid-template-columns:1fr}.mode-selector-small{flex-direction:column}.code-number{font-size:2rem;letter-spacing:4px}.code-input{font-size:1.5rem;letter-spacing:2px}.chat-header{align-items:flex-start;flex-direction:column;gap:15px}.participants{flex-wrap:wrap}.monitor-controls{gap:10px}.monitor-status{align-items:flex-start}.chat-input-form,.monitor-status{flex-direction:column;gap:10px}.chat-send-btn{width:100%}}:root{--primary-color:#667eea;--primary-dark:#5a67d8;--secondary-color:#764ba2;--background:#0f0f23;--surface:#1a1a3a;--surface-light:#2d2d5a;--text-primary:#fff;--text-secondary:#a0a0c4;--border:#3a3a6b;--success:#48bb78;--error:#f56565;--warning:#ed8936;--accent:#f093fb}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0f0f23,#1a1a3a);background:linear-gradient(135deg,var(--background),#1a1a3a);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.container,body{min-height:100vh}.container{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:20px}.header{margin-bottom:40px;text-align:center}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#f093fb);background:linear-gradient(135deg,var(--primary-color),var(--accent));-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:10px}.header p{color:#a0a0c4;color:var(--text-secondary);font-size:1.2rem}.main-menu{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:500px}.menu-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a3a;background:var(--surface);border:1px solid #3a3a6b;border:1px solid var(--border);border-radius:20px;cursor:pointer;padding:30px;transition:all .3s ease}.menu-card:hover{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 20px 40px #667eea33;transform:translateY(-5px)}.menu-card.disabled{cursor:not-allowed;opacity:.5}.menu-card.disabled:hover{border-color:#3a3a6b;border-color:var(--border);box-shadow:none;transform:none}.menu-icon{display:block;font-size:3rem;margin-bottom:15px}.menu-title{font-size:1.5rem;font-weight:700;margin-bottom:10px}.menu-description{color:#a0a0c4;color:var(--text-secondary);line-height:1.6}.session-setup{margin:0 auto;max-width:600px}.setup-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a3a;background:var(--surface);border:1px solid #3a3a6b;border:1px solid var(--border);border-radius:20px;margin-bottom:20px;padding:30px}.nickname-setup{background:#2d2d5a;background:var(--surface-light);border:1px solid #3a3a6b;border:1px solid var(--border);border-radius:15px;margin-bottom:20px;padding:20px}.nickname-input{background:#1a1a3a;background:var(--surface);border:2px solid #3a3a6b;border:2px solid var(--border);border-radius:12px;color:#fff;color:var(--text-primary);font-size:1rem;margin-top:10px;padding:15px;width:100%}.nickname-input:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea33;outline:none}.mode-selector{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:30px}.mode-btn{background:#0000;border:2px solid #3a3a6b;border:2px solid var(--border);border-radius:15px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:20px;transition:all .3s ease}.mode-btn:hover{background:#667eea1a}.mode-btn.active,.mode-btn:hover{border-color:#667eea;border-color:var(--primary-color)}.mode-btn.active{background:#667eea;background:var(--primary-color);color:#fff}.code-display{background:linear-gradient(135deg,#667eea,#5a67d8);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:15px;margin:20px 0;padding:30px;text-align:center}.code-number{font-size:3rem;letter-spacing:8px;margin-bottom:10px}.code-input,.code-number{font-family:Courier New,monospace;font-weight:700}.code-input{background:#1a1a3a;background:var(--surface);border:2px solid #3a3a6b;border:2px solid var(--border);border-radius:15px;color:#fff;color:var(--text-primary);font-size:2rem;letter-spacing:4px;padding:20px;text-align:center;text-transform:uppercase;width:100%}.code-input:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea33;outline:none}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:15px 30px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#5a67d8);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff}.btn-primary:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.btn-secondary{background:#2d2d5a;background:var(--surface-light);border:1px solid #3a3a6b;border:1px solid var(--border);color:#fff;color:var(--text-primary)}.btn-secondary:hover{border-color:#667eea;border-color:var(--primary-color)}.chat-room{display:flex;flex-direction:column;height:calc(100vh - 200px)}.chat-header{background:#1a1a3a;background:var(--surface);border:1px solid #3a3a6b;border:1px solid var(--border);border-radius:15px 15px 0 0;justify-content:space-between;padding:20px}.chat-header,.chat-info{align-items:center;display:flex}.chat-info{gap:15px}.status-indicator{animation:pulse 2s infinite;background:#48bb78;background:var(--success);border-radius:50%;height:12px;width:12px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.chat-messages{background:#1a1a3a;background:var(--surface);border-left:1px solid #3a3a6b;border-left:1px solid var(--border);border-right:1px solid #3a3a6b;border-right:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.message{background:#2d2d5a;background:var(--surface-light);border:1px solid #3a3a6b;border:1px solid var(--border);border-radius:12px;cursor:pointer;padding:15px;position:relative;transition:all .3s ease}.message:hover{background:#667eea1a;border-color:#667eea;border-color:var(--primary-color)}.message-header{align-items:center;color:#a0a0c4;color:var(--text-secondary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:10px}.message-content{word-wrap:break-word;line-height:1.5}.message-image{border-radius:8px;margin-top:10px;max-height:300px;max-width:100%}.clipboard-monitor{align-items:center;background:#1a1a3a;background:var(--surface);border:1px solid #3a3a6b;border:1px solid var(--border);border-radius:0 0 15px 15px;display:flex;gap:15px;padding:15px 20px}.monitor-status{font-size:.9rem;gap:8px}.monitor-status,.participants{align-items:center;display:flex}.participants{gap:10px}.participant{background:linear-gradient(135deg,#667eea,#f093fb);background:linear-gradient(135deg,var(--primary-color),var(--accent));border-radius:50%;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.alert,.participant{align-items:center;display:flex}.alert{animation:slideIn .3s ease;border-radius:12px;gap:10px;margin:15px 0;padding:15px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:#48bb7833;border:1px solid #48bb784d;color:#48bb78;color:var(--success)}.alert-error{background:#f5656533;border:1px solid #f565654d;color:#f56565;color:var(--error)}.alert-warning{background:#ed893633;border:1px solid #ed89364d;color:#ed8936;color:var(--warning)}.context-menu{background:#1a1a3a;background:var(--surface);border:1px solid #3a3a6b;border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 25px #0000004d;min-width:150px;padding:5px 0;position:absolute;z-index:1000}.context-menu-item{cursor:pointer;padding:10px 15px;transition:background .2s}.context-menu-item:hover{background:#667eea1a}.hidden{display:none!important}@media (max-width:768px){.container{padding:15px}.header h1{font-size:2.5rem}.mode-selector{grid-template-columns:1fr}.code-number{font-size:2rem;letter-spacing:4px}.code-input{font-size:1.5rem;letter-spacing:2px}.chat-header{align-items:flex-start;flex-direction:column;gap:15px}.participants{flex-wrap:wrap}}
/*# sourceMappingURL=main.aae697d8.css.map*/