:root{font-family:system-ui,Helvetica,Arial,sans-serif;line-height:1.71;font-weight:400;color-scheme:light dark;color:#e5ecec;background-color:#0f1a20;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #0F1A20;--txtcolor: #E5ECEC;--highlight: #2F9487;--gold: #CBA864;--glintgold: #D6A94A;--navheight: 96px}:root,body,#root{height:100%;padding:0;margin:0}html{overflow-x:hidden}body{overflow-x:hidden;position:relative}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}input,textarea,[contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-touch-callout:none}h1{font-family:"DM Serif Display",serif}nav{position:fixed;bottom:0;width:100%;left:0;background-color:var(--primary);color:var(--txtcolor);border-top:1px solid #333;z-index:1000;padding-bottom:1rem;height:var(--navheight)}nav .active{color:var(--highlight)}nav ol{display:flex;justify-content:space-around;list-style:none;padding:0}nav ol li a{display:flex;flex-direction:column;align-items:center;font-size:.9rem;text-decoration:none;padding:0rem .5rem;color:var(--txtcolor)}nav ol li a svg{font-size:1.25rem;margin-bottom:.25rem}@media (min-width: 768px){.navbar{display:none}}.learn{margin:0 1em;padding-bottom:var(--navheight)}.learn .learntiles{display:flex;flex-direction:column;gap:1em}.learn .learntiles .card{width:100%;border-radius:1em;box-shadow:0 3px 23px #0000003b;padding:1em}.learn .learntiles .card .title{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.learn .learntiles .card h2,.learn .learntiles .card h3{display:inline-block;text-transform:capitalize;margin:0;padding:0}.learn .learntiles .card p{margin:0;padding:0;opacity:.71;font-style:italic}.learn .learntiles .active{background-color:var(--highlight)}.learn .learntiles .disabled{background-color:#777;opacity:.5}.learn .learntiles .complete{background-color:var(--glintgold)}.learn .progress-bar{margin-top:.75em;height:.5em;background-color:var(--highlight);box-shadow:0 3px 8px #0000003b inset;box-shadow:0 2px 8px #00000021;width:100%;border-radius:8px;position:relative}.learn .progress-bar .progress-indicator{position:absolute;top:0;left:0;height:100%;border-radius:8px;background-color:var(--gold);box-shadow:0 3px 3px #ffffff21 inset}.learn .progress-bar .milestone-container{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;flex-direction:row;justify-content:space-evenly}.learn .progress-bar .milestone-container .milestone{width:.25em;height:100%;background-color:var(--glintgold);z-index:2;box-shadow:0 3px 8px #0000003b inset}.auth{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;position:fixed;top:0;left:0}.auth h1{font-family:"DM Serif Display",serif;margin:0;padding:0;font-size:3em;text-shadow:0 3px 23px rgba(0,0,0,.23)}.auth button{width:40%;height:2.71em;font-size:1em;border-radius:1.5em;border:1px solid #333;text-decoration:none;display:inline-block}.auth #login{color:var(--txtcolor);background-color:var(--highlight);box-shadow:0 3px 23px #0000003b}.auth #signup{background-color:var(--txtcolor);color:var(--primary);box-shadow:0 3px 23px #0000003b}.auth form{width:40%;display:flex;flex-direction:column}.auth form label{display:block;width:100%;margin-bottom:.5em}.auth form label input{display:block;width:100%;height:2em;background-color:var(--txtcolor);color:#333;font-size:14px}.auth form button{margin-top:1em;width:100%;background-color:var(--highlight)}.auth .spacer{height:4em}