body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}*{color:inherit}h1,h2,h3,h4,h5,h6{color:#2c3e50}div,label,p,span{color:#333}.voting-section-wrapper *,.voting-section-wrapper div,.voting-section-wrapper h1,.voting-section-wrapper h2,.voting-section-wrapper h3,.voting-section-wrapper h4,.voting-section-wrapper h5,.voting-section-wrapper h6,.voting-section-wrapper p,.voting-section-wrapper span{color:#2c3e50!important}.create-session *,.edit-session *,.home-container *,.host-dashboard *,.session-confirm *,.session-list *,.white-bg *,[class*=white] *,div[style*="background-color: white"] *,div[style*="background: white"] *{color:#333!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.active-session-controls{align-items:center;display:flex;gap:10px}.chat-toggle-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.chat-toggle-btn.pause{background-color:#fbbf24;color:#92400e}.chat-toggle-btn.pause:hover{background-color:#f59e0b}.chat-toggle-btn.resume{background-color:#10b981;color:#fff}.chat-toggle-btn.resume:hover{background-color:#059669}.chat-paused-notice{align-items:center;background-color:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;display:flex;font-size:14px;gap:8px;margin-top:10px;padding:8px 12px}.chat-disabled-message{background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;padding:20px;text-align:center}.chat-disabled-content{align-items:center;display:flex;flex-direction:column;gap:10px}.chat-disabled-content .pause-icon{font-size:24px}.chat-disabled-content p{color:#6b7280;font-size:16px;margin:0}.participants-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:300px;overflow-y:auto}.participant-item{border-bottom:1px solid #f3f4f6;padding:12px 16px;transition:background-color .2s ease}.participant-item:last-child{border-bottom:none}.participant-item:hover{background-color:#f9fafb}.participant-info{flex:1 1;gap:4px}.participant-name{color:#1f2937;font-size:14px;font-weight:500}.anonymous-indicator{margin-left:4px}.anonymous-indicator,.participant-joined{color:#6b7280;font-size:12px}.remove-user-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.remove-user-btn:hover{background:#fecaca;border-color:#f87171;transform:scale(1.1)}.no-participants{color:#6b7280;font-style:italic;padding:20px;text-align:center}.color-selector{align-items:center;display:flex;gap:10px;margin-top:5px}.color-selector input[type=color]{border:none;border-radius:6px;cursor:pointer;height:40px;width:40px}.color-preview{border:1px solid #d1d5db;border-radius:4px;height:30px;width:30px}.color-value{background:#f3f4f6;border-radius:4px;color:#6b7280;font-family:monospace;font-size:14px;padding:4px 8px}.qr-code-section{margin:15px 0}.qr-code-container{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;padding:15px}.qr-code{border-radius:6px;height:120px;width:120px}.qr-code-info{flex:1 1}.qr-code-label{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 5px}.qr-code-url{background:#f9fafb;border-radius:6px;color:#6b7280;font-family:monospace;font-size:14px;margin:0;padding:8px 12px;word-break:break-all}.home-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.home-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:3rem;text-align:center;width:100%}.site-header h1{color:#333;font-size:2.5rem}.tagline{color:#666;font-size:1.1rem;margin-bottom:2.5rem}.session-join-section h2{color:#333;font-size:1.8rem;margin-bottom:1rem}.join-description{color:#666;font-size:1rem;margin-bottom:2rem}.host-section{border-top:1px solid #e0e0e0;margin-top:2.5rem;padding-top:2rem}.host-section h3{color:#333;font-size:1.2rem;margin-bottom:.5rem}.host-description{color:#666;font-size:.9rem;margin-bottom:1.5rem}.host-button{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .2s ease}.host-button:hover{background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.session-form{margin-bottom:2rem}.input-group{display:flex;flex-direction:column;gap:1rem}.session-input{border:2px solid #e1e8ed;border-radius:12px;font-size:2rem;font-weight:600;letter-spacing:.3em;outline:none;padding:1rem;text-align:center;transition:all .3s ease}.session-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.session-input::placeholder{color:#ccc;font-weight:400}.join-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:600;min-height:60px;padding:1rem 2rem;transition:all .3s ease}.join-button:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.join-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#dc3545;font-size:.9rem;margin-top:.5rem;padding:.5rem}.session-actions{justify-content:space-between}.manage-session-btn{background:#667eea;border-radius:6px;flex:1 1;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.manage-session-btn:hover{background:#5a6fd8}.delete-session-btn{min-width:60px;padding:.75rem 1rem}.session-confirm{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:1rem}.confirm-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:2rem;width:100%}.session-details{background:#f8f9fa;border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:center}.session-title{color:#333;font-size:1.8rem;font-weight:700;line-height:1.3}.session-id-display{margin-bottom:1rem}.session-id-display .session-id{color:#667eea;font-family:monospace;font-size:2rem;font-weight:700;letter-spacing:.2em}.session-stats{color:#888;font-size:.9rem}.join-form{gap:2rem}.join-form,.name-input-section{display:flex;flex-direction:column}.name-input-section{gap:1.5rem}.anonymous-toggle{display:flex;justify-content:center}.checkbox-label{align-items:center;border:2px solid #e1e8ed;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:1rem;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.checkbox-label:hover{background:#667eea0d;border-color:#667eea}.checkbox-label input[type=checkbox]{accent-color:#667eea;height:18px;margin:0;width:18px}.name-input-group{display:flex;flex-direction:column;gap:.5rem}.name-input-group label{color:#333;font-size:1rem;font-weight:600}.name-input{border:2px solid #e1e8ed;border-radius:8px;font-size:1.1rem;outline:none;padding:1rem;transition:all .3s ease}.name-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.action-buttons{display:flex;flex-direction:column;gap:1rem}.cancel-btn,.confirm-join-btn{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;min-height:50px;padding:1rem;transition:all .3s ease}.cancel-btn{background:#f8f9fa;border:2px solid #dee2e6;color:#666}.cancel-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.confirm-join-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.confirm-join-btn:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.cancel-btn:disabled,.confirm-join-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.back-home-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.back-home-btn:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.session-ended,.session-not-found{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:400px;padding:2rem;text-align:center}.session-ended h2,.session-not-found h2{color:#dc3545;font-size:1.5rem;margin-bottom:1rem}.session-ended p,.session-not-found p{color:#666;line-height:1.5;margin-bottom:1.5rem}.loading{color:#fff;font-size:1.1rem;padding:2rem;text-align:center}@media (max-width:768px){.session-confirm{padding:.5rem}.confirm-container{border-radius:16px;padding:1.5rem}.session-title{font-size:1.4rem}.session-id-display .session-id{font-size:1.6rem}.session-details{padding:1rem}.name-input{font-size:16px}.action-buttons{gap:.75rem}.cancel-btn,.confirm-join-btn{font-size:1rem;min-height:44px;padding:.875rem}.checkbox-label{font-size:.9rem;padding:.625rem .75rem}}@media (max-width:480px){.confirm-container{margin:.5rem;padding:1rem}.session-details{margin-bottom:1.5rem;padding:.875rem}.session-title{font-size:1.2rem;margin-bottom:1rem}.session-id-display .session-id{font-size:1.4rem}.join-form{gap:1.5rem}.name-input-section{gap:1rem}}.voting-interface-sli.with-chat{height:100vh;overflow:hidden}.voting-interface-sli.with-chat .main-content{display:flex;gap:1rem;height:calc(100vh - 120px);padding:1rem}.voting-section-wrapper.with-chat-layout{flex:0 0 75%;overflow-y:auto;padding:1rem}.chat-section,.voting-section-wrapper.with-chat-layout{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.chat-section{display:flex;flex:0 0 25%;flex-direction:column;overflow:hidden}.chat-header{align-items:center;background:#667eea;color:#fff;display:flex;justify-content:space-between;padding:1rem}.chat-header h3{font-size:1.2rem;font-weight:600;margin:0}.chat-participants{font-size:.9rem;opacity:.9}.chat-messages{flex:1 1;max-height:calc(100vh - 300px);overflow-y:auto;padding:1rem}.chat-message{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-bottom:1rem;padding:.75rem}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.message-author{color:#333;font-weight:600}.message-time{color:#666;font-size:.8rem}.message-content{word-wrap:break-word;color:#555;line-height:1.5}.no-messages{color:#666;font-style:italic;padding:2rem;text-align:center}.no-messages p{margin:.5rem 0}.chat-input{background:#f8f9fa;border-top:1px solid #e1e8ed;padding:1rem}.chat-input .input-group{align-items:flex-end;display:flex;gap:.75rem}.chat-textarea{border:2px solid #e1e8ed;border-radius:8px;flex:1 1;font-family:inherit;font-size:.9rem;min-height:60px;outline:none;padding:.75rem;resize:vertical;transition:border-color .2s ease}.chat-textarea:focus{border-color:#667eea}.send-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:.75rem 1.5rem;transition:all .2s ease}.send-button:hover:not(:disabled){background:#5a6fd8;transform:translateY(-1px)}.send-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.message-counter{color:#666;font-size:.8rem;margin-top:.5rem;text-align:right}.chat-like-section{align-items:center;border-top:1px solid #f0f0f0;display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem;padding-top:.5rem}.chat-like-button{align-items:center;background:none;border:none;border-radius:20px;color:#6c757d;cursor:pointer;display:flex;font-size:.9rem;gap:.25rem;padding:.25rem .5rem;transition:all .2s ease}.chat-like-button:hover{background:#f1f3f4}.chat-like-button.liked{color:#3b82f6}.chat-like-button.liked:hover{background:#dbeafe}.chat-like-count{color:#6c757d;font-size:.8rem;font-weight:500}@media (max-width:768px){.voting-interface-sli.with-chat .main-content{flex-direction:column;height:calc(100vh - 100px)}.voting-section-wrapper.with-chat-layout{flex:0 0 75%}.chat-section{flex:0 0 25%}.chat-messages{max-height:calc(50vh - 150px)}}@media (max-width:480px){.voting-interface-sli.with-chat .main-content{gap:.5rem;padding:.5rem}.voting-section-wrapper.with-chat-layout{flex:0 0 75%;padding:.75rem}.chat-section{flex:0 0 25%}.chat-header{padding:.75rem}.chat-header h3{font-size:1rem}.chat-input{padding:.75rem}.chat-textarea{min-height:50px}.send-button{font-size:.9rem;padding:.5rem 1rem}}.admin-session-header{background-color:#fff;border-bottom:1px solid #e1e8ed;box-shadow:0 2px 4px #0000001a;padding:1rem 2rem}.back-to-admin-button{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.back-to-admin-button:hover{background:#e9ecef;border-color:#adb5bd;transform:translateX(-2px)}.session-controls,.session-ended-controls{align-items:center;display:flex;gap:1rem}.session-status.inactive{background:#f8d7da;border-radius:4px;color:#dc3545;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.reopen-session-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.reopen-session-btn:hover{background:#218838;box-shadow:0 2px 8px #28a7454d;transform:translateY(-1px)}.delete-session-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.delete-session-btn:hover{background:#c82333;box-shadow:0 2px 8px #dc35454d;transform:translateY(-1px)}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.session-info{flex:1 1;flex-direction:column;gap:.5rem;text-align:center}.session-id-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;gap:.5rem;padding:.3rem .8rem}.session-id-label{color:#fffc;font-size:.8rem}.session-id-value{background:#fff3;border-radius:8px;color:#fff;font-family:Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:1px;padding:.2rem .5rem}.back-to-home-btn{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.back-to-home-btn:hover{background:#e9ecef;border-color:#adb5bd;transform:translateX(-2px)}.participant-info{align-items:flex-end;display:flex;flex-direction:column;font-size:.9rem;gap:.25rem}.participant-name{color:#495057;font-weight:600}.participant-id{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;font-family:Courier New,monospace;font-size:.8rem;padding:.25rem .5rem}body{background-color:#f5f7fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.home-container .tagline,.home-container h1,.home-container h2,.home-container h3,.home-container p,.session-confirm .confirm-container h1,.session-confirm .confirm-container h2,.session-confirm .confirm-container h3,.session-confirm .confirm-container p{color:#333!important}.create-session h2,.create-session h3,.create-session h4,.create-session label,.create-session p,.edit-session h2,.edit-session h3,.edit-session h4,.edit-session label,.edit-session p,.session-list h2,.session-list h3,.session-list h4,.session-list label,.session-list p{color:#2c3e50!important}.host-dashboard h1,.host-dashboard h2,.host-dashboard h3,.host-dashboard p{color:#333!important}.App{display:flex;flex-direction:column;min-height:100vh}.loading{color:#666;font-size:1.2rem;height:100vh}.home-screen,.loading{align-items:center;display:flex;justify-content:center}.home-screen{flex-direction:column;min-height:100vh;padding:2rem}.site-header{margin-bottom:3rem;text-align:center}.site-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:2.8rem;font-weight:700;margin-bottom:.5rem;text-shadow:none}.tagline{color:#7f8c8d;font-size:1.2rem;font-weight:400;margin:0}.mode-selection{display:flex;gap:2rem}.mode-button{border:none;border-radius:12px;cursor:pointer;font-size:1.2rem;min-width:200px;padding:1.5rem 3rem;transition:all .3s ease}.admin-button{background-color:#e74c3c;color:#fff}.admin-button:hover{background-color:#c0392b;transform:translateY(-2px)}.voter-button{background-color:#3498db;color:#fff}.voter-button:hover{background-color:#2980b9;transform:translateY(-2px)}.admin-mode,.voter-mode{padding:2rem}.admin-header,.voter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.back-button,.create-session-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-button{background-color:#95a5a6;color:#fff}.back-button:hover{background-color:#7f8c8d}.create-session-button{background-color:#27ae60;color:#fff;font-size:1.2rem;padding:1rem 2rem}.create-session-button:hover{background-color:#229954}.create-session{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:.5rem}.form-group input[type=text],.form-group textarea{border:2px solid #e9ecef;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#3498db;outline:none}.questions-section h3{color:#2c3e50;margin-bottom:1rem}.question-form{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.question-header h4{color:#2c3e50}.remove-btn,.remove-option-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.remove-btn:hover,.remove-option-btn:hover{background-color:#c0392b}.option-input{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.option-input input{flex:1 1}.add-option-btn,.add-question-btn{background-color:#f39c12;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 1.5rem}.add-option-btn:hover,.add-question-btn:hover{background-color:#e67e22}.edit-session{margin:0 auto;max-width:800px}.edit-session-header{align-items:center;border-bottom:2px solid #e1e8ed;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.edit-session-header h2{color:#2c3e50;margin:0}.edit-session-header .cancel-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.edit-session-header .cancel-btn:hover{background:#5a6268}.edit-actions{border-top:1px solid #e1e8ed;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.edit-actions .cancel-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem}.edit-actions .cancel-btn:hover{background:#5a6268}.edit-actions button[type=submit]{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.5rem}.edit-actions button[type=submit]:hover:not(:disabled){background:#0056b3}.edit-actions button[type=submit]:disabled{background:#6c757d;cursor:not-allowed}.edit-session-btn{background:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-right:.5rem;padding:.5rem 1rem}.edit-session-btn:hover{background:#138496}.session-actions{flex-wrap:wrap}.admin-dashboard{margin:0 auto;max-width:1200px;padding:2rem}.session-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1.5rem}.session-stats{align-items:center;display:flex;gap:1rem}.session-stats span{background-color:#ecf0f1;border-radius:20px;font-size:.9rem;padding:.5rem 1rem}.close-session-btn{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.75rem 1.5rem}.current-question,.participants-section,.question-controls,.results-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1.5rem}.question-card{background:#f8f9fa;border-left:4px solid #27ae60;border-radius:8px;padding:1rem}.question-list{display:flex;flex-direction:column;gap:.5rem}.question-item{align-items:center;background:#f8f9fa;border-left:3px solid #bdc3c7;border-radius:6px;display:flex;justify-content:space-between;padding:1rem}.question-item.active{background:#d5f4e6;border-left-color:#27ae60}.question-actions,.result-bar{align-items:center;display:flex;gap:1rem}.result-bar{margin-bottom:.5rem}.option-label{min-width:120px;text-align:left}.bar-container{background:#ecf0f1;border-radius:12px;flex:1 1;height:24px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#3498db,#2980b9);border-radius:12px;height:100%;transition:width .3s ease}.vote-count{font-weight:600;min-width:40px}.join-session{align-items:center;display:flex;justify-content:center;min-height:70vh;padding:2rem}.join-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;width:100%}.instructions{border-top:1px solid #e9ecef;margin-top:2rem;padding-top:1.5rem}.instructions h3{color:#2c3e50;margin-bottom:1rem}.instructions ol{padding-left:1.5rem;text-align:left}.instructions li{color:#666;margin-bottom:.5rem}.voting-interface-sli{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.session-header-sli{color:#fff;padding:2rem 2rem 1rem;text-align:center}.session-title{font-size:2rem;font-weight:300;margin-bottom:1.5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px #0000004d;white-space:nowrap;word-break:keep-all}.question-progress{margin:0 auto;max-width:400px}.progress-bar-container{background:#ffffff4d;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#2ecc71,#27ae60);border-radius:4px;height:100%;transition:width .8s ease}.progress-text{font-size:.9rem;font-weight:500;opacity:.9}.question-slide{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:800px;padding:2rem;width:100%}.question-number{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:25px;color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;padding:.75rem 1.5rem}.voting-section-wrapper .question-number{background:#3498db!important;color:#fff!important}.question-title{color:#fff;font-size:2.2rem;font-weight:300;line-height:1.2;margin-bottom:3rem;max-width:700px;text-align:center;text-shadow:0 2px 8px #0000004d}.voting-section-wrapper .question-title,.voting-section-wrapper.with-chat-layout .question-title{color:#2c3e50!important;text-shadow:none!important}.question-slide .question-title{color:#fff;text-shadow:0 2px 8px #0000004d}.voting-section-wrapper,.voting-section-wrapper h1,.voting-section-wrapper h2,.voting-section-wrapper h3,.voting-section-wrapper h4,.voting-section-wrapper h5,.voting-section-wrapper h6{color:#2c3e50!important}.voting-section{max-width:600px;width:100%}.multiple-choice-sli{width:100%}.options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:2rem}.option-button{align-items:center;background:#fff;border:3px solid #0000;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;font-size:1.1rem;gap:1rem;overflow:hidden;padding:1.25rem 1.5rem;position:relative;transition:all .3s ease}.option-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.option-button:hover:before{left:100%}.option-button:hover{border-color:#3498db;box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.option-button.selected{background:#3498db;border-color:#2980b9;color:#fff;transform:scale(1.02)}.option-letter{align-items:center;background:#f8f9fa;border-radius:50%;color:#2c3e50;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.option-button.selected .option-letter{background:#ffffffe6;color:#3498db}.option-text{flex:1 1;font-weight:500;text-align:left}.submit-vote-button{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:12px;box-shadow:0 4px 12px #2ecc714d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:1.2rem 2rem;transition:all .3s ease;width:100%}.submit-vote-button:hover:not(:disabled){box-shadow:0 6px 16px #2ecc7166;transform:translateY(-2px)}.submit-vote-button:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.free-comment-sli{width:100%}.comment-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:3px solid #ffffff4d;border-radius:12px;font-family:inherit;font-size:1.1rem;min-height:150px;padding:1.5rem;resize:vertical;transition:all .3s ease;width:100%}.comment-textarea:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 4px #3498db1a;outline:none}.comment-textarea::placeholder{color:#7f8c8d;font-style:italic}.comment-footer{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.char-count{color:#fffc;font-size:.9rem}.submit-comment-button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.submit-comment-button:hover:not(:disabled){box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.submit-comment-button:disabled{background:#bdc3c7;cursor:not-allowed}.voted-section{max-width:600px;text-align:center;width:100%}.voted-message-sli{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:20px;color:#fff;margin-bottom:2rem;padding:2.5rem}.check-animation{animation:checkBounce .6s ease;color:#2ecc71;font-size:4rem;margin-bottom:1rem}@keyframes checkBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.voted-message-sli h3{font-size:1.8rem;font-weight:300;margin-bottom:.5rem}.voted-message-sli p{font-size:1.1rem;opacity:.9}.results-section-sli{animation:slideUp .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;color:#2c3e50;margin-bottom:2rem;padding:2rem}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.results-header{border-bottom:1px solid #ecf0f1;margin-bottom:1.5rem;padding-bottom:1rem}.results-header h4{font-size:1.3rem;font-weight:600}.vote-count-badge{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.results-chart{display:flex;flex-direction:column;gap:1rem}.result-item-sli{padding:.75rem 0}.result-label{display:flex;justify-content:space-between;margin-bottom:.5rem}.option-name{color:#2c3e50}.result-percentage{color:#3498db;font-size:1.1rem;font-weight:700}.result-bar-container{background:#ecf0f1;border-radius:6px;height:12px;margin-bottom:.25rem;overflow:hidden}.result-bar-fill{animation:fillBar 1s ease;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:6px;height:100%;transition:width 1s ease}@keyframes fillBar{0%{width:0!important}}.vote-count-small{color:#7f8c8d;font-size:.9rem;font-weight:500}.comments-results-sli{display:flex;flex-direction:column;gap:1rem;max-height:300px;overflow-y:auto}.comment-item-sli{animation:slideUp .3s ease;margin-bottom:.75rem}.comment-bubble{background:#f8f9fa;border-left:4px solid #3498db;border-radius:12px;padding:1rem 1.25rem;position:relative;transition:all .3s ease}.comment-bubble:hover{background:#e9ecef;transform:translateX(5px)}.comment-text{color:#2c3e50;font-size:1.1rem;font-weight:500;line-height:1.5;margin-bottom:.75rem}.comment-author{color:#7f8c8d;font-size:.85rem;font-style:italic;text-align:right}.comment-like-section{align-items:center;border-top:1px solid #e9ecef;display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem;padding-top:.5rem}.like-button{align-items:center;background:none;border:none;border-radius:20px;color:#6c757d;cursor:pointer;display:flex;font-size:.85rem;gap:.25rem;padding:.25rem .5rem;transition:all .2s ease}.like-button:hover{background:#f1f3f4}.like-button.liked{color:#3b82f6}.like-button.liked:hover{background:#dbeafe}.like-count{color:#6c757d;font-size:.8rem;font-weight:500}.other-input-section{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;margin:1rem 0;padding:1rem}.other-input{background:#fff;border:2px solid #dee2e6;border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.other-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.other-input::placeholder{color:#6c757d;font-style:italic}.other-responses{background:#f8f9fa;border-left:4px solid #ffc107;border-radius:8px;margin-top:1.5rem;padding:1rem}.other-responses h5{color:#495057;font-size:1rem;font-weight:600;margin-bottom:1rem}.other-responses-list{display:flex;flex-direction:column;gap:.75rem}.other-response-item{background:#fff;border-left:3px solid #ffc107;border-radius:6px;padding:.75rem 1rem}.other-response-text{color:#2c3e50;font-size:.95rem;font-weight:500;margin-bottom:.25rem}.other-response-author{color:#6c757d;font-size:.8rem;font-style:italic;text-align:right}.more-others{background:#e9ecef;border-radius:4px;color:#6c757d;padding:.5rem}.more-comments,.more-others{font-style:italic;text-align:center}.more-comments{background:#f8f9fa;border-radius:8px;color:#7f8c8d;padding:1rem}.waiting-next{align-items:center;color:#fffc;display:flex;flex-direction:column;margin-top:2rem}.pulse-dot{animation:pulse 2s infinite;background:#2ecc71;border-radius:50%;height:12px;margin-bottom:1rem;width:12px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.waiting-next p{font-size:1.1rem;font-style:italic}.results-display{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem 0;padding:2rem}.total-votes{background:#ecf0f1;border-radius:20px;font-weight:600;margin-bottom:2rem;padding:.75rem;text-align:center}.result-item{margin-bottom:1rem}.option-info{display:flex;justify-content:space-between;margin-bottom:.5rem}.option-name,.percentage{font-weight:600}.percentage{color:#3498db}.progress-bar{background:#ecf0f1;border-radius:10px;height:20px;margin-bottom:.25rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3498db,#2980b9);height:100%;transition:width .5s ease}.comments-list{max-height:400px;overflow-y:auto}.comment-card{background:#f8f9fa;border-left:3px solid #3498db;border-radius:8px;margin-bottom:1rem;padding:1rem}.comment-meta{color:#666;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.commenter{font-weight:600}.comment-content{color:#2c3e50;line-height:1.5}.simple-admin-panel-container{display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.admin-header-fixed{align-items:flex-start;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000001a;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 2rem}.session-title-section{flex:1 1}.session-title-white{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 1px 3px #0000004d}.session-id-and-controls{align-items:center;display:flex;gap:1rem}.session-controls-left{display:flex;gap:.5rem}.session-info-right{align-items:center;display:flex;gap:1rem}.current-question-panel-fixed{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;flex-shrink:0;padding:1.5rem 2rem}.current-question-title-dark{color:#2c3e50;font-size:1.4rem;font-weight:600;margin:.5rem 0 0}.navigation-panel-fixed{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000001a;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 2rem}.main-content-split{display:flex;flex:1 1;height:calc(100vh - 160px);overflow:hidden}.left-panel{border-right:1px solid #ffffff1a;overflow-y:auto}.left-panel,.right-panel{display:flex;flex-direction:column;padding:1rem;width:50%}.right-panel{overflow:hidden}.quick-results.full-height{display:flex;flex-direction:column;height:100%;margin-bottom:0}.results-content{flex:1 1;overflow-y:auto;padding-right:.5rem}.left-panel-participants{flex-shrink:0;margin-top:1rem}.left-panel-participants .participants-list{max-height:200px;overflow-y:auto}.more-participants{color:#ffffffb3;padding:.5rem;text-align:center}.scrollable-content{flex:1 1;max-height:calc(100vh - 400px);min-height:0;overflow-x:hidden;overflow-y:auto;padding:2rem}.scrollable-content::-webkit-scrollbar{width:8px}.scrollable-content::-webkit-scrollbar-track{background:#ffffff1a}.scrollable-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.left-panel-participants .participants-list::-webkit-scrollbar,.left-panel::-webkit-scrollbar,.results-content::-webkit-scrollbar{width:8px}.left-panel-participants .participants-list::-webkit-scrollbar-track,.left-panel::-webkit-scrollbar-track,.results-content::-webkit-scrollbar-track{background:#ffffff1a}.left-panel-participants .participants-list::-webkit-scrollbar-thumb,.left-panel::-webkit-scrollbar-thumb,.results-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.left-panel-participants .participants-list::-webkit-scrollbar-thumb:hover,.left-panel::-webkit-scrollbar-thumb:hover,.results-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.quick-results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000001a;padding:2rem}.quick-results h3{color:#2c3e50;font-size:1.3rem;margin:0 0 1.5rem}.no-results{color:#7f8c8d;font-style:italic;padding:2rem 0;text-align:center}.participants-summary{background:#fffffff2;box-shadow:0 4px 16px #0000001a;padding:2rem}.participants-summary h3{color:#2c3e50;font-size:1.3rem;margin:0 0 1.5rem}@media (max-width:768px){.admin-header-fixed{flex-direction:column;gap:1rem;padding:1rem}.session-id-and-controls{align-items:flex-start;flex-direction:column;gap:.5rem}.session-info-right{align-self:stretch;justify-content:center}.navigation-panel-fixed{flex-direction:column;gap:1rem;padding:1rem}.scrollable-content{padding:1rem}.main-content-split{flex-direction:column;height:auto}.left-panel,.right-panel{max-height:none;width:100%}.left-panel{border-bottom:1px solid #ffffff1a;border-right:none;padding-bottom:1rem}}.admin-header-simple{align-items:flex-start;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.session-title-section{display:flex;flex-direction:column;gap:.75rem}.session-title-section h1{font-size:2rem;font-weight:300;margin:0}.session-id-display{align-items:center;display:flex;gap:.75rem}.session-id-label{color:#ffffffe6;font-size:.9rem;font-weight:500;opacity:.8}.session-id-admin{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;color:#fff;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;letter-spacing:2px;padding:.4rem .8rem;text-shadow:0 1px 2px #0000004d}.session-info{gap:1rem}.participant-count{background:#fff3;border-radius:20px;font-size:.9rem;padding:.5rem 1rem}.end-session-btn{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.end-session-btn:hover{background:#c0392b;transform:translateY(-2px)}.current-question-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;margin-bottom:2rem;padding:2rem}.question-display{margin-bottom:1.5rem}.question-meta{display:flex;gap:1rem;margin-bottom:1rem}.question-number{background:#ffffffe6;color:#667eea;font-weight:700}.question-number,.question-type{border-radius:20px;font-size:.9rem;padding:.5rem 1rem}.question-type{background:#fff3}.current-question-title{font-size:1.5rem;font-weight:400;line-height:1.3;margin:0}.response-stats{display:flex;gap:2rem;justify-content:center}.stat-item{text-align:center}.stat-number{color:#2ecc71;font-size:2.5rem;font-weight:700;line-height:1}.stat-label{font-size:.9rem;margin-top:.25rem;opacity:.8}.navigation-panel{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.nav-button{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.nav-button:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.nav-button:disabled{cursor:not-allowed;opacity:.5}.question-indicator{display:flex;gap:.5rem}.question-dot{background:#0000;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;height:40px;transition:all .3s ease;width:40px}.question-dot:hover{border-color:#fff9;transform:scale(1.1)}.question-dot.active{background:#2ecc71;border-color:#2ecc71;transform:scale(1.15)}.question-dot.has-responses{border-color:#f39c12}.quick-results{background:#fffffff2;border-radius:12px;color:#2c3e50;margin-bottom:2rem;padding:1.5rem}.quick-results h3{font-size:1.1rem;font-weight:600;margin:0 0 1rem}.results-preview{display:flex;flex-direction:column;gap:.75rem}.result-preview-item{align-items:center;display:flex;gap:1rem}.option-name{flex:1 1;font-weight:500}.vote-count{color:#3498db;font-weight:700;min-width:50px;text-align:right}.mini-bar{background:#ecf0f1;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.mini-bar-fill{background:linear-gradient(90deg,#3498db,#2980b9);height:100%;transition:width .5s ease}.comments-preview{display:flex;flex-direction:column;gap:.75rem}.comment-preview{background:#f8f9fa;border-left:3px solid #3498db;padding:.75rem}.comment-text-preview{color:#2c3e50;font-style:italic;margin-bottom:.25rem}.comment-author-preview{color:#7f8c8d;font-size:.8rem;text-align:right}.participants-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;padding:1.5rem}.participants-summary h3{font-size:1.1rem;font-weight:600;margin:0 0 1rem}.participants-grid{display:flex;flex-wrap:wrap;gap:.5rem}.participant-badge{background:#fff3;border-radius:16px;font-size:.8rem;padding:.5rem .75rem}.participant-name{align-items:center;display:flex;gap:.25rem}.anonymous-indicator{color:#f39c12;font-weight:700}.more-participants{background:#ffffff4d;border-radius:16px;font-size:.8rem;font-style:italic;padding:.5rem .75rem}.session-ended{padding:4rem 2rem;text-align:center}.session-ended h2{color:#2c3e50;margin-bottom:1rem}.home-button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:2rem;padding:1rem 2rem}.home-button:hover{background-color:#2980b9}.participants-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.participant-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.anonymous-badge{background:#f39c12;border-radius:12px;color:#fff;font-size:.75rem;margin-left:.5rem;padding:.25rem .5rem}@media (max-width:768px){.session-title{font-size:1.5rem;white-space:normal;word-break:break-word}.session-info{gap:.25rem}.session-id-display{padding:.2rem .6rem}.session-id-label{font-size:.7rem}.session-id-value{font-size:.9rem}.question-title{font-size:1.6rem}.question-slide{padding:1rem}.options-grid{gap:.75rem}.option-button{font-size:1rem;padding:1rem}.option-letter{font-size:.8rem;height:28px;width:28px}.submit-vote-button{font-size:1.1rem;padding:1rem 1.5rem}.comment-textarea{font-size:1rem;min-height:120px;padding:1rem}.voted-message-sli{padding:2rem 1.5rem}.check-animation{font-size:3rem}.results-section-sli{padding:1.5rem}.home-screen h1{font-size:2rem}.mode-selection{flex-direction:column;width:100%}.mode-button{min-width:auto;width:100%}.session-header{flex-direction:column;gap:1rem;text-align:center}.session-stats{flex-wrap:wrap;justify-content:center}.admin-header,.voter-header{flex-direction:column;gap:1rem;text-align:center}.admin-header-simple{align-items:stretch;flex-direction:column;gap:1rem}.session-id-display{align-items:flex-start;flex-direction:column;gap:.5rem}.session-id-admin{align-self:flex-start;font-size:1rem;letter-spacing:1px}.question-item{flex-direction:column;gap:1rem;text-align:center}.question-actions{justify-content:center}.result-bar{flex-direction:column;gap:.5rem}.option-info{gap:1rem;justify-content:center}.participants-list{grid-template-columns:1fr}.participant-item{flex-direction:column;gap:.5rem;text-align:center}.create-session,.join-session,.voting-interface{padding:1rem}}@media (max-width:480px){.session-header-sli{padding:1.5rem 1rem 1rem}.session-title{font-size:1.3rem}.question-title{font-size:1.4rem}.option-button{font-size:.95rem;padding:.875rem 1rem}.option-letter{font-size:.75rem;height:24px;width:24px}.submit-vote-button{font-size:1rem;padding:1rem}.comment-textarea{min-height:100px;padding:.875rem}.voted-message-sli{padding:1.5rem 1rem}.admin-dashboard,.results-section-sli{padding:1rem}}.admin-actions{align-items:center;display:flex;flex-direction:column;gap:1rem}.view-sessions-button{background:#2ecc71;border:none;border-radius:12px;box-shadow:0 4px 8px #2ecc714d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.view-sessions-button:hover{background:#27ae60;box-shadow:0 6px 16px #2ecc7166;transform:translateY(-2px)}.session-list{margin:0 auto;max-width:1200px;padding:2rem}.session-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.session-list-header h2{color:#2c3e50;margin:0}.no-sessions{color:#7f8c8d;padding:3rem;text-align:center}.no-sessions p{font-size:1.1rem;margin-bottom:1rem}.sessions-sortable-list{display:flex;flex-direction:column;gap:1rem}.session-item{background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.session-item:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-1px)}.session-item.dragging{box-shadow:0 8px 24px #00000040;transform:rotate(2deg);z-index:1000}.session-drag-handle{align-items:center;background:#f8f9fa;border-right:1px solid #e1e8ed;cursor:grab;display:flex;justify-content:center;transition:background-color .2s ease;width:40px}.session-drag-handle:hover{background:#e9ecef}.session-drag-handle:active{cursor:grabbing}.drag-icon{color:#6c757d;font-size:16px;-webkit-user-select:none;user-select:none}.session-content{cursor:pointer;flex:1 1;padding:1.5rem}.session-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.session-actions{gap:.5rem}.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;padding:.25rem .75rem;transition:all .2s ease}.edit-btn{background:#3498db;color:#fff}.edit-btn:hover{background:#2980b9}.delete-btn{background:#e74c3c;color:#fff}.delete-btn:hover{background:#c0392b}.session-meta{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.session-id{color:#6c757d;font-family:monospace;font-size:.8rem}.session-info{align-items:center;color:#6c757d;display:flex;font-size:.9rem;justify-content:space-between}.session-date,.session-questions{font-size:.8rem}.sessions-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.questions-sortable-list{display:flex;flex-direction:column;gap:1rem}.sortable-question{background:#fff;border:2px solid #e1e8ed;border-radius:12px;display:flex;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.sortable-question:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.sortable-question.dragging{border-color:#667eea;box-shadow:0 8px 24px #0003;transform:rotate(1deg);z-index:1000}.question-drag-handle{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-right:2px solid #e1e8ed;cursor:grab;display:flex;justify-content:center;padding-top:20px;transition:background .2s ease;width:30px}.question-drag-handle:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6)}.question-drag-handle:active{cursor:grabbing}.question-drag-handle .drag-icon{color:#6c757d;font-size:14px;transform:rotate(90deg);-webkit-user-select:none;user-select:none}.question-content{flex:1 1;padding:0}.sortable-question .question-form{border:none;margin:0;padding:1.5rem}.sortable-question .question-header{align-items:center;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.sortable-question .question-header h4{color:#667eea;font-size:1.1rem;font-weight:600;margin:0}.sortable-question .remove-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:.25rem .75rem;transition:background-color .2s ease}.sortable-question .remove-btn:hover{background:#c82333}.host-session-page{left:0;min-height:100vh;overflow:hidden;padding:0;position:fixed;top:0;width:100%}.host-session-header{align-items:center;background:#ffffff1a;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 2rem}.back-to-dashboard-button{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.back-to-dashboard-button:hover{background:#ffffff4d;transform:translateY(-1px)}.logout-btn-small{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.logout-btn-small:hover{background:#ffffff4d}.session-card{background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.session-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.session-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.session-title{color:#2c3e50;flex:1 1;font-size:1.2rem;font-weight:600;margin:0 1rem 0 0}.session-status{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-active{background:#e8f5e8;border:1px solid #27ae60;color:#27ae60}.status-inactive{background:#fdf2e8;border:1px solid #e67e22;color:#e67e22}.session-info{margin-bottom:1rem}.session-detail{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.session-detail strong{color:#34495e;min-width:100px}.session-id{background:#f8f9fa;border:2px solid #e74c3c;border-radius:6px;color:#e74c3c;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;letter-spacing:2px;padding:.4rem .8rem}.current-question{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin-bottom:1rem;padding:1rem}.current-question strong{color:#2c3e50;display:block;margin-bottom:.5rem}.current-question p{color:#34495e;font-size:.9rem;line-height:1.4;margin:0}.session-actions{display:flex;justify-content:flex-end}.manage-session-btn{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.manage-session-btn:hover{background:#2980b9;transform:translateY(-1px)}@media (max-width:768px){.session-list{padding:1rem}.session-list-header{align-items:stretch;flex-direction:column;gap:1rem}.sessions-grid{gap:1rem;grid-template-columns:1fr}.session-card{padding:1rem}.session-card-header{align-items:stretch;flex-direction:column;gap:.5rem}.session-title{margin-bottom:.5rem;margin-right:0}.session-detail{flex-direction:column;gap:.25rem}.session-detail strong{min-width:auto}}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.results-header h3{margin:0}.toggle-comments-btn{align-items:center;background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.toggle-comments-btn:hover{background:#c0392b;transform:translateY(-1px)}.toggle-comments-btn.active{background:#27ae60}.toggle-comments-btn.active:hover{background:#219a52}.comments-hidden{align-items:center;background:#34495e1a;border:2px dashed #34495e4d;border-radius:8px;display:flex;height:200px;justify-content:center}.hidden-message{color:#7f8c8d;text-align:center}.hidden-icon{display:block;font-size:3rem;margin-bottom:1rem}.hidden-message p{font-size:1rem;margin:.5rem 0}.comment-count{color:#34495e;font-weight:700}.comment-preview{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem;padding:1rem;transition:all .3s ease}.comment-preview:hover{background:#ffffff1a;transform:translateX(2px)}.comment-content{flex:1 1;min-width:0}.comment-text-preview{word-wrap:break-word;margin-bottom:.5rem}.hide-comment-btn{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;transition:all .3s ease;width:24px}.hide-comment-btn:hover{background:#c0392b;transform:scale(1.1)}.all-comments-hidden{color:#7f8c8d;padding:2rem;text-align:center}.all-comments-hidden p{font-style:italic;margin-bottom:1rem}.show-all-comments-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.show-all-comments-btn:hover{background:#2980b9;transform:translateY(-1px)}.hidden-comments-info{border-top:1px solid #7f8c8d4d;margin-top:1rem;padding-top:1rem}.individual-hidden-count{color:#95a5a6;font-size:.9rem;margin-bottom:.5rem}
/*# sourceMappingURL=main.78f9bc0f.css.map*/