@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";:root{--bg-primary: #E9E4D3;--bg-0: #F5F1EE;--bg-1: #E5E1DE;--bg-3: #D0CBBA;--bg-border-primary: #A0A0A0;--bg-border-0: #E3E3E3;--bg-border-1: #D3D3D3;--bg-border-2: #c8c4b6;--bg-border-3: #868686;--input-bg-primary: #FAFAFA;--input-fg-placeholder: rgb(200,200,200);--err-bg-primary: #CC4646;--err-border-primary: #B33B3B;--fg-0: #808080;--fg-1: #707070;--fg-2: #1D1D1D;--red-0: #DB1E1E;--red-2: #DF7E7F;--red-3: #E61C1C;--green-0: #97e261;--green-1: #71b646;--green-2: #7BD980;--green-3: #49C62C;--purple-bg-0: #ba8adf;--purple-border-0: #85679D;--blue-0: #2196F3;--page-padding-top: 7em}*,*:before,*:after{box-sizing:border-box;font-family:JetBrains Mono}ul,ol{list-style:none;margin:0;padding:0}a{text-decoration:none}body{background-color:var(--bg-primary);padding:0;margin:0}footer{margin-top:5em;padding:4em;border-top:1px solid var(--bg-3);display:grid;place-items:center;font-size:.9rem;color:var(--fg-2)}.navbar{z-index:1;background-color:var(--bg-0);padding:10em 3em;position:fixed;inset:0;width:min(75%,300px);transform:translate(-100%);transition:transform .3s ease}.navbar a{color:var(--fg-0);font-size:1.25rem;font-weight:400}.navbar a:hover{color:var(--fg-2);text-decoration:underline}.navbar .nav-main{display:flex;flex-direction:column;gap:1.75em;margin-bottom:7em}.navbar .nav-actions{margin-top:7em}.navbar .nav-actions .signup-btn,.navbar .nav-actions .login-btn{border-radius:50px;padding:.25em .5em;width:115px;text-align:center;margin-top:1em}:is(.navbar .nav-actions .signup-btn,.navbar .nav-actions .login-btn) a{font-size:1.1rem;color:var(--fg-2);font-weight:500}.navbar .nav-actions .signup-btn{background-color:var(--bg-0);border:3px solid var(--bg-border-0);box-shadow:0 1px 4px #00000040}.navbar .nav-actions .login-btn{border:1px solid var(--bg-0);transition:.2s ease-out}.navbar .nav-actions .login-btn a{text-decoration:none}.navbar .nav-actions .login-btn:hover{border-color:var(--bg-border-primary);background-color:var(--bg-primary);box-shadow:0 1px 4px #00000040}.navbar .nav-actions .logout-btn{border:none;font-size:1.25rem;color:var(--red-0);font-weight:600;background:none;border-radius:8px;cursor:pointer}.navbar .nav-actions .logout-btn:hover{text-decoration:underline}.navbar .navbar-close-btn{position:absolute;top:2em;right:2em;border:none;background:none;display:grid;place-items:center;border-radius:8px;transition:.2s ease-out;cursor:pointer}.navbar .navbar-close-btn:hover{background-color:var(--bg-primary);box-shadow:0 0 4px #00000080}.navbar.open{box-shadow:5px 0 15px #00000040;transform:translate(0)}.navbar-closed{z-index:1;position:fixed;top:0;width:100%;background-color:var(--bg-0);box-shadow:0 0 4px #00000040;padding:.5em;display:flex;align-items:center;justify-content:center}.navbar-closed .navbar-btn{position:fixed;left:.5em;border:none;background:none;border-radius:8px;transition:.2s ease-out;cursor:pointer}.navbar-closed .navbar-btn img{display:block}.navbar-closed .navbar-btn:hover{background-color:var(--bg-primary);box-shadow:0 0 4px #00000080}.navbar-closed .navbar-branding{font-size:1.25rem;font-weight:700;font-style:italic;color:var(--bg-primary)}.page-container{background-color:inherit;width:min(95%,1000px);min-height:100vh;margin:0 auto;padding:var(--page-padding-top) 0em 1em 0em}.home-page{padding:4em 0}.home-page h1{text-align:center;font-size:3rem;margin:2em}.home-page .hero{width:min(75%,800px);margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2em}.home-page .hero .hero-text{text-align:center;font-size:1.35rem}.home-page .hero .hero-btn button{cursor:pointer;font-size:1.5rem;padding:.5em 2em;font-weight:600;border-radius:50px;background-color:var(--bg-0);border:3px solid var(--bg-border-0);box-shadow:0 2px 4px #00000040;transition:.2s ease-out}.home-page .hero .hero-btn button:hover{background-color:var(--green-0);border-color:var(--green-1);transform:translateY(-5px)}input[type=text],input[type=password],input[type=email]{background-color:var(--input-bg-primary);border-radius:10px;padding:.65em .85em;border:none;outline:none;font-size:1rem;width:100%}:is(input[type=text],input[type=password],input[type=email])::placeholder{color:var(--input-fg-placeholder)}.searchbar-component{margin-bottom:2em}.searchbar-component::placeholder{font-style:italic}.login-page,.signup-page{display:grid;place-items:center}:is(.login-page,.signup-page) h1{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:2em;align-self:end}:is(.login-page,.signup-page) form{height:100%;width:min(80%,400px);margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}:is(.login-page,.signup-page) form .login-form-content,:is(.login-page,.signup-page) form .signup-form-content{display:flex;flex-direction:column;gap:1.5em;width:100%}:is(:is(.login-page,.signup-page) form .login-form-content,:is(.login-page,.signup-page) form .signup-form-content)>div{display:flex;flex-direction:column}:is(:is(.login-page,.signup-page) form .login-form-content,:is(.login-page,.signup-page) form .signup-form-content)>div label{color:var(--fg-0);font-size:1.15rem;margin-bottom:.2em}:is(:is(.login-page,.signup-page) form .login-form-content,:is(.login-page,.signup-page) form .signup-form-content)>div #forgot-pass-link{display:block;text-align:end;margin-top:1em}:is(.login-page,.signup-page) form button[type=submit]{background-color:var(--bg-0);padding:.1em .75em;width:min(100%,185px);font-weight:800;font-size:1.75rem;border-radius:50px;border:3px solid var(--bg-border-0);box-shadow:0 2px 4px #00000040;transition:.2s ease-out;cursor:pointer}:is(.login-page,.signup-page) form button[type=submit]:hover{background-color:var(--bg-1);border-color:var(--bg-border-1)}:is(.login-page,.signup-page) .alt-link{font-size:.85rem;color:var(--fg-0);font-weight:600}:is(.login-page,.signup-page) .alt-link:hover{text-decoration:underline}:is(.questions-page,.favquestions-page,.favquizzes-page) h1{text-align:center;font-weight:700;margin-top:0;margin-bottom:1em}.questions-container,.quizzes-container{min-height:calc(100svh - var(--page-padding-top));display:flex;flex-direction:column}:is(.questions-container,.quizzes-container) #no-questions{text-align:center;font-size:1rem}.questions-list,.favquestions-list,.favquizzes-list{display:flex;flex-direction:column;padding:1em;gap:.55em}.favquestions-page-header,.favquizzes-page-header{text-align:center;color:var(--fg-0);font-size:.75rem;margin:-1.5em auto 2em}:is(.favquestions-page-header,.favquizzes-page-header) h2{font-weight:400;margin:0}:is(.favquestions-page-header,.favquizzes-page-header) .action-btns{margin:3em auto 1em;display:flex;align-items:center;justify-content:flex-end;gap:1em}:is(.favquestions-page-header,.favquizzes-page-header) #unstar-selected{display:flex;align-items:center;gap:.5em;padding:.5em 1em}:is(.favquestions-page-header,.favquizzes-page-header) #unstar-selected>div{color:var(--fg-0)}.favorite-card{display:flex;justify-content:space-between;align-items:center;gap:1em}.favorite-card>div{width:100%}.question-card,.favorite-card>div{display:flex;gap:1em;padding:.75em 1em;border-radius:5px;box-shadow:0 1px 2px .5px #00000040;background-color:var(--bg-0);border:2px solid var(--bg-border-0);cursor:pointer;transition:.1s ease-out}:is(.question-card,.favorite-card>div):hover{background-color:var(--bg-1);border-color:var(--bg-border-1);transform:scale(1.02)}:is(.question-card,.favorite-card>div) .question-id,:is(.question-card,.favorite-card>div) .quiz-id{color:var(--fg-0)}.dashboard-page h1,.dashboard-page h3{text-align:center;margin-bottom:0}.dashboard-page h3{font-size:1rem;font-weight:400;font-style:italic}.dashboard-page .dashboard-s1{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2em}.dashboard-page .dashboard-s1 h2{font-weight:400;font-size:1.25rem;margin-bottom:.8em}.dashboard-page .dashboard-s1 .stat-1{text-align:center;background-color:var(--bg-0);width:min(85%,300px);font-size:1.25rem;padding:.8em;font-weight:700;border-radius:12px;box-shadow:0 1px 2px #00000040}.dashboard-page .dashboard-s2{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:3.5em 0;gap:.75em}.dashboard-page .dashboard-s2 button{font-size:1rem;border-radius:50px;padding:.75em 1.5em}.dashboard-page .dashboard-s2 button:hover{background-color:var(--purple-bg-0);border-color:var(--purple-border-0)}.dashboard-page .dashboard-s3{background-color:var(--bg-0);border-radius:10px;box-shadow:0 1px 4px #00000040;padding:1.5em;width:min(75%,500px);margin:0 auto}.dashboard-page .dashboard-s3 ul{display:flex;flex-direction:column;gap:.75em}.dashboard-page .dashboard-s3 li{display:flex;justify-content:space-between}.submit-question-page{width:min(80%,800px)}.submit-question-page input[type=text],.submit-question-page textarea,.submit-question-page select{background-color:var(--input-bg-primary);border-radius:7px;border:none;box-shadow:0 1px 2px #00000040;padding:.5em 1em;font-size:.9rem}:is(.submit-question-page input[type=text],.submit-question-page textarea,.submit-question-page select)::placeholder{color:var(--input-fg-placeholder)}:is(.submit-question-page input[type=text],.submit-question-page textarea,.submit-question-page select):focus{outline:1px solid rgba(0,0,0,.25)}.submit-question-page input[type=radio]{display:inline-block;outline:none;background-color:tomato}.submit-question-page input[type=radio]:checked{background-color:tomato}.submit-question-page button[type=submit]{font-size:1.75rem;border-radius:50px;font-weight:700;margin:0 auto}.submit-question-page button[type=submit]:hover{transform:translateY(-5px);background-color:var(--purple-bg-0);border-color:var(--purple-border-0)}.submit-question-page .question-form-group{margin-bottom:2em}.submit-question-page label{font-weight:500;font-size:1rem}.submit-question-page .choices-list .choice-label{color:var(--fg-0)}.submit-question-page .choices-list .choice-row{display:flex;align-items:center;gap:.5em;margin:.75em 0}.submit-question-page .choices-list .choice-row textarea{width:100%;min-width:200px;min-height:50px}.submit-question-page .choices-list .add-choice-btn{margin:.75em 0;padding:.65em 1.5em;border-radius:10px}.submit-question-page .choices-list .delete-choice-btn{aspect-ratio:1;padding:.5em 1em;color:var(--fg-0)}.submit-question-page .choices-list .delete-choice-btn:hover{color:var(--fg-2)}.submit-question-page .title,.submit-question-page .question{display:flex;flex-direction:column;gap:.5em}.submit-question-page .tags-section .tags-header{display:flex;align-items:center;gap:1em;margin-bottom:.5em}.submit-question-page .tags-section .tags-header select{width:150px}.submit-question-page .tags-section .tags{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:.35em}.submit-question-page .tags-section .tags .tag{background-color:var(--bg-primary);border:1px solid var(--bg-border-primary);box-shadow:0 1px 2px #00000040;border-radius:7px;padding:.5em 1em;width:fit-content;font-size:.85rem;display:flex;justify-content:space-between;align-items:center;gap:.5em}.submit-question-page .tags-section .tags .tag .remove-tag-btn{border:none;background-color:transparent;color:var(--fg-0);cursor:pointer;padding:0;font-weight:800}.submit-question-page .tags-section .tags .tag .remove-tag-btn:hover{color:var(--fg-2)}.question-page{display:flex;flex-direction:column;gap:1em}.question-page .question-page-s1{width:100%;display:flex;justify-content:space-between;align-items:center}.question-page .question-page-s1>div{display:flex;gap:1em}.question-page .question-page-s1 .like,.question-page .question-page-s1 .dislike{cursor:pointer;display:flex;justify-content:center;align-items:center;padding:.25em .5em}.question-page .question-page-s1 .star{border:none;background-color:transparent;cursor:pointer;transition:.1s ease-out}.question-page .question-page-s1 .star:hover{transform:scale(1.5)}.question-page .question-page-s2{text-align:center}.question-page .question-page-s2 h1{background-color:var(--bg-0);padding:.75em;font-size:1.25rem;border-radius:10px;border:3px solid var(--bg-border-0);box-shadow:0 2px 4px #00000040}.question-page .question-page-s2>div{color:var(--fg-0)}.question-page p{background-color:var(--bg-0);padding:.75em;border-radius:10px;border:3px solid var(--bg-border-0);box-shadow:0 2px 4px #00000040;min-height:200px}.question-page ul{display:flex;flex-direction:column;gap:.75em}.question-page ul li{display:flex;gap:1em}.question-page ul .choice{box-sizing:content-box;border-radius:10px;padding:.75em 1em;display:flex;align-items:center}.question-page ul .choice .letter{font-weight:700;font-size:1.5rem}.question-page ul .choice .choice-content{word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.question-page ul .selected:hover{background:var(--bg-0);outline-color:var(--bg-border-0)}.question-page .result{margin:2em 0;background-color:var(--bg-0);padding:.75em;border-radius:10px;border:3px solid var(--bg-border-0);box-shadow:0 2px 4px #00000040}.question-page .submit-answer-btn{margin:2em auto;font-size:1.75rem;border-radius:50px;font-weight:700}.question-page .correct{background-color:var(--green-2)!important;outline-color:var(--green-3)!important;outline-width:3px!important}.question-page .incorrect{background-color:var(--red-2)!important;outline-color:var(--red-3)!important;outline-width:3px!important}.paginator{font-size:.85rem;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.paginator .paginated-list{border:2px solid var(--bg-border-2);border-radius:10px;flex-grow:1}.paginator .paginated-footer{margin-top:1em;display:flex;justify-content:space-between}.paginator .paginated-footer .prev-btn,.paginator .paginated-footer .next-btn{font-weight:700;width:25%;max-width:100px}.paginator .paginated-footer .page-num{font-weight:700;width:fit-content}.light-btn1-border,.light-btn1-outline{background-color:var(--bg-0);border-radius:20px;box-shadow:0 2px 4px #00000040;padding:.3em 1.25em;transition:.15s ease-out;cursor:pointer;display:grid;place-items:center}:is(.light-btn1-border,.light-btn1-outline):hover{background-color:var(--bg-1)}.light-btn1-border{border:3px solid var(--bg-border-0)}.light-btn1-border:hover{border-color:var(--bg-border-1)}.light-btn1-outline{border:none;outline:3px solid var(--bg-border-0)}.light-btn1-outline:hover{outline-color:var(--bg-border-1)}.dark-btn1-border,.dark-btn1-outline{background-color:var(--bg-primary);border-radius:7px;box-shadow:0 1px 4px #00000040;padding:.75em 1em;transition:.15s ease-out;cursor:pointer}:is(.dark-btn1-border,.dark-btn1-outline)>*{color:var(--fg-2)}:is(.dark-btn1-border,.dark-btn1-outline):hover{background-color:var(--bg-3)}.dark-btn1-border{border:1px solid var(--bg-border-primary)}.dark-btn1-border:hover{border-color:var(--bg-border-3)}.dark-btn1-outline{border:none;outline:1px solid var(--bg-border-primary)}.dark-btn1-outline:hover{outline-color:var(--bg-border-3)}.error{background-color:var(--err-bg-primary);border:3px solid var(--err-border-primary);box-shadow:0 1px 4px #00000040;color:#fff;font-weight:500;border-radius:10px;padding:.5em;font-size:.9rem;visibility:visible}.success{width:100%;background-color:var(--green-0);border:3px solid var(--green-1);box-shadow:0 1px 4px #00000040;color:#fff;font-weight:500;border-radius:10px;padding:.5em;font-size:.9rem;visibility:visible}.checkbox-container{display:block;position:relative;width:25px;height:25px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container:hover input~.checkmark{background-color:#ccc}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-container input:checked~.checkmark{background-color:var(--blue-0)}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark{position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--bg-primary);border:3px solid var(--bg-border-2);border-radius:6px}.checkbox-container .checkmark:after{content:"";position:absolute;display:none;left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;--translate: translateX(-3px);-webkit-transform:rotate(45deg) var(--translate);-ms-transform:rotate(45deg) var(--translate);transform:rotate(45deg) var(--translate)}.more-actions{position:relative}.more-actions button{padding:.25em 1em}.more-actions .more-actions-dropdown{--padding: 1em;z-index:1000;background-color:var(--bg-primary);border:1px solid var(--bg-border-primary);box-shadow:0 2px 15px #00000040;border-radius:15px;min-width:200px;position:absolute;right:0;margin-top:.5em;display:flex;flex-direction:column;justify-items:center}.more-actions .more-actions-dropdown ul{padding:var(--padding);display:flex;flex-direction:column;gap:.75em}.more-actions .more-actions-dropdown>div{border-top:1px solid var(--bg-border-primary);padding:var(--padding)}.more-actions .more-actions-dropdown ul button{padding:.25em 1em;border-radius:4px;box-shadow:0 2px 4px #00000040;width:100%}.delete-list-btn{border:none;background-color:transparent;color:var(--red-0);font-weight:700;cursor:pointer}.delete-list-btn:hover{font-weight:900}