:root{color:var(--fg-brigth)}html{overflow-y:hidden}body{all:unset;height:100dvh;display:flex}#view{max-width:600px;margin:auto}.side{background-color:var(--bg-muted)}.main,body{background-color:var(--bg-dark)}.main{overflow:hidden auto}@media (width>=800px){.side{width:300px;height:100dvh}.main{flex-grow:1}#view{padding-left:16px;padding-right:16px}}@media (width<=800px){body{--visible-side-width:20px}.side{--real-width:300px;height:100%;width:var(--real-width);transform:translateX(calc(var(--visible-side-width) - var(--real-width)));z-index:1;transition:all .4s cubic-bezier(.075,.82,.165,1);animation:.4s cubic-bezier(.075,.82,.165,1) border-radius;position:absolute;top:0}.side:hover,.side.open{--visible-side-width:var(--real-width);border-radius:8px}.main{--margin:8px;width:100%;margin:var(--margin);margin-left:calc(var(--visible-side-width) + var(--margin))}}#new-project--dialog h3{margin:0}#new-project--dialog{background-color:var(--bg-light);border:none;border-radius:12px;width:90%;max-width:500px;padding:24px;transition:opacity .3s,transform .3s;box-shadow:0 10px 25px #00000026}#new-project--dialog::backdrop{backdrop-filter:blur(2px);background-color:#00000080}#new-project--dialog>div{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}#new-project--dialog>div>span{font-family:sans-serif;font-size:.9rem;font-weight:600}#np-title,#np-description{border:1.5px solid var(--bd-dark);border-radius:6px;transition:border-color .2s;overflow:hidden}#np-description{min-height:3lh}#np-title:focus-within,#np-description:focus-within{border-color:var(--ctp-blue);box-shadow:0 0 0 2px rgba(from var(--ctp-blue) r g b / .8);outline:none}footer{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}button{border:unset;cursor:pointer;border-radius:6px;padding:8px 16px;font-family:sans-serif;font-weight:500;transition:all .2s}.cancel{color:var(--ctp-red);background:0 0}.cancel:hover{background:var(--ctp-red);color:var(--bg-dark)}.confirm{background:var(--ctp-green);color:var(--bg-dark)}.confirm:hover{background:var(--ctp-red)}#loader[popover]{opacity:0;background:0 0;border:none;margin:auto;padding:0;transition:opacity .3s ease-out,transform .3s ease-out;overflow:visible;transform:scale(.9)}#loader:popover-open{opacity:1;flex-direction:column;justify-content:center;align-items:center;display:flex;transform:scale(1)}#loader::backdrop{backdrop-filter:blur(4px);background-color:#00000080}#loader .loader{margin:0}.side.panel{flex-direction:column;display:flex}.fractos-card{justify-content:start;align-items:center;margin:32px 16px;padding:8px;display:flex}.fractos-card>svg{width:48px;height:48px;fill:var(--ctp-peach)}.fractos-card>.title{flex-direction:column;margin-left:8px;display:flex}.fractos-card h1{margin:4px 0;font-size:1.8rem;line-height:1lh}.fractos-card p{color:var(--fg-dimmer);margin:0;font-size:.8rem;line-height:1lh}#save,#new{width:calc(100% - 32px);color:var(--bg-muted);cursor:pointer;background-color:var(--ctp-blue);border:none;border-radius:8px;margin:16px;padding:.6rem;font-weight:600;transition:background .2s}#new{background-color:var(--ctp-green);margin-top:0;margin-bottom:0}#save:hover,#new:hover{background-color:var(--ctp-red)}#save:disabled{color:var(--fg-muted);background-color:var(--bg-muted)}.divider{margin:1.5rem 16px 0 18px;font-size:.8rem;position:relative}.divider:after{content:"";background-color:var(--bd-dark);width:calc(100% - 16px - 10ch);height:1px;margin-left:8px;position:absolute;top:50%}.projects{flex-grow:1;margin:16px}.side-project{width:100%;color:inherit;text-align:start;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;margin:4px 0;padding:.75rem 1rem;font-size:.95rem;transition:all .2s;display:flex}.side-project:hover{color:var(--primary-color);background-color:var(--bg-light)}.side-project.active{background-color:var(--bg-light);font-weight:600}.side-project.place-holder{background-color:var(--bg-light)}.side-project.place-holder.c2{opacity:.6}.side-project.place-holder.c3{opacity:.4}.side-project.place-holder.c4{opacity:.2}.side-project.place-holder span{color:#0000;background-color:var(--ctp-surface0);background-image:linear-gradient(90deg,#0000 0%,#ffffff0d 50%,#0000 100%);background-size:200% 100%;animation:1.5s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.links{justify-content:space-between;align-items:center;padding:16px;display:flex}.github-icon{color:var(--fg-muted);font-size:32px;text-decoration:none;transition:color .3s}.github-icon:hover{color:var(--fg-bright)}.links>span{gap:4px;display:inline-flex}.links button{width:32px;height:32px;color:var(--fg-muted);background-color:var(--ctp-surface0);justify-content:center;align-items:center;padding:0;display:inline-flex}.links button.error{background-color:var(--ctp-red)}.links button.success{background-color:var(--ctp-green)}.links button:disabled{background-color:var(--bg-light)}.links button:hover{background-color:var(--ctp-surface1)}.links .lucide{height:16px;margin:0}#keybinds{background-color:var(--bg-muted);color:var(--fg-muted);border:none;border-radius:12px;max-width:400px;padding:1.5rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif;box-shadow:0 10px 25px #00000080}#keybinds::backdrop{backdrop-filter:blur(4px);background-color:#0009}#keybinds div{border-bottom:1px solid #333;justify-content:space-between;align-items:center;gap:2rem;padding:.6rem 4px;display:flex}#keybinds div:last-child{border-bottom:none}#keybinds code{background:var(--bg-light);color:var(--ctp-green);border:1px solid #444;border-radius:6px;padding:.2rem .5rem;font-family:Cascadia Code,Fira Code,monospace;font-size:.85rem;box-shadow:0 2px #000}#keybinds span{color:var(--fg-muted);text-align:right;font-size:.9rem}#keybinds div:hover{background-color:var(--bg-dark)}.--pr-root{flex-direction:column;max-height:calc(100dvh - 78px);margin-top:26px;margin-bottom:26px;display:flex;overflow:visible}circular-progress{--fg-text:var(--fg-text);--circular-color:var(--ctp-peach);flex-shrink:0;align-self:flex-start}.--pr-metadata>div{width:100%}.--pr-metadata{background-color:var(--bg-light);border:var(--ctp-peach) solid 1px;border-left:var(--ctp-peach) solid 4px;border-radius:8px;flex-direction:row-reverse;align-items:center;gap:16px;margin-bottom:8px;padding:16px;display:flex}.--pr-metadata:focus-visible{outline:unset;border-color:var(--ctp-green)}.--pr-title{width:100%;margin:0;font-size:2rem;line-height:1.2lh;display:block}.--pr-description{width:100%;line-height:1lh;display:block}.--pr-children{flex:1;min-height:0;overflow-y:auto}.--pr-children>fractos-task>.--ts-root{margin-right:8px}.--ts-indicator{padding-inline:2px;font-size:.6rem;display:inline-flex}.--ts-indicator.closed{color:var(--ctp-red)}.--ts-checkbox{display:inline}.--ts-content{border-radius:8px;align-items:center;margin-top:8px;padding-left:4px;padding-right:4px;display:flex}.--ts-content:focus{outline:unset;background-color:var(--sm-bg-info)}.--ts-title{flex-grow:1;flex-basis:0;margin:0 2px 0 0;display:inline-block}.--ts-children{position:relative}.--ts-children:before{content:"";background-color:var(--bg-light);width:2px;height:100%;position:absolute;left:calc(1ch - 2px)}.--ts-percentage{--lp-bg:var(--bd-dark);--lp-fill:var(--sm-fg-info);--lp-text:transparent;--lp-text-fill:transparent;--lp-border-color:transparent;--lp-border-width:0;--lp-height:.3rem;--lp-width:6rem;--lp-duration:.4s}progress-bar{justify-content:center;width:20px;padding-inline:2px;display:flex}.number.done{background-color:var(--ctp-green);color:var(--bg-dark)}.number{text-align:center;background-color:var(--bg-light);border-radius:9px;width:6ch;margin-inline:4px;padding:2px 4px;font-size:.7rem;display:inline-block}.progress{background-color:var(--lp-bg);color:var(--lp-text);border:var(--lp-border-width) solid var(--lp-border-color);width:var(--lp-width);height:var(--lp-height);box-sizing:border-box;border-radius:999px;align-items:center;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.progress:before{color:var(--lp-text-fill);content:"";background-color:var(--lp-fill);pointer-events:none;width:var(--percentage-width,0%);height:100%;transition:width var(--lp-duration) cubic-bezier(.4, 0, .2, 1);box-sizing:border-box;z-index:0;display:inline-flex;position:absolute;top:0;left:0;overflow:hidden}.loader{margin:auto;aspect-ratio:4;background:radial-gradient(closest-side at calc(100% / 6) 50%, var(--fg-brigth) 90%, #0000) 0/75% 100%;width:60px;margin-top:30dvh;animation:1s linear infinite l15-0;position:relative}.loader:before{content:"";background:inherit;clip-path:inset(0 0 0 50%);animation:.5s linear infinite l15-1;position:absolute;inset:0}@keyframes l15-0{0%,49.99%{transform:scale(1)}50%,to{transform:scale(-1)}}@keyframes l15-1{0%{transform:translate(-37.5%)rotate(0)}80%,to{transform:translate(-37.5%)rotate(1turn)}}