button{background-color:#00aaff80}button:hover{background-color:#00aaff4d}.top-bar{position:fixed;padding:0 2rem;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;width:100vw;height:80px}.home-btn{height:50px}.user-wrapper{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:30px;cursor:pointer}.user-wrapper:hover{background:#0af6}.avatar{position:relative;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#8e44ad,#3498db);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;overflow:hidden;cursor:pointer}.avatar:after{content:"";position:absolute;inset:0;transition:background-color .4s ease}.avatar:hover:after{background-color:#00000040}.avatar>*{position:relative;z-index:1}.user-dropdown{position:absolute;top:70px;right:2rem;box-shadow:0 4px 12px #0000004d;background-color:#0af;min-width:160px;width:250px;z-index:20}.dropdown-btn{width:100%;text-align:left;color:#000;background-color:transparent;padding:.5rem 1.5rem}.separator{border-top:1px solid #aaa;margin:.5rem 0rem;border-radius:0}.dropdown-header{font-weight:700;color:#000;margin:.5rem 1rem}.side-menu-container{background-color:#2a5298;position:absolute;top:0;left:-300px;height:100vh;width:300px;transition:left .4s ease;z-index:1001}.side-menu-container.open{left:0}.side-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000}.side-menu-overlay.visible{opacity:1;pointer-events:all}@media (max-width: 800px){.top-bar{padding:0 1rem}}.page-container{min-height:100vh;height:100%;width:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#1e3c72,#2a5298)}.page-content{flex:1;height:100%;width:100%;margin-top:80px;padding:2rem;padding-bottom:40px;display:flex;justify-content:center;overflow-y:auto}@media (max-width: 800px){.page-content{padding:1rem}}.login-card{background:#0000001a;padding:2rem;box-shadow:0 8px 24px #0003;max-width:500px}.login-links button{background:none;padding:0;font-weight:700}.login-links button:hover{text-decoration:underline}.answer-selector-container{display:flex;width:100%;gap:5px}.yes-button{border-radius:8px 0 0 8px}.unknown-button{border-radius:0}.no-button{border-radius:0 8px 8px 0;background-color:#ff4d4fa6}.no-button:hover{background-color:#ff4d4f73}.yes-button,.unknown-button,.no-button{width:100%;cursor:pointer}.yes-button.selected,.unknown-button.selected,.no-button.selected{font-weight:700}.yes-button.unselected,.unknown-button.unselected,.no-button.unselected{opacity:.3}.question-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;box-shadow:0 4px 16px #0003;transition:transform .2s}.question-card:hover{transform:translateY(-3px)}.questions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1rem;width:100%;height:calc(100vh - 160px);max-width:1600px;align-self:start}@media (max-width: 800px){.questions-grid{display:flex;flex-direction:column}}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.dialog-box{max-width:500px;max-height:600px;width:100%;height:100%;background-color:#2a5298;margin:3rem}.dialog-header{padding:1rem;background-color:#1e3c72;border-radius:8px 8px 0 0}.dialog-footer{padding:1rem;display:flex;justify-content:flex-end;gap:1rem;background-color:#1e3c72;border-radius:0 0 8px 8px}.udp-wrapper{display:flex;justify-content:center;align-items:center;height:calc(100vh - 160px);width:100%;flex-direction:row;max-width:1600px}.udp-sidebar{width:100%;max-width:400px;display:flex;flex-direction:column;background-color:#0003}.udp-menu-item{text-align:left;padding:1rem;background-color:transparent}.udp-menu-item:hover{background:#1c212d}.udp-menu-item.active{background:#0006;font-weight:700}.udp-content{flex:1;overflow-y:auto;height:100%}@media (max-width: 800px){.udp-layout{flex-direction:column}.udp-sidebar{display:none}.udp-content{width:100%;height:auto}}.avatar-pic-wrapper{display:flex;justify-content:center}.avatar-pic-wrapper .avatar{width:200px;height:200px}*{width:auto;height:auto;margin:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#2563eb #1c212d;font:1em sans-serif;background-color:transparent;transition:background .3s,color .2s;border-radius:8px;border:none;color:#fff}*::-webkit-scrollbar{width:2rem}*::-webkit-scrollbar-track{background:#1c212d}*::-webkit-scrollbar-thumb{background-color:#2563eb;border:2px solid #1c212d}*::-webkit-scrollbar-thumb:hover{background-color:#1d4ed8}body{background:linear-gradient(135deg,#1e3c72,#2a5298)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{text-decoration:none}a:hover{text-decoration:underline}button{background-color:#3182ce;cursor:pointer;transition:background-color .2s}button:hover{background-color:#2b6cb0}button:disabled{background-color:#3182ce40;cursor:default}label{display:block}input,textarea,select{background:#0006;outline:none;transition:background .2s}input:focus,textarea:focus,select:focus{background:#0009}input::placeholder{color:#ffffffb3}a,button,input,textarea,select{padding:1rem}