:root{--background-color:#f4f6fa;--surface-color:#fff;--primary-color:#5c6a8d;--secondary-color:#6b7c99;--accent-color:#8b5cf6;--text-color:#1f2937;--text-color-contrast:#e5e7f0;color:var(--text-color)}[data-theme=Dark]{--background-color:#0f1220;--surface-color:#171a2b;--primary-color:#4c5a7a;--secondary-color:#5b5473;--accent-color:#8b5cf6;--text-color:#e5e7f0;--text-color-contrast:#1f2937;color:var(--text-color)}body{background-color:var(--background-color);margin:0}.root-content-container{padding-top:15px;padding-left:15px;padding-right:15px}.banner{background-color:var(--surface-color);grid-template-columns:20% 60% 20%;width:100%;min-height:50px;padding-top:5px;padding-bottom:5px;display:grid;position:sticky;top:0;left:0;right:0}.banner .column-1{flex-direction:row;grid-column:1;justify-content:flex-start;align-items:center;margin-left:15px;display:flex;position:relative}.banner .column-2{flex-direction:row;grid-column:2;justify-content:center;align-items:center;gap:5px;display:flex;position:relative}.banner .column-3{flex-direction:row;grid-column:3;justify-content:flex-end;align-items:center;display:flex;position:relative}.profile-picture{border:3px solid var(--accent-color);background-color:#fff;border-radius:100%;width:40px;height:40px;margin-right:15px;overflow:hidden}[data-theme=Dark] .profile-picture{color:var(--text-color-contrast)}.home-root{justify-content:center;width:100%;display:flex}.home-panel{background-color:var(--surface-color);width:80%;padding:15px}.home-title-container{justify-content:center;display:flex}.loader-container{flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.loader{aspect-ratio:1;background:var(--secondary-color);--_m:conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;width:30px;-webkit-mask:var(--_m);-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;border-radius:50%;padding:8px;animation:1s linear infinite l3;-webkit-mask-composite:source-out;mask-composite:subtract}@keyframes l3{to{transform:rotate(1turn)}}button{appearance:none;background-color:var(--accent-color);box-shadow:#2d234266 0 2px 4px, #2d23424d 0 7px 13px -3px, var(--accent-color) 0 -3px 0 inset;box-sizing:border-box;color:var(--text-color);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;border-width:0;border-radius:4px;justify-content:center;align-items:center;height:48px;padding-left:16px;padding-right:16px;font-family:JetBrains Mono,monospace;font-size:18px;line-height:1;text-decoration:none;list-style:none;transition:box-shadow .15s,transform .15s;display:inline-flex;position:relative;overflow:hidden}[data-theme=Light] button{color:var(--text-color-contrast)}button:focus{box-shadow:var(--accent-color) 0 0 0 1.5px inset, #2d234266 0 2px 4px, #2d23424d 0 7px 13px -3px, var(--accent-color) 0 -3px 0 inset}button:hover{box-shadow:#2d234266 0 4px 8px, #2d23424d 0 7px 13px -3px, var(--accent-color) 0 -3px 0 inset;transform:translateY(-2px)}button:active{box-shadow:var(--accent-color) 0 3px 7px inset;transform:translateY(2px)}.settings-root{justify-content:center;width:100%;display:flex}.settings-panel{background-color:var(--surface-color);width:80%;padding:15px}.settings-title-container{justify-content:center;display:flex}