*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body,html{margin:0;max-width:100%;overflow-x:hidden;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(1200px 600px at 110% -10%,#a78bfa2e,#0000 60%),radial-gradient(900px 500px at -20% 20%,#7dd3fc29,#0000 55%),radial-gradient(700px 500px at 60% 110%,#fbbf241f,#0000 55%),linear-gradient(165deg,#eef1fb,#f7f3ff 45%,#fff7ec);background-attachment:fixed;color:#2b2733;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh}button,input,textarea{font-family:inherit}button{cursor:pointer;touch-action:manipulation}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.app{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1 1;margin:0 auto;max-width:720px;padding:20px 16px calc(40px + env(safe-area-inset-bottom));width:100%}.app-header{-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);background:#ffffff9e;border-bottom:1px solid #1e193c12;padding-top:env(safe-area-inset-top);position:-webkit-sticky;position:sticky;top:0;z-index:20}.app-header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:720px;padding:14px 16px 10px}.app-kicker{color:#7c6fdb;display:block;font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:2px;text-transform:uppercase}.app-title{color:#232030;font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0}.btn-add{animation:add-pulse 2.8s ease-in-out infinite;background:linear-gradient(135deg,#8b7cf0,#6c5ce7);border:none;border-radius:50%;box-shadow:0 6px 18px #6c5ce766;color:#fff;display:grid;height:44px;place-items:center;transition:transform .15s ease;width:44px}.btn-add:active{transform:scale(.9)}@keyframes add-pulse{0%,to{box-shadow:0 6px 18px #6c5ce766}50%{box-shadow:0 6px 26px #6c5ce799}}.app-progress{margin:0 auto;max-width:720px;padding:0 16px}.app-progress-track{background:#1e193c14;border-radius:999px;height:6px;overflow:hidden}.app-progress-fill{background:linear-gradient(90deg,#6ee7a7,#34d399);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.app-progress-label{color:#2320308c;font-size:12px;margin:6px auto 0;max-width:720px;padding:0 16px 10px;text-align:right}.checklist-wrap{width:100%}.checklist{grid-gap:14px;align-items:stretch;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.sortable{min-width:0;will-change:transform}.sortable--dragging{z-index:10}.sortable--dragging .note{box-shadow:0 4px 8px #281e3c1f,0 24px 48px -12px #281e3c73;transform:rotate(var(--rot)) scale(1.05)}.sortable--dragging .note-desc,.sortable--dragging .note-tape{opacity:.4}.note{animation:note-in .5s cubic-bezier(.21,1.02,.73,1) backwards;animation-delay:calc(var(--i)*45ms);background:var(--bg);border:1px solid var(--edge);border-radius:14px;box-shadow:0 1px 2px #281e3c0f,0 8px 20px -8px #281e3c38;cursor:pointer;display:flex;flex-direction:column;min-height:118px;outline:none;padding:16px 14px 13px;position:relative;transform:rotate(var(--rot));transition:transform .18s ease,box-shadow .25s ease,filter .4s ease}@media (hover:hover){.note:hover{box-shadow:0 2px 4px #281e3c14,0 14px 28px -10px #281e3c4d;transform:rotate(var(--rot)) translateY(-2px)}.note--done:hover{transform:rotate(var(--rot)) translateY(-2px) scale(.99)}}.note:active{transform:rotate(var(--rot)) scale(.97)}.note:focus-visible{box-shadow:0 0 0 3px #6c5ce773,0 14px 28px -10px #281e3c4d}@keyframes note-in{0%{opacity:0;transform:rotate(calc(var(--rot) + 7deg)) scale(.6) translateY(14px)}to{opacity:1;transform:rotate(var(--rot)) scale(1) translateY(0)}}.note-tape{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff8c;border-radius:3px;box-shadow:0 1px 3px #00000014;height:16px;left:50%;pointer-events:none;position:absolute;top:-8px;transform:translateX(-50%) rotate(-2deg);width:58px}.note--done{filter:saturate(.55) brightness(1.05)}.note--done .note-title{text-decoration:line-through;-webkit-text-decoration-color:#00000040;text-decoration-color:#00000040;text-decoration-thickness:2px}.tick{background:#ffffffb3;border:2px solid #0000002e;border-radius:50%;color:#0000;display:grid;height:28px;left:10px;place-items:center;position:absolute;top:10px;transition:all .25s ease;width:28px;z-index:2}.tick:active{transform:scale(.85)}.tick--on{background:linear-gradient(135deg,#34d399,#10b981);border-color:#0000;box-shadow:0 3px 10px #10b98173;color:#fff}.tick-path{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .35s ease .05s}.tick--on .tick-path{stroke-dashoffset:0}.note-body{display:flex;flex:1 1;flex-direction:column;padding-left:34px}.note-title{font-size:15px;letter-spacing:-.01em;line-height:1.25;margin:0;overflow-wrap:anywhere}.note-date,.note-title{color:var(--ink);font-weight:800}.note-date{align-items:center;align-self:flex-start;background:#fff9;border:1px solid var(--edge);border-radius:999px;display:inline-flex;font-size:11px;gap:5px;letter-spacing:.02em;margin-bottom:6px;margin-top:4px;padding:3px 9px}.note-date--overdue{background:#ffe3e0;border-color:#f3a9a1;color:#a3332a;font-weight:800}.note-date--paid{background:#34d3992e;border-color:#10b98180;color:#0f766e}.note--overdue{border-color:#f3a9a1;box-shadow:0 1px 2px #281e3c0f,0 8px 20px -8px #e5484d59}.note--overdue .note-title{color:#a3332a}.note-warn{animation:warn-pulse 1.6s ease-in-out infinite;display:inline-block;margin-right:3px}@keyframes warn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.note-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--ink);display:-webkit-box;font-size:12px;line-height:1.4;margin:0;opacity:.78;overflow:hidden}.note-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:auto;padding-top:10px}.drag-handle,.note-goto{border:none;border-radius:50%;cursor:pointer;display:grid;height:30px;place-items:center;transition:transform .15s ease,background .2s ease,opacity .2s ease;width:30px}.note-goto{background:linear-gradient(135deg,#8b7cf0,#6c5ce7);box-shadow:0 3px 10px #6c5ce759;color:#fff}.note-goto:active{transform:scale(.9)}.drag-handle{background:#fff9;border:1px solid var(--edge);color:var(--ink);opacity:.75;touch-action:none;-webkit-user-select:none;user-select:none}.drag-handle:active{opacity:1;transform:scale(.9)}.empty-state{color:#23203080;font-size:14px;padding:48px 16px;text-align:center}.modal-backdrop{align-items:flex-end;animation:fade-in .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1c173073;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.modal{animation:sheet-up .34s cubic-bezier(.22,1,.36,1);background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -10px 40px #140f2840;max-height:88vh;max-width:min(560px,calc(100vw - 16px));overflow-x:hidden;overflow-y:auto;padding:10px 22px calc(24px + env(safe-area-inset-bottom));width:100%}.modal-grabber{background:#2320302e;border-radius:999px;height:4px;margin:4px auto 14px;width:42px}.modal-title{color:#232030;font-size:18px;font-weight:800;margin:0 0 18px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{opacity:.6;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.field{display:block;margin-bottom:14px}.field-label{color:#23203099;display:block;font-size:12px;font-weight:700;margin-bottom:6px}.field input,.field textarea{background:#faf9fd;border:1.5px solid #e4e0ee;border-radius:12px;color:#232030;font-size:16px;max-width:100%;min-width:0;outline:none;padding:12px 14px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.field input::placeholder,.field textarea::placeholder{color:#23203059}.field input:focus,.field textarea:focus{border-color:#7c6fdb;box-shadow:0 0 0 3px #6c5ce72e}.modal-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.modal-actions-spacer{flex:1 1}.btn{border:none;border-radius:12px;flex-shrink:0;font-size:15px;font-weight:700;padding:12px 18px;transition:transform .12s ease,opacity .2s ease,box-shadow .2s ease}.btn:active{transform:scale(.95)}.btn--primary{background:linear-gradient(135deg,#8b7cf0,#6c5ce7);box-shadow:0 4px 14px #6c5ce759;color:#fff}.btn--ghost{background:#f1eefb;color:#4a4386}.btn--danger{background:#fdeceb;color:#c0392b}@media (min-width:640px){.modal-backdrop{align-items:center;padding:20px}.modal{animation:modal-pop .28s cubic-bezier(.22,1,.36,1);border-radius:22px}.modal-grabber{display:none}}@keyframes modal-pop{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.app-version{color:#23203059;font-weight:400}.color-row{display:flex;flex-wrap:wrap;gap:10px}.color-swatch{border:2px solid #0000;border-radius:50%;cursor:pointer;height:34px;padding:0;transition:transform .15s ease,box-shadow .15s ease;width:34px}.color-swatch:active{transform:scale(.9)}.color-swatch--active{box-shadow:0 0 0 3px #6c5ce759;transform:scale(1.1)}.color-swatch--auto{background:conic-gradient(#fff3c2,#ffdfea,#d8f5e2,#e3e0ff,#d9efff,#ffe6d3,#fff3c2);border-color:#e4e0ee;display:grid;place-items:center}.color-auto-icon{background:#fff;border-radius:50%;color:#6c5ce7;display:grid;font-size:11px;height:18px;place-items:center;width:18px}
/*# sourceMappingURL=main.aa1d3823.css.map*/