@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{color-scheme:dark;--bg: #0d0f12;--bg-contrast: #f6f4f0;--surface: rgb(182, 181, 181);--surface-muted: #d0cccc;--surface-ink: #15181d;--accent: #5aa2ff;--accent-2: #f2a35b;--ink: #f6f4f0;--ink-muted: #b3bac3;--border: rgba(255, 255, 255, .14);--shadow: 0 24px 60px rgba(0, 0, 0, .5);--shadow-soft: 0 12px 30px rgba(0, 0, 0, .35);--radius: 18px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Roboto,Segoe UI,Arial,sans-serif;background-color:var(--bg);color:var(--ink);position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;top:-20vmax;right:-20vmax;bottom:-20vmax;left:-20vmax;background:radial-gradient(circle at 20% 20%,rgba(90,162,255,.18),transparent 55%),radial-gradient(circle at 80% 10%,rgba(242,163,91,.16),transparent 60%),radial-gradient(circle at 50% 80%,rgba(34,155,131,.14),transparent 65%);z-index:-2}body:after{background:linear-gradient(135deg,#0009,#0000001a);opacity:.7;z-index:-1}#root{max-width:1200px;margin:0 auto;padding:24px clamp(16px,3vw,40px) 80px;text-align:left;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:Roboto,Segoe UI,Arial,sans-serif;letter-spacing:-.01em;color:var(--ink)}h1{font-size:2.5rem}a{color:var(--accent);text-decoration:none;font-weight:500;transition:color .3s ease}a:hover{color:var(--accent-2)}button{border-radius:8px;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--surface-ink);box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}button:hover{transform:translateY(-1px);box-shadow:var(--shadow);background:var(--surface-muted)}button:focus,button:focus-visible{outline:none}label{font-size:.9em;font-weight:700;color:var(--ink)}input[type=text],input[type=password],input[type=email],input[type=file],input[type=number],textarea,select{padding:.5em;margin:10px 0;font-size:.95em;font-weight:500;font-family:inherit;border-radius:8px;border:1px solid rgba(20,24,28,.2);background:var(--surface-muted);color:var(--surface-ink)}input::placeholder,textarea::placeholder{color:#15181d99}select option{color:var(--surface-ink);background:var(--surface)}input[type=file]{color:var(--surface-ink)}input[type=file]::file-selector-button{color:#15181d;background:#e3e0e0;border:1px solid rgba(20,24,28,.2);border-radius:6px;padding:6px 12px;margin-right:10px;cursor:pointer}input[type=file]::-webkit-file-upload-button{color:#15181d;background:#e3e0e0;border:1px solid rgba(20,24,28,.2);border-radius:6px;padding:6px 12px;margin-right:10px;cursor:pointer}.display{width:100%;max-width:1200px;padding:16px 0 32px}.app-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0 20px;width:100%}.footer{display:flex;width:100%;font-size:smaller;justify-content:space-between;align-items:center;color:var(--ink-muted);margin-top:2rem}.logo{width:90px;height:auto;margin:0}.frontlogo{display:block;margin:12px auto 24px}.menubar{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;position:sticky;top:12px;width:100%;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0f12d9;box-shadow:var(--shadow-soft);z-index:1000}.menubar-buttons{display:flex;gap:6px;flex-wrap:wrap}.menubutton{background:transparent;color:var(--ink);border:none;box-shadow:none;font-size:.85em;letter-spacing:.02em}.menubutton:hover{color:var(--accent)}.hamburger{display:none;font-size:1.6em;background:transparent;border:none;cursor:pointer}.message-container{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding:clamp(16px,3vw,40px);gap:16px;background:#15181dcc;border-radius:var(--radius);box-shadow:var(--shadow-soft)}.half-message{width:50%;padding:10px}.full-message{width:100%;padding:10px 0}.answer-container{display:flex;flex-direction:column;width:min(420px,100%);padding:20px}.question-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:20px 0}.browse-questions-container{margin:0 auto;width:100%;height:90vh;padding:20px}.questions-table{width:100%;max-width:980px;margin:0 auto 20px;border-collapse:collapse}.question-details{width:90vw}.qr-ref{margin-top:.2rem;text-align:center}.qr-ref button{width:250px;cursor:pointer;font-size:.9em}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;margin:0 auto;padding:40px 0 20px}.login-form,.add-question-form,.add-answer-form,.get-question-form,.showUserDetails-container,.modal,.confirm-deletion{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}.login-form{width:100%;max-width:520px;display:flex;flex-direction:column;gap:1.5rem;background:var(--surface);color:var(--surface-ink);padding:2rem;margin:0 auto}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group-button{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;margin-bottom:1rem}.login-form button,.login-form .form-group-button button{width:100%;min-width:120px;margin:0 auto}.add-question-form,.add-answer-form,.get-question-form{width:100%;max-width:600px;margin:40px auto;padding:40px;background:var(--surface);color:var(--surface-ink)}.add-answer-form,.get-question-form{max-width:900px}.add-question-label,.ask-question-label{display:block;margin-bottom:6px;font-weight:600}.ask-question-label{color:var(--ink)}.add-question-input,.add-question-textarea,.add-question-select{width:100%;padding:10px;border-radius:6px;border:1px solid rgba(20,24,28,.2);font-size:1em;background:var(--surface-muted);color:var(--surface-ink)}.add-question-textarea{resize:vertical}.add-question-actions{display:flex;justify-content:space-between;gap:10px}.add-question-button{width:90%;min-width:120px;margin:0 auto}.character-count{font-size:.7em;color:#15181d99;margin-top:-6px;text-align:right}.search-container{display:flex;flex-wrap:wrap;gap:1rem;width:100%;max-width:1000px;align-items:center;margin-bottom:1rem}.search-input{padding:.5rem;border-radius:6px;width:240px;border:1px solid rgba(20,24,28,.2);background:var(--surface-muted);color:var(--surface-ink)}.search-results{font-size:.9rem;font-weight:700;color:var(--ink-muted)}.responses-container{padding:20px}.responses-grid{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.response-card{background:var(--surface);border-radius:8px;box-shadow:var(--shadow-soft);color:var(--surface-ink);padding:20px}.timestamp{font-size:.8em;color:#15181d99;margin-bottom:6px}.response-text{font-size:1.1em;font-weight:700;margin-bottom:10px}.qr-and-shortcode{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.response-shortcode{font-size:1em;text-align:center;margin-bottom:10px;color:var(--ink-muted)}.question-text{font-size:clamp(1.4rem,2.5vw,2.4rem);text-align:center;margin-bottom:20px}.question-details-display{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:auto;padding:20px;background:#0d0f12;color:var(--ink);z-index:2000}.question-details-display button,.question-details button{width:300px}.response-switch{position:fixed;top:20px;right:10px;margin-top:20px;background:#0d0f12bf;background-color:#6d6e6d;border:1px solid rgba(255,255,255,.08);display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;width:auto;max-width:300px}.response-switch .ant-switch{flex:0 0 auto}.current-time{position:fixed;top:10px;right:10px;background:#0d0f12bf;border:1px solid rgba(255,255,255,.08);color:var(--ink);padding:5px 10px;border-radius:5px;font-size:.8em}.close-button{position:fixed;top:16px;left:16px;z-index:2600}.table,table{width:100%;font-size:14px;text-align:left;margin:0 auto;color:var(--surface-ink)}th,td{padding:6px 8px;border:1px solid rgba(20,24,28,.15)}th{background-color:var(--accent);color:#0d0f12}tbody tr:nth-child(2n){background-color:var(--surface-muted)}tbody tr:nth-child(odd){background-color:var(--surface)}tbody tr:hover{background-color:#5aa2ff26;color:#fff}.popularity-container tbody tr:hover td,.questions-table tbody tr:hover td{color:#fff}.borderless-table{border:none;border-collapse:collapse}.choose-results{font-size:.9rem;font-weight:700;color:var(--ink-muted);display:flex;align-items:center;gap:8px;width:150px}.modal,.confirm-deletion{display:block;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90vw,600px);max-height:90vh;overflow:auto;background:var(--surface);color:var(--surface-ink);padding:5vw 4vw;z-index:3000}.word-cloud{display:flex;justify-content:center;align-items:center;position:relative;margin-top:20px;height:300px;width:100%}.profile-picture{display:block;margin:0 auto;height:60px;border-radius:12%}.profile-picture-large{display:block;margin:10px auto 0;height:200px;border-radius:12%}.userdetails-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;z-index:1001}.showUserDetails-container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-y:auto;padding:24px;max-height:90vh;position:fixed;z-index:3500;left:50%;top:50%;transform:translate(-50%,-50%);width:min(900px,92vw);min-width:280px;background:var(--surface);color:var(--surface-ink);border-radius:16px;box-shadow:var(--shadow);font-size:.95em}.user-details-form{display:flex;flex-direction:column;gap:16px}.user-details-form h2{margin:0}.details-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px 24px;align-items:start}.details-form-group{display:flex;flex-direction:column;gap:6px}.details-form-group.profile{grid-column:1 / -1;display:grid;grid-template-columns:1fr;gap:12px;align-items:start}.details-form-group.profile .choose-file{align-items:flex-start}.details-form-group.profile .profile-picture-large{margin-top:4px}.edit-details-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.edit-details-buttons button{min-width:140px}.showUserDetails-container input[type=text],.showUserDetails-container input[type=email],.showUserDetails-container input[type=file]{width:100%;margin:0}.showUserDetails-container .profile-picture-large{margin-top:8px}.powerpoint-download{max-width:1280px;margin:40px auto 0;padding:32px 24px;color:var(--ink);background:#0d0f12f2;border-radius:var(--radius);box-shadow:var(--shadow)}.powerpoint-download .ital{font-style:italic;color:var(--ink-muted);font-size:larger}.ppt1{display:block;max-width:100%;height:auto;margin:18px auto 28px;border-radius:8px;box-shadow:0 2px 12px #0000002e;cursor:pointer;transition:transform .2s}.ppt1:hover{transform:scale(1.03);box-shadow:0 4px 24px #00000040}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:3000;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox-image{max-width:90vw;max-height:90vh;border-radius:12px;box-shadow:0 8px 32px #00000080;background:#fff;padding:8px}.admin-header{display:flex;align-items:center;justify-content:baseline;gap:16px;padding:10px 0 20px;width:100%}.spinner{display:flex;justify-content:center;align-items:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;width:56px;height:56px;border:16px solid #ccc;border-top:16px solid #888;border-radius:50%;animation:loading 3s linear infinite}.inplace-spinner{display:flex;height:25px;width:25px;z-index:1000;border:8px solid #ccc;border-top:8px solid #888;border-radius:50%;animation:loading 3s linear infinite}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bold{font-weight:700}.v-small{font-size:.5em;margin-top:10px}.small{font-size:.7em;margin-top:10px}.left-gap{margin-left:1rem}.right-gap{margin-right:1rem}.top-gap{margin-top:1rem}.top-gap-big{margin-top:2rem}.bottom-gap{margin-bottom:1rem}.red{color:red}.green{color:green}.black{color:#000}.white{color:#fff}.blue{color:#00f}.yellow{color:#ff0}.purple{color:purple}.new-line{display:flex;flex-direction:column;gap:10px}.choose-file{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10px}.onTop{position:fixed;display:block;z-index:2500}.fullwidth{width:90%}@media (max-width: 900px){#root{padding:16px 20px 64px}.message-container{flex-direction:column}.half-message{width:100%}.responses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.close-button{top:auto;left:50%;bottom:20px;transform:translate(-50%);width:min(240px,80%)!important;height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center}.question-details-display{padding-bottom:96px}}@media (max-width: 640px){.search-container,.browse-questions-container{margin-top:40px}.questions-table{margin-top:10px}.menubar{border-radius:14px;padding:8px;position:fixed;top:188px;left:16px;width:auto;background:#0d0f12eb;box-shadow:var(--shadow-soft);z-index:1200}.hamburger{display:inline-block;width:40px;height:40px;border-radius:10px;background:#ffffff14;text-align:center;line-height:40px}.menubar-buttons{display:none;width:220px;flex-direction:column;background:#0f1216fa;border-radius:14px;padding:12px;box-shadow:var(--shadow-soft);gap:6px;transform:translateY(-6px);opacity:0;transition:transform .2s ease,opacity .2s ease;position:absolute;top:44px;left:0}.menubar-buttons:not(.collapsed){display:flex;transform:translateY(0);opacity:1}.menubutton{text-align:left;padding:10px 8px;border-radius:10px;background:#ffffff0f;font-size:.95em}.menubutton:active{background:#5aa2ff40}.header{flex-direction:column;align-items:flex-start}.responses-grid{grid-template-columns:1fr}.question-details-display button{width:90%}.close-button{margin:0}.qr-and-shortcode{margin-top:56px}.login-form,.add-question-form,.add-answer-form,.get-question-form{padding:24px}}