:root{--background:#eff1f5;--background-trans:#eff1f580;--background-invis:#eff1f500;--popup:#e6e9ef;--popup-trans:#dce0e880;--border-trans:#dce0e880;--text:#4c4f69;--text-trans:#4c4f6980;--label:#6c6f85;--label-alt:#dce0e8;--c1:#4c4f6980;--c2:#5c5f77c0;--c3:#6c6f85;--shadow:#00000020;--rosewater:#dc8a78;--rosewater-trans:#dc8a7830;--green:#40a02b;--green-trans:#40a02b40;--blue:#7287fd;--blue-trans:#7287fd80;--red:#dd7878;--red-trans:#dd787880;--grey:#acb0be;--grey-trans:#acb0be80;--highlight:var(--rosewater);--highlight-trans:var(--rosewater-trans);--toast-clearance:4.5rem}@media (prefers-color-scheme:dark){:root{--background:#1e1e2e;--background-trans:#1e1e2e80;--background-invis:#1e1e2e00;--popup:#181825;--popup-trans:#11111b80;--border-trans:#11111b80;--text:#cdd6f4;--text-trans:#cdd6f480;--label:#a6adc8;--label-alt:#585b70;--c1:#cdd6f480;--c2:#bac2dec0;--c3:#a6adc8;--shadow:#00000040;--rosewater:#f5e0dc;--rosewater-trans:#f5e0dc30;--green:#a6e3a1;--green-trans:#a6e3a140;--blue:#89b4fa;--blue-trans:#89b4fa80;--red:#f38ba8;--red-trans:#f38ba880;--grey:#585b70;--grey-trans:#585b7080}}html{height:100dvh}html ::-webkit-scrollbar{width:.5rem;height:.5rem}html ::-webkit-scrollbar-track{background-color:var(--popup);border-radius:1rem}html ::-webkit-scrollbar-thumb{background:var(--highlight);border-radius:1rem;max-width:.25rem}body{color:var(--text);background-color:var(--background);margin:0 calc(.5rem + 1px) 0 0;padding:0;font-family:Verdana,sans-serif}h1{font-family:Nunito,sans-serif;font-weight:700}a{color:var(--highlight)}a:visited{color:var(--highlight)}input{box-sizing:border-box;color:var(--text);background-color:var(--popup-trans);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--border-trans) 2px solid;border-radius:20px;width:100%;padding:1rem;font-family:Roboto Mono,monospace;font-size:1rem;transition:background-color .25s ease-in-out,color .25s ease-in-out}input:hover{border:solid 2px var(--rosewater-trans)!important}button{-webkit-user-select:none;user-select:none}button svg path{transition:stroke ease-in-out}button svg{width:1.25rem;min-width:1.25rem;height:1.25rem;margin:auto;display:block}button{color:var(--text);background-color:var(--popup-trans);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--border-trans) 2px solid;cursor:pointer;width:100%;height:100%;font-family:Nunito,sans-serif;font-size:1rem;transition:background-color .25s ease-in-out,color .25s ease-in-out}button.hidden{display:none}button:hover svg path{stroke:var(--background)}button:hover{color:var(--background);background-color:var(--rosewater);transition:background-color .25s ease-in-out,color .25s ease-in-out}input:focus,button:focus{outline:none;border:2px solid var(--highlight)!important}.panel{z-index:1;background:linear-gradient(to bottom, var(--background) 0%, var(--background-trans) 60%, var(--background-invis) 100%);flex-direction:column;place-content:center;align-items:center;padding:0 5%;display:flex;position:sticky;top:0;left:0;right:0}.panel:before{z-index:-1;content:"";-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 80%,#0000 100%);mask:linear-gradient(#000 80%,#0000 100%)}#secondary-panel{display:none}.bar{flex-direction:row;place-content:center;align-items:center;width:100%;max-width:50rem;display:flex}#top-bar{margin-bottom:1rem}#title-box{-webkit-user-select:none;user-select:none;flex-direction:row;width:100%;display:flex}#app-icon{justify-content:center;align-items:center;display:flex;overflow:visible}#app-icon>svg{width:3em;height:auto;margin-right:.5rem}#title-text{text-align:left;width:100%}#status-bar{background-color:var(--popup-trans);border:var(--border-trans) 2px solid;box-sizing:border-box;box-shadow:0 .5rem 2rem .1rem var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;justify-content:space-around;height:4rem;padding:4px 0}.status-block{box-sizing:border-box;border-radius:14px;flex-direction:column;place-content:center;align-items:center;width:100%;margin:4px;padding:0;font-family:Roboto Mono,monospace;display:flex}.status-block p{text-align:center;margin:0}.status-block p.status-label{color:var(--label)}button.status-block{border-color:var(--highlight-trans);font-size:.8rem}button.status-block:hover{border-color:var(--border-trans)}button.status-block:hover p.status-label{color:var(--label-alt)!important}main{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;height:100%;margin:0;padding:0 5%;display:flex}#task-container{box-sizing:border-box;width:100%;max-width:50rem;margin-top:2rem;padding:.5rem}.task-margin{padding-top:1rem}.task-margin:not(:has(.task-margin:hover)):hover>.task{border-color:var(--highlight)}.task-margin:not(:has(.task-margin:hover)):hover>.task>.info>.title-actions>.actions{opacity:1}.task{border:2px solid var(--border-trans);background-color:var(--popup-trans);border-radius:1.75rem;display:flex}.task .icon{margin:0 .5rem 0 1rem;padding-top:.5rem;display:flex;overflow:visible}.task .icon svg{width:2rem;height:2rem;margin:0 .5rem .5rem}.task .info{flex:1}.task .info .title-actions{justify-content:space-between;align-items:flex-start;display:flex}.task .info .title-actions .title{flex:1;font-weight:700}.task .info .title-actions .actions{opacity:0;gap:.5rem;margin:.5rem .5rem 0 auto;transition:opacity .1s;display:flex}.task .info .title-actions .actions button{border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;overflow:visible}.task .info .title-actions .actions button svg{width:1rem;height:auto}.task .info .desc,.task .info .task-margin{padding:0 1.5rem 1rem 0}#toast{opacity:0;text-align:center;text-wrap:nowrap;background-color:var(--popup-trans);box-shadow:.5rem .5rem 3rem .1rem var(--shadow);border:var(--border-trans) 2px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;-webkit-user-select:none;user-select:none;border-radius:20px;flex-direction:row;justify-content:center;align-items:center;padding:1rem;transition:opacity 1s,transform 1s;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}#toast-icon:has(>svg){height:1.5rem}#toast-icon>svg{width:auto;height:100%;margin:auto .5rem auto auto}#toast.active{opacity:1}#toast:not(.active){opacity:0}@media (orientation:landscape){:root{--toast-clearance:0rem}#toast{left:revert;right:1rem;transform:none}}