:root{--clr-dark-a0: #000000;--clr-light-a0: #ffffff;--clr-primary-a0: #11cd95;--clr-primary-a10: #1ab483;--clr-primary-a20: #1f9c72;--clr-surface-a0: #ffffff;--clr-surface-a10: #f0f0f0;--clr-surface-a20: #e1e1e1;--clr-surface-tonal-a0: #edfbf4;--clr-surface-tonal-a10: #e0ede6;--clr-surface-tonal-a20: #d4ded9;--clr-success-a0: #1b7f5c;--clr-success-a10: #28be8a;--clr-success-a20: #58dbad;--clr-warning-a0: #b8871f;--clr-warning-a10: #dfae44;--clr-warning-a20: #ebca85;--clr-danger-a0: #b13535;--clr-danger-a10: #d06262;--clr-danger-a20: #e29d9d;--clr-info-a0: #1e56a3;--clr-info-a10: #347ada;--clr-info-a20: #74a4e6;--clr-bg: var(--clr-surface-a0);--clr-bg-1: var(--clr-surface-a10);--clr-text: var(--clr-dark-a0);--clr-text-inverse: var(--clr-light-a0);--clr-border: var(--clr-surface-a20);--clr-nav-bg: var(--clr-surface-a10)}[data-color-scheme=dark]{--clr-primary-a10: #49d3a0;--clr-surface-a0: #170b0b;--clr-surface-a10: #2b2323;--clr-surface-a20: #423a3a;--clr-surface-tonal-a0: #1d1e19;--clr-surface-tonal-a10: #32332e;--clr-surface-tonal-a20: #484944;--clr-success-a0: #22946e;--clr-success-a10: #47d5a6;--clr-success-a20: #9ae8ce;--clr-warning-a0: #a87a2a;--clr-warning-a10: #d7ac61;--clr-warning-a20: #ecd7b2;--clr-danger-a0: #9c2121;--clr-danger-a10: #d94a4a;--clr-danger-a20: #eb9e9e;--clr-info-a0: #21498a;--clr-info-a10: #4077d1;--clr-info-a20: #92b2e5;--clr-bg: var(--clr-surface-tonal-a0);--clr-bg-1: var(--clr-surface-tonal-a10);--clr-text: var(--clr-light-a0);--clr-text-inverse: var(--clr-dark-a0);--clr-border: var(--clr-surface-tonal-a20);--clr-nav-bg: var(--clr-surface-tonal-a10)}*{margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background-color:var(--clr-bg);color:var(--clr-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;letter-spacing:normal;font-variant-ligatures:common-ligatures;font-feature-settings:"liga","clig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,#root{padding:0;margin:0;box-sizing:border-box}h1{font-size:2em;margin-bottom:.5em}h2{font-size:1.5em;margin-bottom:.5em}h3{font-size:1.2em;margin-bottom:.5em}p{margin-bottom:1em;line-height:1.6}ul{margin-bottom:1em;padding-left:1.5em}li{margin-bottom:.5em}a{color:var(--clr-text);text-decoration:none;transition:color .3s ease}a:visited{color:var(--clr-text)}a:hover{color:var(--clr-primary-a10)}button,.button,.button:visited{background-color:var(--clr-surface-tonal-a20);border:none;border-radius:2em;color:var(--clr-text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:open sans,Helvetica,Arial,sans-serif;font-size:1em;font-weight:600;padding:.8em 2em 1em;transition:background-color .3s ease;box-sizing:border-box;-webkit-user-select:none;user-select:none}button[disabled],.button[disabled],.button[disabled]:visited{background-color:var(--clr-bg-1);color:var(--clr-text);cursor:not-allowed}button.small,.button.small{padding:.65em;font-size:.65em}button.primary,.button.primary,.button.primary:visited{background-color:var(--clr-primary-a0);color:var(--clr-light-a0)}button.danger,.button.danger,.button.danger:visited{background-color:var(--clr-danger-a0);color:var(--clr-light-a0)}label{display:block;margin-bottom:.3em;font-weight:600}input,select,textarea{background-color:var(--clr-bg-1);border:1px solid var(--clr-border);border-radius:.3em;color:var(--clr-text);font-family:open sans,Helvetica,Arial,sans-serif;font-size:1em;padding:.5em;width:100%;box-sizing:border-box;transition:border-color .3s ease}.text-over-image{color:var(--clr-light-a0);text-shadow:1px 1px 5px rgba(0,0,0,.7),-1px -1px 5px rgba(0,0,0,.7)}.page{display:block;margin:64px 0;min-height:calc(100dvh - 128px);padding:1em}.page a,.page a:visited{color:var(--clr-primary-a0)}.backdrop{position:absolute;inset:0;padding:.5em;background:var(--clr-bg);display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1000}.toast{position:fixed;bottom:1em;left:50%;transform:translate(-50%);background:var(--clr-bg-1);color:var(--clr-text);padding:1em 2em;border-radius:.5em;box-shadow:0 2px 10px #0003;z-index:1001;animation:fadein .5s,fadeout .5s 2.5s;min-width:300px;max-width:90%;cursor:pointer}.toast button{background:none;border:none;color:var(--clr-text);font-size:1.2em;position:absolute;top:.2em;right:.5em;cursor:pointer}.list{list-style:none;padding:0}.list-item{background:var(--clr-bg-1);border:1px solid var(--clr-border);border-radius:.5em;padding:1em;margin-bottom:1em;display:flex;align-items:center;gap:1em}.list-item .icon{font-size:2em;margin-right:1em}.list-item .item-content{flex-grow:1}.list-item .actions button{margin-left:.5em}