#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.info{background-color:#333;border-radius:8px;padding:10px;overflow:hidden;min-width:400px;max-width:400px}form{background-color:#333;border-radius:8px;padding:6rem 2rem 1.5rem;box-shadow:0 4px 8px #0003;max-width:800px;margin:0 auto;position:relative}.logo-container{position:absolute;top:1rem;left:1rem;display:flex;align-items:center}.logo{height:5em;width:auto}.text-container{position:absolute;top:1rem;right:1rem;text-align:right}.text-container p{color:#e0e0e0;font-size:.8em}form label{display:block;margin-bottom:.5rem;font-size:1.2em;font-weight:700;color:#e0e0e0}form input[type=text],form textarea,form input[type=radio]{margin-bottom:1rem}form input[type=text]{border:1px solid #444;background-color:#222;color:#e0e0e0;border-radius:4px;padding:.5em;width:100%;box-sizing:border-box}form textarea{border:1px solid #444;background-color:#222;color:#e0e0e0;border-radius:4px;padding:.5em;width:100%;box-sizing:border-box;resize:none;height:15em;line-height:1.5em;font-size:1em}form .likert-scale{display:flex;gap:1rem;justify-content:center}form .likert-scale label{display:flex;align-items:center;font-size:1em;color:#e0e0e0}form .likert-scale input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#444;border:2px solid #555;border-radius:50%;width:2em;height:2em;cursor:pointer;outline:none;position:relative;transition:background-color .3s,border-color .3s}form .likert-scale input[type=radio]:checked{background-color:#646cff;border-color:#646cff}form .likert-scale input[type=radio]:checked:after{content:"";display:block;width:50%;height:50%;border-radius:50%;background-color:#fff;position:absolute;top:25%;left:25%}form .likert-scale input[type=radio]:hover{background-color:#555}form button{background-color:#646cff;color:#fff;border:none;padding:.8em 1.5em;font-size:1.1em;font-weight:600;cursor:pointer;transition:background-color .3s}form button:hover{background-color:#535bf2}form button:disabled{background-color:#888;cursor:not-allowed}.error-message{color:#f44336;font-size:1.1em;margin-top:1rem}.create-link-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:90vh;background-color:#242424;color:#ffffffde;padding:1em;box-sizing:border-box}.qr-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;text-align:center}.qr-code{border-radius:8px;padding:1em;background-color:#fff;box-shadow:0 4px 8px #0003}.qr-link{margin-top:1em;color:#ffffffde;font-size:1.2em;word-break:break-all}.download-buttons button{color:#fff;border:none;border-radius:5px;padding:8px 12px;cursor:pointer;font-size:1rem;margin-left:10px;width:fit-content}.download-buttons button:hover{background-color:#4a4a9c}h2{font-size:2em;margin-bottom:1em}.form-container input[type=password]{width:100%;padding:.9em;border:1px solid #646cff;border-radius:8px;background-color:#242424;color:#ffffffde;box-sizing:border-box;margin-bottom:3em;font-size:100%}button{width:100%;padding:.8em;border:1px solid transparent;background-color:#1a1a1a;color:#ffffffde;font-size:1em;font-weight:500;border-radius:8px;cursor:pointer;transition:background-color .25s,border-color .25s}button:hover{background-color:#646cff;border-color:#646cff}.feedback-container{padding:20px;margin:20px auto;max-width:1000px;min-width:1000px;width:100%;background-color:#1a1a1a;border-radius:10px;box-shadow:0 4px 10px #00000040;overflow:hidden}.logo{position:absolute;top:1em;left:1em;width:100px;height:auto}.lecturer-name{position:absolute;top:1em;right:1em;height:auto}.course-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.course-title{color:#646cff;font-size:2rem;cursor:pointer;margin:0;display:flex;align-items:center}.expand-icon{margin-left:10px}.create-button,.share-button{background-color:#646cff;color:#fff;border:none;border-radius:5px;padding:8px 12px;cursor:pointer;font-size:1rem;width:fit-content}.create-button:hover,.share-button:hover{background-color:#4a4a9c}.button-container{display:flex;gap:5px}.session-section{margin-bottom:20px}.feedback-card{background-color:#2a2a2a;border-radius:8px;padding:15px;margin-bottom:15px;box-shadow:0 2px 6px #0000004d;max-width:100%;width:100%;box-sizing:border-box}.feedback-container{max-width:800px;width:100%;margin:20px auto}.feedback-id{color:#fff;font-size:1.25rem;margin-bottom:10px;border-bottom:1px solid #646cff;padding-bottom:5px}.question-answer-pair{margin-bottom:10px}.question{font-size:1rem;color:#ffffffde}.answer{font-size:1.1rem;color:#fff}.likert-answer{font-weight:700;color:#3fb34f;padding:8px 12px;border-radius:5px;display:inline-block;background-color:#333}.text-answer{color:#ddd;background-color:#333;padding:8px 12px;border-radius:5px;display:inline-block;max-width:100%;word-wrap:break-word;word-break:break-all;overflow-wrap:break-word;max-height:150px;overflow-y:auto}.session-header{display:flex;align-items:center;justify-content:space-between;width:100%}.session-date{color:#bbb;font-size:1.2rem;margin-bottom:10px;text-align:left;border-left:4px solid #646cff;padding-left:10px;cursor:pointer}.text-answer::-webkit-scrollbar{width:8px}.text-answer::-webkit-scrollbar-thumb{background-color:#646cff;border-radius:4px}.change-link{display:block;color:#646cff;font-size:.8rem;text-decoration:underline;text-align:center}.change-link:hover{color:#4a4a9c}.form-container input[type=text],.form-container input[type=password]{width:100%;padding:.9em;border:1px solid #646cff;border-radius:8px;background-color:#242424;color:#ffffffde;box-sizing:border-box;margin-bottom:3em;font-size:100%}.submit-message{margin-top:1.5rem;font-size:1.1em;font-weight:600;text-align:center}.submit-message p{color:#fff}.submit-message p.success{color:#4caf50}.submit-message p.failure{color:#f44336}.share-feedback-container{padding:20px;margin:20px auto;max-width:800px;min-width:800px;width:100%;background-color:#1a1a1a;border-radius:10px;box-shadow:0 4px 10px #00000040;overflow:hidden;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.share-general-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #333}.share-course-title{color:#646cff;font-size:2rem;margin:0}.share-lecturer,.share-date{font-size:1rem;color:#aaa;margin:5px 0}.share-responses-heading{font-size:1.5rem;color:#fff;margin:20px 0;text-align:left;border-left:4px solid #646cff;padding-left:10px}.share-no-responses{text-align:center;color:#888;font-style:italic;padding:20px}.share-response-card{background-color:#2a2a2a;border-radius:8px;padding:15px;margin-bottom:15px;box-shadow:0 2px 6px #0000004d;width:100%;box-sizing:border-box}.share-response-id{color:#fff;font-size:1.25rem;margin-bottom:10px;border-bottom:1px solid #646cff;padding-bottom:5px}.share-response-content{display:flex;flex-direction:column;gap:15px}.share-question-answer{margin-bottom:15px}.share-question{font-size:1rem;color:#ffffffde;margin-bottom:5px}.share-answer{font-size:1.1rem;padding:8px 12px;border-radius:5px;display:inline-block;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.share-answer[data-type=LIKERT]{font-weight:700;color:#3fb34f;background-color:#333}.share-answer[data-type=TEXT]{color:#ddd;background-color:#333;white-space:pre-wrap;max-height:150px;overflow-y:auto;line-height:1.5;display:block}.share-answer[data-type=TEXT]::-webkit-scrollbar{width:8px}.share-answer[data-type=TEXT]::-webkit-scrollbar-thumb{background-color:#646cff;border-radius:4px}@media (max-width: 900px){.share-feedback-container{min-width:auto;width:95%;max-width:95%}}@media (max-width: 600px){.share-general-info{flex-direction:column;align-items:flex-start;gap:10px}.share-course-title{font-size:1.5rem}.share-response-card{padding:12px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}form{padding-top:2em}