*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Microsoft JhengHei,sans-serif;background:#f5f7fa}#root{min-height:100vh}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 30px;box-shadow:0 2px 10px #0000001a}.navbar h1{font-size:24px;margin-bottom:5px}.session-info{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.session-code{font-size:28px;font-weight:700;background:#fff3;padding:10px 20px;border-radius:10px;letter-spacing:4px}.main-container{max-width:1400px;margin:30px auto;padding:0 30px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 2px 10px #00000014}.card h2{font-size:20px;margin-bottom:20px;color:#333;display:flex;align-items:center;gap:10px}.card-full{grid-column:1 / -1}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-success{background:#28a745;color:#fff}.btn-danger{background:#dc3545;color:#fff}.btn-secondary{background:#6c757d;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#555}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}textarea{resize:vertical;min-height:80px;font-family:inherit}.toggle-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch input[type=checkbox]{position:relative;width:50px;height:26px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ddd;border-radius:13px;outline:none;cursor:pointer;transition:background .3s}.toggle-switch input[type=checkbox]:checked{background:#667eea}.toggle-switch input[type=checkbox]:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s}.toggle-switch input[type=checkbox]:checked:before{transform:translate(24px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;text-align:center}.stat-value{font-size:32px;font-weight:700;margin-bottom:5px}.stat-label{font-size:14px;opacity:.9}.question-list{max-height:400px;overflow-y:auto}.question-item{padding:15px;border:2px solid #e0e0e0;border-radius:10px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;transition:border-color .3s}.question-item:hover{border-color:#667eea}.question-item.active{border-color:#28a745;background:#f0fff4}.question-actions{display:flex;gap:10px}.response-list{max-height:500px;overflow-y:auto}.response-item{padding:15px;background:#f8f9fa;border-radius:10px;margin-bottom:10px}.response-meta{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;color:#999}.response-text{color:#333;line-height:1.6}.loading{text-align:center;padding:40px;color:#999}.spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#wordcloud-container{width:100%;height:300px;background:#f8f9fa;border-radius:10px;display:flex;align-items:center;justify-content:center}.chart-container{position:relative;height:300px}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}.main-container{padding:0 15px}}