body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#f7f3ea;--ink:#2b2b2b;--muted:#7a7a7a;--accent:#1f7a8c;--border:#e6dfcf}*{box-sizing:border-box}#root,body,html{height:100%}body{background:#f7f3ea;background:var(--bg);color:#2b2b2b;color:var(--ink);font-family:ui-rounded,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0}.app{background:#fffef9;border:1px solid #e6dfcf;border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 50px #00000014,0 2px 10px #0000000d;isolation:isolate;margin:48px auto;max-width:1300px;padding:38px;position:relative}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ca400edb 35%,#b1880b 0);-webkit-background-clip:text;background-clip:text;font-size:25px;font-weight:900;letter-spacing:.2px;margin:0}.tagline{color:#2b2b2b;color:var(--ink);display:block;font-size:16px;font-weight:600;letter-spacing:.4px;text-align:center}.tagline:after{background-color:#7a7a7a;background-color:var(--muted);bottom:0;content:"";height:2px;left:0;opacity:.3;position:absolute;width:100%}.page{margin:18px auto 0;max-width:1300px;overflow:auto;padding:0 16px}.logo-top{align-items:center;display:flex;justify-content:center;margin:20px 0 10px}.logo-image{filter:drop-shadow(0 2px 6px rgba(0,0,0,.1));height:auto;max-width:250px}.add-to-do{display:flex;gap:10px;margin:18px 0 10px;position:relative}.add-to-do:before{background:linear-gradient(180deg,#00000008,#0000 40%);border-radius:14px;content:"";inset:-8px;position:absolute;z-index:-1}.add-to-do input{background:#fffdf5;border:1px dashed #d8d0bf;border-radius:10px;color:#2b2b2b;color:var(--ink);flex:1 1;font-size:15px;padding:14px;transition:box-shadow .15s,border-color .15s}.add-to-do input:focus{border-color:#b6ad98;box-shadow:0 0 0 3px #1f7a8c26;outline:none}.add-to-do button{background:#541d11db;border:none;border-radius:10px;box-shadow:0 6px 18px #1f7a8c40;color:#fff;cursor:pointer;font-size:14px;font-weight:800;letter-spacing:.2px;padding:14px 16px;transition:transform .06s ease-in,filter .15s}.add-to-do button:hover{filter:brightness(1.05)}.add-to-do button:active{transform:translateY(1px)}.add-btn:disabled{cursor:not-allowed;opacity:.6}.empty{color:#7a7a7a;color:var(--muted);font-style:italic;padding:26px 0;text-align:center}.note-board{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.note{grid-gap:12px;align-items:center;border:1px solid #0000000f;border-radius:10px;box-shadow:0 8px 16px #0000000f,0 2px 6px #0000000a;display:grid;gap:12px;grid-template-columns:26px 1fr auto;padding:14px 16px;position:relative;transition:transform .15s ease,box-shadow .15s ease,filter .2s ease}.note:hover{box-shadow:0 12px 22px #00000014,0 6px 10px #0000000d;transform:translateY(-2px)}.note:before{background-image:url(/static/media/pushpin.f3c5524deffc7fb14b7c.png);background-repeat:no-repeat;background-size:cover;content:"";height:20px;left:10px;position:absolute;top:-10px;width:20px}.note input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#fffef6;border:2px solid #00000040;border-radius:50%;display:grid;height:22px;place-items:center;transition:all .12s ease;width:22px}.note input[type=checkbox]:after{background:#1f7a8c;background:var(--accent);border-radius:50%;content:"";height:10px;transform:scale(0);transition:transform .12s ease;width:10px}.note input[type=checkbox]:checked{background:#ecfbff;border-color:#1f7a8c;border-color:var(--accent);box-shadow:0 0 0 3px #1f7a8c26}.note input[type=checkbox]:checked:after{transform:scale(1)}.text{font-size:15px;line-height:1.35;word-break:break-word}.note.completed{filter:saturate(.75) brightness(.96)}.note.completed .text{color:#6b654f;text-decoration:line-through}.task-buttons{align-items:center;display:flex;flex-direction:column;gap:6px;justify-self:end}.icon-btn{background:#0000;border:none;border-radius:8px;cursor:pointer;font-weight:700;padding:1px;transition:background .15s ease,transform .06s ease-in}.icon-btn:hover{background:#0000000f}.icon-btn:active{transform:translateY(1px)}.edit-icon{height:20px;object-fit:contain;width:20px}.del{color:#9f1d24}.footer{color:#2b2b2b;color:var(--ink);font-size:14px;font-weight:500;margin-top:14px;text-align:center}.footer strong{font-weight:800}.footer-bubble{-webkit-appearance:none;appearance:none;background:#fffef6;border:2px solid #00000040;border-radius:50%;display:inline-grid;height:22px;margin:0 4px;place-items:center;transition:all .12s ease;vertical-align:middle;width:22px}.footer-bubble:after{background:#1f7a8c;background:var(--accent);border-radius:50%;content:"";height:10px;transform:scale(0);transition:transform .12s ease;width:10px}.footer-x{padding:2px 4px;vertical-align:middle}.error{color:#9f1d24;font-weight:600;margin-top:8px}.grid-two{grid-gap:16px;display:grid;gap:16px}@media (min-width:900px){.grid-two{grid-template-columns:360px 1fr}}.panel{background:#fffef9;border:1px solid #e6dfcf;border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 24px #0000000f}.panel__body{padding:16px}.panel__header{color:#7a7a7a;color:var(--muted);font-size:16px;font-weight:800;letter-spacing:.2px;padding:12px 16px 0}.panel--input .add-to-do{margin:12px 0 8px}.panel--board .note-board{padding:8px 12px 16px}.panel--input .error{margin:8px 0 0}.progress{margin:10px 0 18px}.progress__top{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:6px}.progress__text{color:#7a7a7a;color:var(--muted);font-size:14px}.progress__text strong{color:#2b2b2b;color:var(--ink);font-weight:700}.progress__percent{color:#7a7a7a;color:var(--muted);font-size:13px}.progress__bar{background:#0000000f;border-radius:999px;height:10px;overflow:hidden;position:relative}.progress__fill{background:linear-gradient(90deg,#4caf50,#81c784);border-radius:999px;height:100%;transition:width .25s ease;width:0}.edit__textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;color:#2b2b2b;color:var(--ink);font-family:ui-rounded,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:15px;line-height:1.35;min-height:60px;outline:none;padding:10px 12px;resize:vertical;width:100%}.alert{align-items:center;border:1px solid #00000014;border-radius:10px;box-shadow:0 6px 14px #0000000f;display:flex;gap:12px;justify-content:space-between;margin:0 0 12px;padding:10px 12px}.alert--error{background:#fff5f5;color:#9f1d24}.alert__text{font-size:14px;font-weight:700}.alert__close{background:#0000;border:none;border-radius:6px;color:inherit;cursor:pointer;font-size:18px;line-height:1;padding:2px 6px}.alert__close:hover{background:#0000000f}
/*# sourceMappingURL=main.45594460.css.map*/