*,:before,:after{box-sizing:border-box}*{margin:0}dialog{border:none;padding:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#fff;border-radius:.5rem}::-webkit-scrollbar-thumb{background:#0e1d4f;border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background:#0d1010}body{color:#000;--main-max-width:1300px;background:#fff}a{color:#1d3da6;text-decoration:none}a:visited{color:#162d7b}a.out{font-weight:700}.main-wrapper{grid-template-areas:". .main. .";grid-template-columns:.5rem 1fr minmax(auto, var(--main-max-width)) 1fr .5rem;display:grid}.main-wrapper main{grid-area:main}header{--header-height:4.2em;font-optical-sizing:auto;font-variation-settings:"slnt" 0, "wdth" 100, "GRAD" 0, "ROND" 0;color:#ffc;height:var(--header-height);background:#0e1d4f;border-bottom:.25rem solid #04ec78;align-items:center;font-family:Google Sans Flex,sans-serif;font-style:normal;font-weight:500;display:flex;position:relative}header .long{flex:1}@media (width>=992px){header .long{flex:0}}header .menu{font-size:3em;display:flex}@media (width>=992px){header .menu{display:none}}header .menu{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem}header .menu:hover,header .menu.active{color:#060d24;background:#ff3}header .brand{display:flex}header .brand .title-tag{text-transform:uppercase;flex-flow:column;gap:.25rem;display:flex}@media (width>=768px){header .brand .title-tag{line-height:1rem}}header .brand .title-tag .title{font-optical-sizing:auto;font-variation-settings:"slnt" 0, "wdth" 100, "GRAD" 0, "ROND" 0;font-family:Google Sans Flex,sans-serif;font-style:normal;font-weight:600;display:none}@media (width>=576px){header .brand .title-tag .title{display:flex}}header .brand .title-tag .title{letter-spacing:-.025em;align-items:flex-end;gap:.5rem;font-size:clamp(.625rem,.443182rem + .909091vw,1.125rem)}header .brand .title-tag .title .tag{display:none}@media (width>=768px){header .brand .title-tag .title .tag{display:flex}}header .brand .title-tag .title .tag{color:#000;background:#27fc91;border:1px solid #060d24;border-radius:.125rem;align-items:center;padding-inline:.25rem;font-size:clamp(.625rem,.556818rem + .340909vw,.8125rem)}header .brand .title-tag span{display:none}@media (width>=768px){header .brand .title-tag span{display:flex}}header .brand .title-tag span{color:#8c8c97;font-family:Aldrich,sans-serif;font-size:clamp(.5rem,.409091rem + .454545vw,.75rem);font-style:normal;font-weight:400}header .brand .logo{display:none}@media (width>=576px){header .brand .logo{justify-content:center;align-items:center;display:flex}}header .brand .logo{aspect-ratio:1;color:#1d3da6;background:#04ec78;width:1.6em;margin-inline:1rem;font-size:clamp(.75rem,.613636rem + .681818vw,1.125rem);position:relative;transform:rotate(45deg)}header .brand .logo svg{transform:rotate(-45deg)}header nav{left:-200px;top:var(--header-height);background:#0e1d4f;flex-flow:column;flex:1;padding-left:.5rem;padding-right:1.5rem;display:flex;position:absolute}header nav.active{left:0}header nav{transition:left .1s}@media (width>=992px){header nav{position:unset;background:0 0;flex-flow:row;justify-content:center;gap:1rem;display:flex}}header nav a{color:#04ec78;text-transform:uppercase;border-bottom:.125rem solid #0000;font-size:clamp(.5625rem,.505682rem + .284091vw,.71875rem);line-height:2rem;text-decoration:none;display:flex}header nav a.active{border-bottom:.125rem solid #04ec78}header nav a:visited{color:#04ec78}header .dash{justify-content:flex-end;gap:.75rem;display:flex}header .dash .sync-state{flex-flow:column;align-items:flex-end;font-size:clamp(.5rem,.363636rem + .681818vw,.875rem);display:flex}header .dash .sync-state .label{color:#8c8c97;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(.5rem,.363636rem + .681818vw,.875rem)}header .dash .sync-state .value .error{color:#f33}header .dash .sync-state .value .success{color:#04ec78}header .dash .profile{color:#ff9;text-overflow:ellipsis;white-space:nowrap;background:#060d24;border:1px solid #162d7b;border-radius:1px;min-width:6rem;margin-inline:.75rem;font-size:clamp(.6875rem,.619318rem + .340909vw,.875rem);line-height:2rem;display:flex;overflow:hidden}header .dash .profile .login,header .dash .profile .username{cursor:pointer;text-align:center;flex:1;justify-content:center;align-items:center;display:flex}header .dash .profile .login{padding-inline:.25rem}header .dash .profile .login:hover{color:#ffc}header .dash .profile .username{-webkit-user-select:none;user-select:none;cursor:pointer}header .dash .profile .username:hover{color:#ffc;background:#1d3da6}header .dash-menu{right:0;top:calc(var(--header-height) - 1rem);background:#162d7b;border:.125rem solid #0e1d4f;border-radius:.125rem;flex-flow:column;flex:1;display:flex;position:absolute}header .dash-menu:not(.active){display:none}header .dash-menu .link{padding:.25rem 0;-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:.5rem;padding-left:.5rem;padding-right:6rem;display:flex}header .dash-menu .link:hover{background:#0e1d4f}header .dash-menu .link svg{font-size:1.5rem}header .dash-menu .link.logout:hover{background:#c00}button{-webkit-user-select:none;user-select:none;cursor:pointer}button.primary{color:#ff9;-webkit-user-select:none;user-select:none;cursor:pointer;background:#0e1d4f;border:none;border-radius:.5rem;align-items:center;gap:.25rem;padding:.5rem .75rem;display:flex}button.primary:hover{background:#0a153a}button.coherence{color:#0d1010;-webkit-user-select:none;user-select:none;cursor:pointer;background:#254dd2;border:1px solid #4a6ddf;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}button.coherence:hover{background:#355bdb}button.secondary{color:#77adff;font-optical-sizing:auto;font-variation-settings:"slnt" 0, "wdth" 100, "GRAD" 0, "ROND" 0;-webkit-user-select:none;user-select:none;cursor:pointer;background:#4a6ddf4d;border:1px solid #4a6ddf;border-radius:.125rem;align-items:center;font-family:Google Sans Flex,sans-serif;font-style:normal;font-weight:500;display:flex}button.secondary:hover{background:#4a6ddf}button.secondary.purple{color:#f677ff;background:#aa25d21a;border:1px solid #bd4adf}button.secondary.purple:hover{background:#bd4adf}main dialog{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#242b2d1a;width:auto;height:auto;position:fixed;inset:0}main dialog .dialog-backdrop{position:fixed;inset:0}main input[type=text]{color:#ffc;font-optical-sizing:auto;font-variation-settings:"slnt" 0, "wdth" 100, "GRAD" 0, "ROND" 0;background:#060d24;border:none;border-radius:.25rem;padding:.25rem;font-family:Google Sans Flex,sans-serif;font-style:normal;font-weight:500}main input[type=text]::placeholder{color:#424249}main input[type=text]:invalid{border:1px dashed #c00}main select{font-optical-sizing:auto;font-variation-settings:"slnt" 0, "wdth" 100, "GRAD" 0, "ROND" 0;appearance:none;color:#fff;cursor:pointer;background-color:#0e1d4f;border:1px solid #060d24;border-radius:.125rem;width:100%;padding:.125rem;font-family:Google Sans Flex,sans-serif;font-style:normal;font-weight:500}main select:focus{border-color:#162d7b;outline:none;box-shadow:0 0 0 3px #162d7b}footer{font-optical-sizing:auto;font-variation-settings:"slnt" 0, "wdth" 100, "GRAD" 0, "ROND" 0;color:#3a4649;border-top:1px solid #000;justify-content:center;gap:.5rem;padding:1.5rem;font-family:Google Sans Flex,sans-serif;font-style:normal;font-weight:400;display:flex}
