:root { --ff-main: 'Nunito', sans-serif; --ff-accent: 'Nunito', sans-serif; --fw-light: 100; --fw-regular: 300; --fw-semi-bold: 400; --fw-bold: 700; --fs-100: 0.625rem; --fs-200: 0.750rem; --fs-300: 0.875rem; --fs-400: 1.000rem; --fs-500: 1.125rem; --fs-600: 1.375rem; --fs-700: 1.750rem; --fs-800: 2.000rem; --fs-900: 2.500rem; --main-color: hsla(207, 55%, 45%, 1);}@media (prefers-color-scheme: dark) { :root { }}html { color-scheme: dark; scroll-behavior: smooth; scroll-padding-top: 3rem; width: 100%; min-height: 100%; overflow: visible;}html, body { scrollbar-gutter: stable; touch-action: auto; }* { font-family: inherit;}body { min-height: 100vh; min-height: 100svh; overflow: hidden; overflow-y: scroll; font-family: var(--ff-main); font-weight: var(--fw-regular); font-size: var(--fs-300); line-height: 1.7; background-color: hsla(0, 0%, 40%, 1); color: hsla(0, 0%, 85%, 1);}body.is-obs { background-color: transparent;}.visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); position: absolute; height: 1px; width: 1px; overflow: hidden; white-space: nowrap;}input, select, textarea, button { font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit;}h1, h2, h3, h4, h5, h6 { font-family: var(--ff-accent); line-height: 1.1; text-wrap: balance;}.accountBoxWrapper { background-color: rgba(30, 30, 30, 0.8);}.accountBoxWrapper > .accountBox { max-width: min(30rem, 100%); background-color: var(--main-color-bg); padding: 1em 1.5em; display: grid; grid-template-columns: auto 1fr auto; gap: 0.25em;}.accountBoxWrapper .title { grid-column: 1 / span 2; font-size: 1.3em; font-weight: bold; margin-bottom: 1em;}.accountBoxWrapper .icon-close { grid-column: 3;}.accountBoxWrapper .text { margin-bottom: 1em; grid-column: 1 / span 3;}.accountBoxWrapper .label { grid-column: 1; margin-right: 1em;}.accountBoxWrapper .label:after { content: ":";}.accountBoxWrapper input { grid-column: 2 / span 2;}.accountBoxWrapper .buttonBox { grid-column: 1 / span 3; margin-top: 1em; display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: stretch; align-content: flex-start;}@media (max-width: 700px) { .accountBoxWrapper { background-color: var(--main-color-bg); } .accountBoxWrapper > .accountBox { width: 100%; max-width: 100%; }}.buttonStyle-1 { transition: color 0.3s ease-out, background-color 0.3s ease-out, opacity 0.3s ease-out; cursor: pointer; background-color: rgba(0, 0, 0, 0.2); padding: 0.75em 1.5em; color: #eee;}.buttonStyle-1:not(.disabled).active,.buttonStyle-1:hover { background-color: rgba(0, 0, 0, 0.4); color: #fff;}.buttonStyle-1:not(.disabled):active { background-color: rgba(0, 0, 0, 0.6); color: #fff;}.buttonStyle-1:not(.disabled).active { box-shadow: 0 0 0 2px var(--main-color); outline: 2px solid rgba(0, 0, 0, 0.25); outline-offset: 1px;}.buttonStyle-1.disabled { opacity: 0.75; color: rgba(255, 255, 255, 0.5); cursor: not-allowed;}.buttonStyle-2 { transition: color 0.3s ease-out, background-color 0.3s ease-out, opacity 0.3s ease-out; cursor: pointer; background-color: rgba(255, 255, 255, 0.2); padding: 0.75em 1.5em; color: #eee;}.buttonStyle-2:not(.disabled).active,.buttonStyle-2:hover { background-color: rgba(255, 255, 255, 0.4); color: #fff;}.buttonStyle-2:not(.disabled):active { background-color: rgba(255, 255, 255, 0.6); color: #fff;}.buttonStyle-2:not(.disabled).active { box-shadow: 0 0 0 2px var(--main-color); outline: 2px solid rgba(0, 0, 0, 0.25); outline-offset: 1px;}.buttonStyle-2.disabled { opacity: 0.75; color: rgba(255, 255, 255, 0.5); cursor: not-allowed;}.buttonStyle-mini { cursor: pointer; background-color: rgba(255, 255, 255, 0.1); border: none; padding: 0 1.5em; color: #eee;}.buttonStyle-mini:not(.disabled).active,.buttonStyle-mini:hover,.buttonStyle-mini:not(.disabled):active { background-color: rgba(0, 0, 0, 0.1); color: #fff;}.buttonStyle-mini:not(.disabled).active { box-shadow: 0 0 0 2px var(--main-color); outline: 2px solid rgba(0, 0, 0, 0.25); outline-offset: 1px;}.buttonStyle-mini.disabled { opacity: 0.75; color: rgba(255, 255, 255, 0.5); cursor: not-allowed;}.buttonStyle-icon { cursor: pointer; background-color: transparent; border: none; padding: 0; color: #eee;}.buttonStyle-icon:not(.disabled).active,.buttonStyle-icon:hover,.buttonStyle-icon:not(.disabled):active { text-shadow: 0 0 1px currentColor, 0 0 3px currentColor; color: #fff;}.buttonStyle-icon:not(.disabled).active { box-shadow: 0 0 0 2px var(--main-color); outline: 2px solid rgba(0, 0, 0, 0.25); outline-offset: 1px;}.buttonStyle-icon.disabled { opacity: 0.75; color: rgba(255, 255, 255, 0.5); cursor: not-allowed;}.ghostHistoryBox { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; align-content: flex-start; gap: 0.33em;}.ghostHistoryBox > h2 { flex: 1 1 100%;}.ghostHistoryBox > .historyEntry { display: inline-flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; align-content: flex-start; gap-column: 0.33em; padding: 0.25rem 0.4rem; background-color: rgba(0, 0, 0, 0.15); }.ghostHistoryBox > .historyEntry > * { flex: 0 1 auto;}.ghostHistoryBox > .historyEntry > .ghostName:not(:only-child) { margin-top: 0.1em;}.ghostHistoryBox > .historyEntry > button { overflow: visible; line-height: 0.75; position: relative; left: 0.4rem;}.ghostHistoryBox > .historyEntry:not(:last-child)::after { }.ghostHistoryBox > .historyEntry.isLatestGhost { font-weight: bold;}.ghostHistoryBox { line-height: 1.2;}.auto-grid { --min-column-size: 300px; --gap: 1rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(var(--min-width), 100%), 1fr)); gap: var(--gap);}.auto-flex { --min-column-size: 200px; --gap: 1rem; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; align-content: flex-start; gap: var(--gap);}.auto-flex > * { flex: 1 1 var(--min-width);}.feedback { padding: 0.85em 1.5em 0.8em 3.75em; position: relative; background-color: rgba(255, 255, 255, 0.25); border-radius: 1em; box-shadow: 0 0 1.2em rgba(0, 0, 0, 0.3); z-index: 1; font-weight: 400;}.feedback > .feedback-icon { position: absolute; left: 1em; border: 2px solid transparent; border-radius: 100vmax; width: 2rem; height: 2rem; line-height: 1; transform: translateY(-20%); color: #fff;  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.75)); display: flex; justify-content: center; align-items: center; align-content: center;}.feedback.feedback-success > .feedback-icon { color: rgb(50, 255, 50); border-color: rgba(50, 255, 50, 0.5);}.feedback.feedback-error > .feedback-icon { color: rgb(255, 0, 0); border-color: rgba(255, 0, 0, 0.5);}.feedback.feedback-info > .feedback-icon { color: rgb(50, 200, 255); border-color: rgba(50, 200, 255, 0.5);}@keyframes feedbackShake { 0% { transform: translateX(0); } 25% { transform: translateX(-0.5em); } 75% { transform: translateX(0.5em); } 100% { transform: translateX(0); }}.feedback.shake { animation: feedbackShake 0.25s linear infinite;}@property --glow-card-border-angle { syntax: "<angle>"; initial-value: 0deg; inherits: true;}.glow-card { --glow-card-border-angle: 0deg; --border-width: 0.3rem; --blur-size: 3.5rem; --color-1: #f00; --color-2: #707; --color-3: #00f; background-color: #333; color: #eee; padding: 0.5em 0.75em; border-radius: 0.2rem; position: relative;}.glow-card::before,.glow-card::after { content: ""; position: absolute; inset: calc(var(--border-width) * -1); z-index: -1; border-radius: inherit; background: conic-gradient( from var(--glow-card-border-angle), var(--color-1), var(--color-2), var(--color-3), var(--color-2), var(--color-1) ); animation: glow-card-border-rotation 22s linear infinite;}.glow-card::after { filter: blur(var(--blur-size));}@keyframes glow-card-border-rotation { 0% { --glow-card-border-angle: 0deg; } 100% { --glow-card-border-angle: 360deg; }}.oneRowFormBox { --arrow-size: 0.8em; position: relative; text-align: center;}.oneRowFormBox > * { clip-path: polygon(0% 0%, calc(100% - var(--arrow-size)) 0%, 100% 50%, calc(100% - var(--arrow-size)) 100%, 0% 100%, var(--arrow-size) 50%); padding-left: calc(0.75em + var(--arrow-size));}.oneRowFormBox > * { margin-left: calc(var(--arrow-size) * -0.5); margin-right: calc(var(--arrow-size) * -0.5);}.oneRowFormBox:focus-within::before,.oneRowFormBox:focus-within::after { content: ""; position: absolute; left: calc(var(--arrow-size) * -0.5 - 3px); right: calc(var(--arrow-size) * 0.5 + 2px); border: 0 solid rgba(255, 255, 255, 0.4);}.oneRowFormBox:focus-within::before { top: -4px; border-top-width: 1px;}.oneRowFormBox:focus-within::after { bottom: -4px; border-bottom-width: 1px;}@media all and (max-width: 700px) { .oneRowFormBox {  margin-left: 1rem; margin-right: 1rem; } .oneRowFormBox > * { width: 100%;  }}.inputBox { display: inline-flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch; background-color: #eee; padding: 0.75em 1.5em;}.inputBox:focus-within { outline: 2px solid var(--main-color-less); outline-offset: 2px;}.inputBox > * { color: #aaa;}.inputBox > input,.inputBox > select,.inputBox > textarea { background-color: transparent; border: none; margin: 0; padding: 0; outline: none; width: auto;}.mask-reveal { overflow: hidden;}.mask-reveal > * { transition: transform 1.7s cubic-bezier(0.165, 0.84, 0.44, 1); transform: translateX(0%) translateY(0%);}.mask-reveal.mask-reveal-plus-x:not(.show) > * { transform: translateX(100%) translateY(0%); }.mask-reveal.mask-reveal-minus-x:not(.show) > * { transform: translateX(-100%) translateY(0%); }.mask-reveal.mask-reveal-plus-y:not(.show) > * { transform: translateX(0%) translateY(100%); }.mask-reveal.mask-reveal-minus-y:not(.show) > * { transform: translateX(0%) translateY(-100%); }.mask-reveal.mask-reveal-plus-x.mask-reveal-plus-y:not(.show) > * { transform: translateX(100%) translateY(100%); }.mask-reveal.mask-reveal-plus-x.mask-reveal-minus-y:not(.show) > * { transform: translateX(100%) translateY(-100%); }.mask-reveal.mask-reveal-minus-x.mask-reveal-minus-y:not(.show) > * { transform: translateX(-100%) translateY(-100%); }.mask-reveal.mask-reveal-minus-x.mask-reveal-plus-y:not(.show) > * { transform: translateX(-100%) translateY(100%); }.scrollbarStyle-1 { --scrollbar-size: 10px; --scrollbar-foreground: #999; --scrollbar-background: #333; scrollbar-color: var(--scrollbar-foreground) var(--scrollbar-background); scrollbar-width: var(--scrollbar-size);}.scrollbarStyle-1::-webkit-scrollbar { width: var(--scrollbar-size); height: var(--scrollbar-size);}.scrollbarStyle-1::-webkit-scrollbar-thumb { background: var(--scrollbar-foreground); box-shadow: 0 0 calc(var(--scrollbar-size) * 0.6) rgba(0, 0, 0, 0.3);}.scrollbarStyle-1::-webkit-scrollbar-track { background: var(--scrollbar-background); border-radius: var(--scrollbar-size); box-shadow: 0 0 calc(var(--scrollbar-size) * 0.6) rgba(0, 0, 0, 0.3);}.scrollbarStyle-1::-webkit-scrollbar-corner { background: var(--scrollbar-background);}.standardTabBox { align-self: stretch; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; align-content: flex-start; padding: 0 18px; border-bottom: 2px solid var(--clr-main-400, #ffff); position: relative; overflow: hidden;}.standardTabBox > .standardTab { transition: background-color 0.3s ease-out, color 0.3s ease-out, transform 0.3s ease-out; padding: 5px 10px 10px 10px; margin: 5px 1px -5px 0; background-color: rgba(0, 0, 0, 0.45); cursor: pointer; transform: scale(1, 1) translateY(0px); transform-origin: 50% 100%; will-change: transform;}.standardTabBox > .standardTab:focus-visible,.standardTabBox > .standardTab:hover { background-color: var(--clr-main-400, #fff7);}.standardTabBox > .standardTab:active,.standardTabBox > .standardTab.active { transition: background-color 0.05s ease-out, color 0.05s ease-out, transform 0.3s ease-out; background-color: var(--clr-main-400, #ffff); z-index: 1; color: #fff; text-shadow: 0 0 2px #fff, 0 0 3px #000; transform: scale(1, 1) translateY(-3px);}.standardTabContents-hidden { display: none;}