:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.top-nav-bar{position:fixed;top:0;left:0;right:0;height:54px;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;gap:36px;font-size:1.18em;font-weight:600;letter-spacing:.02em;box-shadow:0 4px 24px #2c3e5014;z-index:3000;transition:top .35s cubic-bezier(.4,2,.6,1),opacity .25s;opacity:0;pointer-events:none}.top-nav-bar.visible{opacity:1;pointer-events:auto}.top-nav-link{color:#111;text-decoration:none;padding:6px 18px;border-radius:8px;transition:background .18s,color .18s;cursor:pointer}.top-nav-link.active,.top-nav-link:hover{background:#e3f2fd;color:#1976d2}.top-nav-bar-spacer{height:54px;width:100%;display:block}.debug-info{position:fixed;left:0;right:0;bottom:0;z-index:2000;background:#fffffff2;color:#444;font-family:Arial,Helvetica,sans-serif;font-size:1.05em;padding:8px 16px 10px;border-top:2px solid #bbb;text-align:left;box-shadow:0 -2px 12px #bbb2;pointer-events:none}.sort-arrow{color:#bbb;transition:color .2s;font-size:1.1em;margin-left:2px}.sort-arrow.active.asc{color:#2196f3;font-weight:700}.sort-arrow.active.desc{color:#e74c3c;font-weight:700}.sort-arrow.active{text-shadow:0 1px 0 #fff,0 0px 2px #2196f355}body,html,#root{min-height:100vh;width:100vw;margin:0;font-family:var(--suite-font-family, "Indie Flower, cursive");background-color:#f9f9f9;background-image:repeating-linear-gradient(0deg,#bcd2e8 0px,#bcd2e8 1px,transparent 1px,transparent 24px),repeating-linear-gradient(90deg,#bcd2e8 0px,#bcd2e8 1px,transparent 1px,transparent 24px);background-size:25px 25px;background-repeat:repeat;overflow-x:hidden}h1,h2{font-family:var(--suite-font-family, "Indie Flower, cursive");text-align:center;margin-bottom:24px}@media (max-width: 900px){.todo-table{min-width:unset;width:100vw;max-width:100vw;font-size:1em;overflow-x:auto;display:block}.table-container{width:100vw;min-width:unset;padding:8px 2vw 12vw;margin:0;border-radius:0;box-shadow:none}.todo-table th,.todo-table td{padding:6px 2px;font-size:.98em}.todo-table th{font-size:1em;white-space:nowrap}.todo-table tr,.todo-table tbody,.todo-table thead{display:table-row}input[type=text],select,input[type=date]{font-size:1em;min-width:0;width:100%;box-sizing:border-box}.todo-table tr{display:table-row}}@media (max-width: 600px){.todo-table,.table-container{width:100vw!important;max-width:100vw!important;min-width:unset!important;padding:2vw 0 16vw!important;border-radius:0!important;box-shadow:none!important}.todo-table th,.todo-table td{padding:4px 1px;font-size:.95em}.todo-table th{font-size:.98em}input[type=text],select,input[type=date]{font-size:1em;min-width:0;width:100%;box-sizing:border-box;padding:7px 4px}.todo-table tr{display:table-row}.table-container h2,.table-container input[type=text]{font-size:1.1em!important}}.app-bg{min-height:100vh;width:100vw;padding:0}.app-bg{min-height:100vh;padding:10% 20% 10% 5%}.todo-table-wrapper{display:flex;justify-content:center}.todo-table{width:80vw;max-width:80vw;min-width:600px;border-collapse:collapse;font-size:1.1em}.todo-table th,.todo-table td{border:1.5px dashed #d0d7de;padding:8px 6px;text-align:left;color:#111}.todo-table th{font-weight:600}.todo-table tr.done td{text-decoration:line-through;color:#aaa}input[type=text]{border:none;border-bottom:1.5px dashed #d0d7de;border-radius:0;background:#fff;font-family:var(--suite-font-family, "Indie Flower, cursive");font-size:1em;padding:4px 6px;box-sizing:border-box;color:#111}input[type=text]:focus{outline:none;box-shadow:none}select,input[type=date]{border:none;border-radius:0;background:#fff;font-family:var(--suite-font-family, "Indie Flower, cursive");font-size:1em;padding:4px 6px;box-sizing:border-box;color:#111;-webkit-appearance:none;-moz-appearance:none;appearance:none}.todo-table tbody tr:first-child select,.todo-table tbody tr:first-child input[type=date],.todo-table tbody tr:first-child input[type=text]{border-bottom:1.5px dashed #d0d7de}button{font-family:inherit;font-size:1.1em;border:none;background:#90caf9;color:#222;border-radius:4px;padding:4px 10px;cursor:pointer;transition:background .2s}button:hover{background:#64b5f6}.table-container{background:#fff;border-radius:12px;box-shadow:0 8px 36px 8px #2c3e502e,0 2px 12px #2c3e501a;padding:24px 16px 16px;margin:1.2vh auto 32px 0;width:fit-content;color:#111}.table-container h2{color:#111;margin-top:0;text-align:left}.slide-in{animation:slideInRow .5s cubic-bezier(.4,2,.6,1)}@keyframes slideInRow{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:none}}.shake-row{animation:shakeRow .5s cubic-bezier(.36,.07,.19,.97)}@keyframes shakeRow{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.trash-btn:hover .sketchy-trash rect{filter:drop-shadow(0 0 2px #888)}.todo-table tr:hover{background:#e3f2fd!important;transition:background .2s}.todo-table tr:focus-within{background:#bbdefb!important}.todo-table select,.todo-table input[type=text]{transition:background .3s,color .3s}