:root{background:var(--color-background);color:var(--color-primary);--color-primary:#f2f2f2;--color-primary-alternative:#0d0d0d;--color-secondary:#c4c4c4;--color-header:#ffd800;--color-background:#0d0d0d;--color-background-secondary:#0d0d0d;--color-ui-background:#1c1c1c;--color-ui-outlines:#3a3a3a;--color-ui-highlight:#ffd800;--color-ui-highlight-hover:#d9a800;--color-ui-correct:#000;font-family:Arial,Helvetica,sans-serif}body{margin:0}.text-sm{font-size:.75rem}.text-md{font-size:1rem}.text-lg{font-size:1.5rem}.text-xlg{font-size:2rem}.skew{transform:skew(-15deg)}.counter-skew{padding-right:12px;transform:skew(15deg)}.rounded{border-radius:12px}:root{text-align:center;overflow-x:hidden}#code{color:var(--color-ui-highlight);text-align:center;text-shadow:6px 6px var(--color-ui-outlines);margin:0;font-family:Impact,sans-serif;font-size:15rem;transform:skew(-15deg)}#message{text-align:center;color:var(--color-primary);font-family:Arial,Helvetica,sans-serif;transform:skew(-15deg)}.dotted-bg{pointer-events:none;background:radial-gradient(circle, var(--color-ui-highlight) 1px, transparent 1px);background-size:20px 20px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(to bottom left,#0000 50%,#000 100%);mask-image:linear-gradient(to bottom left,#0000 50%,#000 100%)}.error-content .nav-button{height:3rem;margin:5rem 0}.error-content .nav-button:hover{box-shadow:6px 6px 0 var(--color-primary);transition:transform .2s ease-out;transform:translate(-5px)skew(-15deg)}.error-content button{background-color:var(--color-ui-highlight);color:var(--color-primary-alternative);box-shadow:none;border:none;font-size:1.5rem;font-weight:700;transition:box-shadow .2s ease-out;transform:skew(-15deg)}.error-content{flex:600px;justify-content:center;min-width:250px;padding:1rem;display:flex}.error-content .nav-container{flex-direction:column;flex-grow:1;justify-content:center;max-width:300px;padding-top:10rem;display:flex}.geo{z-index:-1;--s:200px;--c1:#181818;--c2:#2f2f2f;--c3:#212121;background:repeating-conic-gradient(from 30deg, #0000 0 120deg, var(--c3) 0 50%) calc(var(--s)/2) calc(var(--s)*tan(30deg)/2), repeating-conic-gradient(from 30deg, var(--c1) 0 60deg, var(--c2) 0 120deg, var(--c3) 0 50%);background-size:var(--s) calc(var(--s)*tan(30deg));width:100vw;height:100vh;position:fixed;top:0;left:0}.vignette{box-shadow:inset 0 0 200px #000000e6}.qlayout{min-height:100vh;display:flex;overflow-x:hidden}.qlayout>aside{box-sizing:border-box;flex:100px}.qlayout>#main{flex:600px;justify-content:center;min-width:250px;max-width:100%;display:flex}#main.slim{flex-grow:.1;max-width:1000px}#main.default{flex-grow:1;max-width:1000px}#main.wide{flex-grow:3;max-width:1400px}#main.xwide{flex-grow:20;max-width:1400px}.qbutton{color:var(--color-primary-alternative);background-color:var(--color-ui-highlight);width:100%;box-shadow:0px 0px 0 var(--color-primary);--tx:0px;transform:skewX(-15deg) translateX(var(--tx));background-clip:padding-box;padding:0;font-weight:700;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease-out}.qbutton:hover{transform:scale(1.02) skewX(-15deg) translateX(var(--tx))}.qbutton:active{transform:scale(.95) skewX(-15deg) translateX(var(--tx))}.hover-shadow:hover{box-shadow:6px 6px 0 var(--color-primary)}.hover-shadow-large:hover{box-shadow:12px 12px 0 var(--color-primary)}.hover-drawout-l:hover{box-shadow:-6px 0px 0 var(--color-primary)}.hover-drawout-r:hover{box-shadow:6px 0px 0 var(--color-primary)}.border-none{border:none}.border-slim,.border-medium{border:.2rem solid var(--color-ui-background)}.border-thick{border:.5rem solid var(--color-ui-background)}.tf-true:hover{--tx:-10px}.tf-false{--tx:0px}.login-card{flex-direction:column;display:flex}.qcard{background-color:var(--color-ui-background);box-sizing:border-box;width:max-content;min-width:50px;min-height:50px;margin:1rem;padding:8px}.qcard h1,.qcard h2,.qcard h3{color:var(--color-header)}.qcard p{color:var(--color-primary);font-weight:700}.qcard.box-shadow-shadow{box-shadow:0 3px 8px #00000078}.qcard.box-shadow-box{box-shadow:-6px -6px 0 var(--color-primary), 6px 6px 0 var(--color-ui-highlight)}.qcard.outline-gradient{background-image:linear-gradient(144deg, var(--color-ui-highlight), var(--color-ui-outlines) 50%, var(--color-ui-highlight));border-radius:20px;padding:5px}.qcard>.qcard-content.outline-gradient{background-color:var(--color-ui-background);box-sizing:border-box;border-radius:17px;width:100%;height:100%;padding:5px}.tile-button{color:var(--color-primary);background-color:#636363;border:4px solid #bcbebf;border-radius:3rem;min-width:20em;max-width:20em;min-height:27em;max-height:25em;padding-top:3rem}.tile-button:hover{transition:transform .2s ease-out;transform:scale(1.01)}.tile-button:active{transform:scale(.95)}.tb-title{color:var(--color-ui-highlight);text-align:center;text-shadow:6px 6px var(--color-ui-outlines);margin:1em;font-family:Impact,sans-serif;font-size:3rem;font-weight:100;transform:skew(-15deg)}.tb-children{transform:scale(1.5)}.mode-select-content{text-align:center;width:30em;display:inline-block}.select-navigator{justify-content:center;gap:5em;margin-bottom:5em;display:flex}.mode-select-header{color:var(--color-ui-highlight);text-shadow:6px 6px var(--color-ui-outlines);margin:0;font-family:Impact,sans-serif;font-size:3rem;font-weight:100}.mode-select-description{background-color:var(--color-primary);color:var(--color-primary-alternative);box-shadow:6px 6px 0 0 var(--color-ui-highlight);padding:1em;font-family:Impact,sans-serif;font-weight:lighter;transform:skew(-15deg)}.header-block{background-color:var(--color-ui-background);border:4px solid var(--color-ui-highlight);color:var(--color-primary);padding-bottom:.1em;margin-top:3em;margin-bottom:5em;padding-inline:3em;display:inline-block;transform:skew(-15deg)}.warning-message{color:var(--color-primary-alternative);background-color:var(--color-primary);padding:1em;font-family:Impact,sans-serif;font-weight:lighter;display:inline-block;transform:skew(-15deg);box-shadow:6px 6px #f33636}.action-buttons{flex-direction:column;gap:10px;display:flex;position:absolute;bottom:50px;right:30px}.action-buttons>button{border:2px solid var(--color-ui-highlight);background-color:var(--color-ui-background);width:5rem;height:5rem;color:var(--color-primary);border-radius:50%;transition:transform .12s cubic-bezier(.34,1.56,.64,1)}.action-buttons>button:hover{transform:scale(1.02)}.action-buttons>button:active{transform:scale(.95)}.question-edit-input{all:unset;appearance:none;font:inherit;color:var(--color-primary-alternative);text-align:center;box-sizing:border-box;background-color:var(--color-ui-highlight);caret-color:currentColor;background-clip:padding-box;border-radius:12px;width:100%;padding:.6rem .9rem;font-weight:700;line-height:1.2;transform:skew(-15deg)}.question-edit-input:focus{box-shadow:0 0 0 2px #fff3, 6px 6px 0 var(--color-primary)}.question-edit-text{all:unset;appearance:none;font:inherit;font-weight:inherit;color:inherit;text-align:center;box-sizing:border-box;caret-color:currentColor;width:100%;height:100%;padding:.6rem .9rem;line-height:1.2}.correct{background-color:#46cd21}.card{background-color:var(--color-ui-background);box-sizing:border-box;border:5px solid var(--color-ui-highlight);border-radius:20px;justify-content:center;align-items:center;width:100%;height:30%;font-size:1.5rem;display:flex;box-shadow:0 3px 8px #00000078}.question-container{flex-direction:column;width:100%;margin-top:15%;display:flex}.answer-container{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:3rem;height:30%;margin-top:5rem;display:grid}button.anb{border-radius:50%;width:3rem;height:3rem}.dashboard-container{flex-direction:column;gap:1rem;width:100%;display:flex}.container{flex-direction:row;width:100%;margin-bottom:2rem;display:flex}#footer{background-color:var(--color-primary);border:2px solid #000;flex-grow:1;align-items:center;max-width:50%;height:2rem;margin:0;padding-left:8px;display:flex;position:relative;bottom:0;left:0}#context{background-color:var(--color-primary);justify-content:center;align-items:center;width:100px;display:flex;position:relative;right:0}.content{text-align:left;flex-direction:column;justify-content:flex-start;width:100%;height:100%;margin:0;padding:0;display:flex}.content>h2,.content>p{padding-left:8px}.seteditor-container{flex-direction:column;gap:1rem;width:100%;display:flex}.setname{font-family:var(--font-header);color:var(--color-header);text-align:center;width:100%;max-width:100%;caret-color:var(--color-header);cursor:text;background:0 0;border:none;outline:none;margin:1rem 0;padding:.25rem .4rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;line-height:1.2}.setname:hover{background-color:#ffffff0a;border-radius:6px}.setname:focus{box-shadow:0 0 0 2px var(--color-header);background-color:#1c1c1ed9;border-radius:6px}