*{margin:0;padding:0}html,body,#root{height:100%}body{color:#4b3b44;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Nunito,ui-rounded,Segoe UI,system-ui,-apple-system,sans-serif}button{font-family:inherit}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{--bg-1:#fdeef1;--bg-2:#fbf6f3;--surface:#fff;--card:#fdf6f4;--card-border:#f3e7e7;--ink:#4b3b44;--ink-soft:#6f5d66;--muted:#a2909a;--rose:#e7568a;--rose-2:#f36f9d;--rose-ink:#c23a72;--rose-soft:#fad3df;--rose-tint:#fce9ef;--field:#fbf3f1;--field-border:#efdfe0;--shadow:0 24px 60px -22px #b45a7866;--radius:20px}:root[data-theme=dark]{--bg-1:#241826;--bg-2:#191019;--surface:#2a2030;--card:#332538;--card-border:#43324c;--ink:#f6eef3;--ink-soft:#d9c8d5;--muted:#b09eb2;--rose:#ef6497;--rose-2:#f57ba8;--rose-ink:#ff9bc0;--rose-soft:#5a2f45;--rose-tint:#3d2739;--field:#3a2b41;--field-border:#4b3954;--shadow:0 24px 60px -20px #0009}*{box-sizing:border-box}.page{background:radial-gradient(120% 80% at 50% 0%, var(--bg-1), var(--bg-2));justify-content:center;align-items:flex-start;min-height:100dvh;padding:clamp(16px,4vw,48px) 16px;transition:background .3s;display:flex}.app{background:var(--surface);width:100%;max-width:440px;box-shadow:var(--shadow);border-radius:28px;flex-direction:column;gap:16px;padding:clamp(18px,4vw,26px);transition:background .3s;display:flex}.app-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand h1{color:var(--rose);letter-spacing:.2px;margin:0;font-family:Fraunces,Georgia,serif;font-size:1.7rem;font-weight:600;line-height:1}.brand p{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:4px 0 0;font-size:.72rem;font-weight:700}.icon-btn{background:var(--rose-tint);width:40px;height:40px;color:var(--rose);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .12s,background .2s,opacity .2s;display:inline-flex}.icon-btn:hover{background:var(--rose-soft);transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}.icon-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.icon-btn.soft{width:42px;height:42px}.project-bar{align-items:center;gap:8px;display:flex}.project-select{background:var(--card);border:1.5px solid var(--card-border);border-radius:16px;flex:1;align-items:center;gap:8px;min-width:0;padding:0 12px;display:flex}.project-select .basket{color:var(--rose);flex-shrink:0}.project-select select{min-width:0;font:inherit;color:var(--ink);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;flex:1;padding:13px 4px;font-weight:700}.card{background:var(--card);border:1.5px solid var(--card-border);border-radius:var(--radius);padding:18px}.card-title{color:var(--ink);align-items:center;gap:8px;margin-bottom:14px;font-weight:800;display:flex}.card-title.spread{justify-content:space-between}.card-title .title-left{align-items:center;gap:8px;display:flex}.card-title .accent{color:var(--rose)}.counter-card{text-align:center}.counter-display{align-items:center;gap:12px;display:flex}.row-number,.row-edit{background:var(--field);border:2px solid var(--rose-soft);color:var(--ink);font-variant-numeric:tabular-nums;border-radius:16px;flex:1;min-width:0;padding:18px 12px;font-size:3.4rem;font-weight:800;line-height:1}.row-edit{text-align:center;appearance:textfield;outline:none;width:100%}.row-edit::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.row-edit::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-row{background:var(--field);border:1.5px solid var(--field-border);color:var(--ink-soft);flex-shrink:0}.edit-row:hover{background:var(--rose-tint);color:var(--rose)}.counter-buttons{grid-template-columns:1fr 1.4fr;gap:12px;margin-top:14px;display:grid}.count-btn{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;padding:18px;transition:transform .1s,filter .2s;display:flex}.count-btn svg{width:26px;height:26px}.count-btn:active{transform:scale(.97)}.count-btn.minus{background:var(--rose-soft);color:var(--rose-ink)}.count-btn.plus{background:linear-gradient(135deg, var(--rose), var(--rose-2));color:#fff;box-shadow:0 10px 22px -10px var(--rose)}.count-btn.plus:hover{filter:brightness(1.05)}.hint{color:var(--muted);margin:14px 0 0;font-size:.85rem}kbd{border:1.5px solid var(--field-border);background:var(--field);min-width:22px;color:var(--ink-soft);border-bottom-width:3px;border-radius:6px;padding:2px 6px;font-family:inherit;font-size:.8rem;display:inline-block}.field{background:var(--field);border:1.5px solid var(--field-border);width:100%;font:inherit;color:var(--ink);border-radius:14px;outline:none;padding:14px 16px;font-weight:700;transition:border-color .2s,box-shadow .2s}.field:focus{border-color:var(--rose);box-shadow:0 0 0 3px var(--rose-tint)}.goal-row{align-items:center;gap:12px;display:flex}.goal-input{text-align:center;font-variant-numeric:tabular-nums;flex:1;font-size:1.5rem}.goal-unit{color:var(--muted);flex-shrink:0;font-weight:700}.notes{resize:vertical;min-height:96px;font-weight:500;line-height:1.5}.pct{color:var(--rose);font-size:1.1rem}.progress-track{background:var(--rose-soft);border-radius:999px;height:12px;overflow:hidden}.progress-fill{background-image:linear-gradient(90deg, var(--rose), var(--rose-2)), repeating-linear-gradient(45deg, #ffffff2e 0 6px, transparent 6px 12px);border-radius:999px;height:100%;transition:width .35s cubic-bezier(.22,1,.36,1)}.progress-label{color:var(--muted);margin:10px 0 0;font-size:.85rem;font-weight:700}.app-foot{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.reset-btn{border:1.5px solid var(--card-border);color:var(--rose);font:inherit;cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-weight:800;transition:background .2s;display:inline-flex}.reset-btn:hover{background:var(--rose-tint)}.reset-btn svg{width:16px;height:16px}.made-by{color:var(--muted);font-size:.78rem;font-weight:600}