:root{--color-scheme:dark;--color-panel:rgba(10,10,30,.8);--color-background:#11112e;--color-border:var(--color-background);--color-btn:#0a14c8;--color-btn-shadow:#000aaa;--color-text-btn:var(--color-text);--color-opaque:#000514;--color-text:#fff;--color-menu:var(--color-background);--color-background-select:#000;--color-stars:#fff;--color-input-background:rgba(0,0,0,.5);--color-input-text-focus:#aaa;--shadow-panel:0 0 2px 2px #000;--shadow-menu:var(--shadow-panel);font-size:1rem}@media (prefers-color-scheme:light){:root{--color-scheme:light;--color-background:#f0f0f0;--color-menu:#fff;--color-opaque:#fff;--color-panel:hsla(0,0%,100%,.9);--color-text:#000;--color-text-btn:#fff;--color-stars:#000;--color-btn:#1545e3;--color-btn-shadow:#0a14c8;--shadow-menu:0 0 1px 0px #000;--color-input-background:hsla(0,0%,49%,.1);--color-input-text-focus:#444;--color-background-select:#fff;--color-invoice:#f44336;--color-music:#00b0ff;--color-reminder:#9c27b0;--color-pomodoro:#00c853;--color-header-panel:#fff}}*{color:var(--color-text);display:flex;flex-direction:column;font-family:Arial}head,script,style{display:none}a{text-decoration:none}body,html{display:flex;height:100%;margin:0;padding:0;width:100%}html{overflow-y:scroll}#app{display:flex;flex:1;flex-direction:column}#background,#background2{background-color:var(--color-background);bottom:0;display:flex;flex:1;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:-1}.btn{align-items:center;background-color:var(--color-btn);border:none;border-radius:3px;box-shadow:0 5px 0 0 var(--color-btn-shadow);color:var(--color-text-btn);cursor:pointer;font-size:1.2rem;font-weight:700;justify-content:center;margin:3px 0 5px;padding:10px 15px 4px;text-align:center;transform:translateY(-3px);transition:all .1s ease-in-out}.btn:hover{box-shadow:0 3px 0 0 var(--color-btn-shadow);transform:translateY(0)}.btn:active{box-shadow:0 0 0 0 var(--color-btn-shadow);transform:translateY(3px)}::view-transition-new(root),::view-transition-old(root){animation-duration:0s}::view-transition-new(panel),::view-transition-old(panel){animation-duration:.1s}.error,.success{border:1.5px solid;border-radius:4px;margin:0 0 15px;padding:8px 15px}.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}