*{font:1rem Fira Sans,sans-serif}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1rem!important}h4{font-size:.75rem!important}h5{font-size:.5rem!important}h6{font-size:.25rem!important}html{display:flex;min-block-size:100%;max-block-size:100%}body{min-inline-size:100%;max-inline-size:100%;min-block-size:100%;max-block-size:100%;display:flex;flex-direction:column;margin:0;--interface-text-color: #fff;--title-shadow-primary-color: #20202069;--title-shadow-secondary-color: #0000001a;--button-primary-color: #007bff;--button-secondary-color: #0062cc;--button-hover-primary-color: #0056b3;--button-hover-secondary-color: #004b9a;--button-shadow-color: #88888849;--button-hover-shadow-color: #20202069;--navbar-primary-color: #4f4f4f;--navbar-secondary-color: #3e3e3e;--sidebar-color: #f2f2f2;--sidebar-border-color: #e1e1e1;--darkmode-toggle-color: #fff;--darkmode-toggle-border-color: #e1e1e1;--darkmode-toggle-icon-color: #f39c12;--mainframe-background-color: #fff;--mainframe-header-color: #333;--mainframe-paragraph-color: #545454;--mainframe-link-color: #007bff;--mainframe-link-hover-color: #0056b3;--scrollbar-track-color: #f1f1f1;--scrollbar-thumb-color: #888;--scrollbar-thumb-hover-color: #555;--margin: 1rem}body.dark{--interface-text-color: #fff;--title-shadow-primary-color: #20202069;--title-shadow-secondary-color: #0000001a;--button-primary-color: #317ed1;--button-secondary-color: #0062cc;--button-hover-primary-color: #0056b3;--button-hover-secondary-color: #004b9a;--button-shadow-color: #20202069;--button-hover-shadow-color: #88888849;--navbar-primary-color: #333;--navbar-secondary-color: #2c2c2c;--sidebar-color: #1e1e1e;--sidebar-border-color: #2a2a2a;--darkmode-toggle-color: #000000;--darkmode-toggle-border-color: #383838;--darkmode-toggle-icon-color: #00e1ff;--mainframe-background-color: #1e1e1e;--mainframe-header-color: #fff;--mainframe-paragraph-color: #d3d3d3;--mainframe-link-color: #007bff;--mainframe-link-hover-color: #d3d3d3;--scrollbar-track-color: #777777;--scrollbar-thumb-color: #c3c3c3;--scrollbar-thumb-hover-color: #e4e4e4}.labeled-input{display:flex;align-items:center;justify-content:center}.labeled-input input{opacity:0;width:var(--margin);height:var(--margin)}.labeled-input label{position:absolute;cursor:pointer;display:flex;align-items:center}navbar{flex:auto;min-block-size:5%;max-block-size:10%;font-size:1.2rem;color:var(--interface-text-color);background-color:var(--navbar-primary-color);background-image:linear-gradient(to bottom,var(--navbar-primary-color),var(--navbar-secondary-color))}navbar-content{padding-left:var(--margin);padding-right:var(--margin);display:flex;justify-content:space-between;align-items:center;gap:var(--margin)}navbar nav-title *{font-weight:700;color:var(--interface-text-color);text-shadow:2px 2px 0px var(--title-shadow-primary-color),4px 4px 0px var(--title-shadow-secondary-color);letter-spacing:1px;text-transform:uppercase;overflow-wrap:anywhere}navbar input+label{background-color:transparent;background-image:none;box-shadow:none;text-shadow:.05rem .1rem var(--button-shadow-color);color:var(--interface-text-color);border:none;border-radius:5px;cursor:pointer}navbar input+label:hover{text-shadow:.06rem .11rem var(--button-hover-shadow-color)}login-box{display:flex;flex-direction:row;justify-content:right;align-items:center;gap:var(--margin)}login-box form{margin:0}#username-update{display:flex;justify-content:end;align-items:center}#username-update>*{position:relative}#username-update.editmode label{display:none}#username-update.editmode input{display:block}#username-update input{display:none;min-width:5ch;max-width:16ch}notice{position:absolute;max-width:20rem;right:1.3rem;top:calc(var(--margin) + 2.8rem);z-index:1;display:none}notice.active{display:block}notice>input[type=checkbox]{display:none}notice>input[type=checkbox]+label{border-radius:3px;line-height:30px;display:flex;flex-direction:row;justify-content:right;align-items:start;gap:10px;padding:1rem;color:#ffffffe6;box-shadow:0 10px 50px #0009;background:#34495e}notice a{color:#a1e2fae6}notice a:hover{color:#72b3d4e6}notice>input[type=checkbox]:checked+label{animation:closing .3s forwards ease-in-out}@keyframes closing{0%{opacity:1}to{opacity:0}}notice>span{float:right;cursor:pointer;cursor:hand}page{flex:999;min-block-size:90%;max-block-size:95%;display:flex;flex-direction:row}sidebar{min-block-size:100%;max-block-size:100%;flex:1;display:none;overflow-x:hidden;overflow-y:auto;direction:rtl;background-color:var(--sidebar-color);border-right:.2rem solid var(--sidebar-border-color)}sidebar.active{display:block}sidebar-content{padding:var(--margin);display:flex;flex-direction:column;gap:var(--margin);word-wrap:break-word;overflow-wrap:anywhere}sidebar-content>*{direction:ltr}sidebar-content button,sidebar-content a{background-color:var(--button-primary-color);background-image:linear-gradient(to bottom,var(--button-primary-color),var(--button-secondary-color));box-shadow:.05rem .1rem var(--button-shadow-color);color:var(--interface-text-color);border:none;border-radius:5px;cursor:pointer;padding:.5rem;text-decoration:none;text-align:center}sidebar-content p{color:var(--mainframe-paragraph-color)}sidebar-content button:hover,sidebar-content a:hover{background-color:var(--button-hover-primary-color);background-image:linear-gradient(to bottom,var(--button-hover-primary-color),var(--button-hover-secondary-color));box-shadow:.1rem .2rem var(--button-hover-shadow-color)}sidebar-content toolbox{position:relative;display:flex;flex-direction:row;direction:ltr}sidebar-content toolbox>*{width:1.5rem;height:1.5rem}darkmode-toggle{background-color:var(--darkmode-toggle-color);border:.1rem solid var(--darkmode-toggle-border-color);border-radius:50px}darkmode-toggle label{color:var(--darkmode-toggle-icon-color)}mainframe{flex:2;min-block-size:100%;max-block-size:100%;overflow-x:hidden;overflow-y:auto;background-color:var(--mainframe-background-color);color:var(--mainframe-paragraph-color)}mainframe-content{padding:var(--margin);display:none;flex-direction:column;word-wrap:break-word;overflow-wrap:anywhere}mainframe loader{display:flex;width:100%;height:100%;align-items:center;justify-content:center}mainframe loader.loaded{display:none}mainframe-content.loaded{display:flex}mainframe img{max-width:100%;height:auto}mainframe video{max-width:100%;height:auto}mainframe h1,h2,h3{color:var(--mainframe-header-color)}mainframe a{color:var(--mainframe-link-color)}mainframe a:hover{color:var(--mainframe-link-hover-color)}@media only screen and (min-width: 736px){::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}}@media only screen and (min-width: 840px){mainframe{padding-left:20%;padding-right:20%}}@media only screen and (max-width: 736px){h1{font-size:1.4rem!important}h2{font-size:1.15rem!important}h3{font-size:.9rem!important}h4{font-size:.65rem!important}h5{font-size:.4rem!important}h6{font-size:.15rem!important}navbar{font-size:1rem}sidebar{max-width:none;flex:1}mainframe{flex:1}sidebar button{font-size:1.1rem}mainframe *{font-size:1.2rem}button{font-size:1.5rem}}@media only screen and (max-width: 500px){sidebar{flex:5}}