:root{background-color:var(--color-white);font-family:Segoe UI,Roboto,sans-serif;font-size:16px;--border-radius: .25rem;--color-coral-lightest: #f49cac;--color-coral-lighter: #fb5774;--color-coral-light: #db4c65;--color-coral-normal: #9f3548;--color-coral-dark: #8a071e;--color-coral-darker: #790016;--color-coral-darkest: #650012;--color-grey: #c6babc;--color-red: #c61a39;--color-white: #ffffff}*{box-sizing:border-box}body{margin:0;padding:0}button,input{border-radius:var(--border-radius);border:1px solid var(--color-coral-darkest);font-size:1rem;height:3.5rem;padding:0 .5rem}button{text-wrap-mode:nowrap}#app{height:100vh;width:100vw}h1{color:#667eea;margin-bottom:1rem;font-size:2.5rem}p{color:#666;margin-bottom:2rem;font-size:1.1rem}.Spinner{border-radius:50%;border:.35rem solid var(--color-coral-lightest);border-top:.35rem solid var(--color-coral-normal);flex-shrink:0;height:3rem;width:3rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Dashboard{display:flex;flex-wrap:wrap;gap:5vw;justify-content:space-between;padding:5vw;--widget-size: max(42.5vw, 10rem)}.Dashboard__Widget{aspect-ratio:1;background-color:var(--color-coral-lightest);overflow:hidden;position:relative;width:var(--widget-size)}.Dashboard__Widget__Content,.Dashboard__Widget__Header{display:flex;align-items:center;aspect-ratio:1;justify-content:center;width:var(--widget-size)}.Dashboard__Widget__Content{height:calc(var(--widget-size) - 2rem);opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 1s ease-in;transition-delay:1s}.Dashboard__Widget__Header{flex-direction:column;-webkit-user-select:none;user-select:none;padding:1rem}.Dashboard__Widget__Header h2{font-size:1rem;text-wrap-mode:nowrap;margin-bottom:0}.Dashboard__Widget__Icon{height:3rem;width:3rem;transition:height 1s ease-in,margin 1s ease-in,1s ease-in,opacity 1s ease-in;transition-delay:.5s}.Dashboard__Widget__Loader{display:flex;align-items:center;justify-content:center}.Dashboard__Widget--with-content .Dashboard__Widget__Content{opacity:1}.Dashboard__Widget--with-content .Dashboard__Widget__Icon{opacity:.05;height:5rem;margin:1.5rem 0 0;width:5rem}.Page__Content{padding:0 1rem}.Page__Header{display:flex;align-items:center;height:4rem;padding:0;margin-bottom:2rem;background-color:var(--color-coral-lightest);border-bottom:.1rem solid var(--color-coral-darkest);justify-content:space-between}.Page__Header__Action{padding-right:.5rem}.Page__Header__Action,.Page__Header__Title{display:flex;align-items:center}.Page__Header button{cursor:pointer;background-color:transparent;border:0;height:fit-content;padding-top:.25rem}.Page__Header button:hover{background-color:var(--color-coral-lightest)}.Page__Header button svg{height:2rem;width:2rem}.Page__Header h2{margin:0}.SettingsPage__Hint{color:var(--color-gray);font-size:.85rem;margin:0 0 .5rem}.SettingsPage__Plugins{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.SettingsPage__Plugins input{height:1.5rem}.SettingsPage__PluginToggle{align-items:center;cursor:pointer;display:flex;gap:.5rem}.SettingsPage__Backup{display:flex;gap:1rem}.SettingsPage__ResetButton{background-color:var(--color-red);color:var(--color-white)}.SettingsPage__Version{padding-top:3rem;text-align:center}.SettingsPage__Version>span{display:block}.SettingsPage__Version .slogo{margin-top:1rem}.SettingsPage__Version .slogo svg{height:2rem;width:2rem}
