:root{--height-header:5.2rem;--height-footer:5.2rem;--color-text:black;--link-hover-color:gray;--color-background:white;--navbar-background:#e34234cc;--navbar-text:greenyellow;--navbar-text-hover:honeydew;--navbar-menu-background:#e34234;--navbar-menu-text:greenyellow;--main-background-color:cornflowerblue;--content-background-color:whitesmoke;--content-color:var(--color-text)}[data-theme=dark]{--color-background:black;--color-text:white;--link-hover-color:darkgrey;--navbar-background:midnightblue;--navbar-text:green;--navbar-text-hover:darkolivegreen;--navbar-menu-background:midnightblue;--navbar-menu-text:green;--main-background-color:darkblue;--content-background-color:gray;--content-color:whitesmoke}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{background-color:var(--color-background);color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.6rem}a{color:var(--color-text);text-decoration:none}a:hover{color:var(--link-hover-color)}footer{background-color:var(--navbar-background);color:var(--navbar-text);min-height:var(--height-footer);justify-content:center;align-items:center;display:flex}main{min-height:calc(100vh - var(--height-header) - var(--height-footer));background-color:var(--main-background-color);justify-content:center;align-items:center;padding:1rem;display:flex}nav{background-color:var(--navbar-background);height:var(--height-header);justify-content:space-between;align-items:center;padding:0 1rem;font-size:3rem;display:flex;position:relative}._brand_17swx_14{white-space:nowrap}._brandLink_17swx_18{color:var(--navbar-text);text-decoration:none}._brandLink_17swx_18:hover{color:var(--navbar-text-hover)}._menu_17swx_29{background-color:var(--navbar-menu-background);opacity:0;pointer-events:none;z-index:1000;width:100%;padding:1rem;transition:transform .5s ease-in-out,opacity .5s ease-in-out;position:absolute;top:100%;left:0;transform:translateY(-10px)}._menu_17swx_29._open_17swx_47{opacity:1;pointer-events:auto;transform:translateY(0)}._menu_17swx_29 ul{flex-direction:column;align-items:center;gap:1rem;list-style:none;display:flex}._menu_17swx_29 li{height:3rem}._menuLink_17swx_67{color:var(--navbar-text);text-decoration:none}._menuLink_17swx_67:hover{color:var(--navbar-text-hover)}._hamburger_17swx_78{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:.6rem;padding:0;display:flex}._bar_17swx_88{background-color:var(--navbar-text);border-radius:.2rem;width:3rem;height:.4rem;transition:all .5s ease-in}._openHamburger_17swx_98 ._bar_17swx_88:first-child{transform:translateY(.8rem)rotate(45deg)}._openHamburger_17swx_98 ._bar_17swx_88:nth-child(2){opacity:0}._openHamburger_17swx_98 ._bar_17swx_88:nth-child(3){transform:translateY(-1.2rem)rotate(-45deg)}._darkModeButton_17swx_112{cursor:pointer;background:0 0;border:none;font-size:2.5rem}._darkModeIcon_17swx_119{color:var(--navbar-text)}._darkModeIcon_17swx_119:hover{color:var(--navbar-text-hover)}@media (width>=768px){._menu_17swx_29{opacity:1;pointer-events:auto;background-color:#0000;width:auto;position:static;transform:none}._menu_17swx_29 ul{flex-direction:row;align-items:center;gap:2rem}._menu_17swx_29 li{min-width:3.2rem;height:auto}._hamburger_17swx_78{display:none}}._contentContainer_f1jod_1{background-color:var(--content-background-color);color:var(--content-color);border-radius:1rem;flex-direction:column;align-items:center;gap:2rem;width:100%;padding:3rem;display:flex}@media (width>=768px){._contentContainer_f1jod_1{width:80%}}._contentContainer_1r4vv_1{width:100%}._todoList_1r4vv_5{background-color:var(--content-background-color);border-radius:2rem;padding:1rem;line-height:3rem;list-style:none;box-shadow:0 .4rem 1.2rem #0000001a}._todoList_1r4vv_5 li{white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid gray;overflow:hidden}._todoList_1r4vv_5 li:last-child{border-bottom:none}@media (width>=768px){._contentContainer_1r4vv_1{max-width:80%}}._todoDetail_1vhb4_1{background-color:var(--content-background-color);border-radius:2rem;flex-direction:column;gap:1rem;min-width:90vw;padding:2rem;display:flex;box-shadow:0 .4rem 1.2rem #0000001a}@media (width>=768px){._todoDetail_1vhb4_1{min-width:50vw}}