@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Nunito:wght@400;600;700;800&display=swap";:root{--accent-50:#fff6f8;--accent-100:#ffe9ee;--accent-200:#ffd3dd;--accent-300:#ffb3c6;--accent-400:#f993ae;--accent-500:#ec6f92;--accent-600:#d8567a;--accent-700:#b13f60;--bark-900:#3a2a30;--bark-700:#5f4a52;--bark-500:#8a747c;--cream:#fffaf8;--mist:#fdf1f2;--white:#fff;--border:#f3dde1;--gold:#e3ab5c;--sage:#8fb98a;--sky:#8fb3d9;--shadow-soft:0 8px 24px -12px #b45a7840;--shadow-card:0 2px 10px -4px #b45a782e;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=ocean]{--accent-50:#f2f9ff;--accent-100:#dff0ff;--accent-200:#bfe3ff;--accent-300:#8ecdff;--accent-400:#5cb3f5;--accent-500:#3b93e0;--accent-600:#2b73bd;--accent-700:#1f5690;--cream:#f7fbff;--mist:#eef6fd;--border:#d9ebfa;--shadow-soft:0 8px 24px -12px #3c82be40;--shadow-card:0 2px 10px -4px #3c82be2e}:root[data-theme=forest]{--accent-50:#f3faf3;--accent-100:#e1f3e1;--accent-200:#c3e6c4;--accent-300:#93d194;--accent-400:#65ba69;--accent-500:#469b4b;--accent-600:#357d3a;--accent-700:#285f2c;--cream:#f8fcf6;--mist:#eef7ec;--border:#dcefdc;--shadow-soft:0 8px 24px -12px #3c824140;--shadow-card:0 2px 10px -4px #3c82412e}:root[data-theme=sunflower]{--accent-50:#fffbf0;--accent-100:#fff3d6;--accent-200:#ffe4a3;--accent-300:#ffd066;--accent-400:#f5b93d;--accent-500:#e0a022;--accent-600:#bd8318;--accent-700:#8f6412;--cream:#fffdf5;--mist:#fdf6e3;--border:#f5e6bf;--shadow-soft:0 8px 24px -12px #be962840;--shadow-card:0 2px 10px -4px #be96282e}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:linear-gradient(180deg, var(--cream) 0%, var(--accent-50) 45%, var(--accent-100) 100%);color:var(--bark-900);background-attachment:fixed;min-height:100vh;font-family:Nunito,system-ui,sans-serif;transition:background .2s;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3{margin:0;font-family:Fraunces,Georgia,serif;font-weight:600}button{font-family:inherit}::selection{background:var(--accent-200)}.app-shell{max-width:900px;margin:0 auto;padding:28px 20px 80px;position:relative}.header{margin-bottom:24px;position:relative}.header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding-right:128px;display:flex}.header-actions{flex-wrap:wrap;gap:8px;display:flex}.brand{align-items:baseline;gap:10px;display:flex}.brand-emoji{font-size:28px}.brand h1{color:var(--bark-900);font-size:28px}.brand-sub{color:var(--bark-500);margin:4px 0 18px;font-size:14px}.tabs{background:var(--mist);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;scrollbar-width:auto;gap:6px;width:fit-content;max-width:100%;margin-bottom:4px;padding:5px 5px 10px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{height:8px}.habits-bar::-webkit-scrollbar{height:8px}.tabs::-webkit-scrollbar-track{background:var(--border);border-radius:10px}.habits-bar::-webkit-scrollbar-track{background:var(--border);border-radius:10px}.tabs::-webkit-scrollbar-thumb{background:var(--accent-400);border-radius:10px}.habits-bar::-webkit-scrollbar-thumb{background:var(--accent-400);border-radius:10px}.tabs::-webkit-scrollbar-thumb:hover{background:var(--accent-500)}.habits-bar::-webkit-scrollbar-thumb:hover{background:var(--accent-500)}.tab{color:var(--bark-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:700;transition:background .15s,color .15s;display:flex}.tab:hover{color:var(--bark-900)}.tab.active{background:var(--white);color:var(--accent-700);box-shadow:var(--shadow-card)}.tab-count{background:var(--accent-100);color:var(--accent-700);border-radius:20px;padding:1px 7px;font-size:11px;font-weight:800}.tab.active .tab-count{background:var(--accent-500);color:#fff}.toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;display:flex}.toolbar-row:first-child{margin-top:22px}.create-row{justify-content:flex-start}.category-filters{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--border);background:var(--white);color:var(--bark-700);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.chip:hover{border-color:var(--accent-300)}.chip.active{background:var(--accent-500);border-color:var(--accent-500);color:#fff}.fold-actions{align-items:center;gap:6px;margin-left:4px;display:flex}.fold-actions-sep{color:var(--border)}.link-btn{color:var(--bark-500);cursor:pointer;background:0 0;border:none;padding:4px 2px;font-size:12.5px;font-weight:700}.link-btn:hover{color:var(--accent-600);text-decoration:underline}.sort-toggle{background:var(--mist);border-radius:10px;gap:2px;padding:4px;display:flex}.sort-option{color:var(--bark-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:6px 12px;font-size:12.5px;font-weight:700;transition:background .15s,color .15s}.sort-option:hover{color:var(--bark-900)}.sort-option.active{background:var(--white);color:var(--accent-700);box-shadow:var(--shadow-card)}.chip-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:800;transition:transform .1s,box-shadow .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--accent-500), var(--accent-600));color:#fff;box-shadow:var(--shadow-soft)}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:var(--white);color:var(--accent-700);border:1.5px solid var(--accent-200)}.btn-secondary:hover{background:var(--accent-50)}.btn-ghost{color:var(--bark-500);background:0 0;padding:6px 10px}.btn-ghost:hover{background:var(--mist);color:var(--bark-900)}.btn-danger{color:#c65b5b;background:0 0;padding:6px 10px}.btn-danger:hover{background:#fdeaea}.btn-sm{border-radius:8px;padding:6px 12px;font-size:13px}.icon-btn{cursor:pointer;color:var(--bark-500);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;transition:background .15s,color .15s;display:flex}.icon-btn:hover{background:var(--mist);color:var(--accent-600)}.project-list{flex-direction:column;gap:14px;display:flex}.project-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:box-shadow .15s;overflow:hidden}.project-card.dragging{opacity:.5}.project-card-header{cursor:pointer;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.drag-handle{cursor:grab;color:var(--bark-500);-webkit-user-select:none;user-select:none;touch-action:none;padding-top:2px;font-size:16px}.project-title-group{flex:1;min-width:0}.project-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.category-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.project-title{color:var(--bark-900);font-size:17px;font-weight:600}.status-pill{text-transform:uppercase;letter-spacing:.03em;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:800}.status-pill.active{color:var(--sage);background:#eaf3e8}.status-pill.completed{color:var(--gold);background:#fdf1de}.status-pill.archived{color:#8494a6;background:#eef1f5}.category-label{color:var(--bark-500);font-size:12px;font-weight:700}.next-step-line{color:var(--bark-700);margin-top:6px;font-size:14px}.next-step-line strong{color:var(--bark-900)}.next-step-due{margin-top:2px;font-size:12.5px;font-weight:700}.next-step-due.overdue{color:#c65b5b}.next-step-due.soon{color:var(--gold)}.next-step-due.normal{color:var(--bark-500)}.project-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.chevron{color:var(--bark-500);font-size:13px;transition:transform .2s}.chevron.open{transform:rotate(90deg)}.project-body{border-top:1px dashed var(--border);padding:12px 18px 18px 46px}.project-description{color:var(--bark-500);margin:-4px 0 12px;font-size:13.5px}.step-list{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.step-item{border-radius:10px;align-items:center;gap:10px;padding:8px;transition:background .15s;display:flex}.step-item:hover{background:var(--mist)}.step-item.dragging{opacity:.4}.step-drag-handle{cursor:grab;color:var(--border);touch-action:none;font-size:13px}.step-item:hover .step-drag-handle{color:var(--bark-500)}.step-checkbox{appearance:none;border:2px solid var(--accent-300);cursor:pointer;background:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.step-checkbox:checked{background:var(--accent-500);border-color:var(--accent-500)}.step-checkbox:disabled{cursor:default;opacity:.7}.step-checkbox:checked:after{content:"✓";color:#fff;font-size:13px;font-weight:800}.step-text{color:var(--bark-900);word-break:break-word;flex:1;min-width:0;font-size:14.5px}.step-text.done{color:var(--bark-500);text-decoration:line-through}.step-due{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:3px 9px;font-size:12px;font-weight:700}.step-due.overdue{color:#c65b5b;background:#fdeaea}.step-due.soon{color:var(--gold);background:#fdf1de}.step-due.normal{background:var(--mist);color:var(--bark-500)}.step-due.done{color:var(--bark-500);background:0 0;text-decoration:line-through}.step-actions{flex-shrink:0;gap:2px;display:flex}.add-step-form{align-items:center;gap:8px;margin-top:6px;display:flex}.add-step-input{flex:1}.form-input,.form-textarea,.form-select,input[type=date]{border:1.5px solid var(--border);background:var(--cream);color:var(--bark-900);border-radius:9px;outline:none;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.form-input:focus,.form-textarea:focus,.form-select:focus,input[type=date]:focus{border-color:var(--accent-400)}.date-input-sm{width:145px}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#3a2a3059;justify-content:center;align-items:flex-start;padding:8vh 20px;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:440px;padding:24px;box-shadow:0 20px 60px -20px #3a2a3066}.modal h2{margin-bottom:16px;font-size:20px}.form-row{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.form-label{color:var(--bark-700);text-transform:uppercase;letter-spacing:.02em;font-size:12.5px;font-weight:800}.char-count{color:var(--bark-500);text-transform:none;letter-spacing:normal;float:right;font-weight:700}.form-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.color-swatches{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px}.color-swatch.selected{border-color:var(--bark-900)}.empty-state{text-align:center;color:var(--bark-500);padding:60px 20px}.empty-state-emoji{margin-bottom:10px;font-size:40px}.empty-state h3{color:var(--bark-700);margin-bottom:6px}.badges-intro{color:var(--bark-500);margin-bottom:18px;font-size:14px}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.badge-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;opacity:.45;filter:grayscale(.6);padding:16px;transition:all .2s}.badge-card.earned{opacity:1;filter:none;box-shadow:var(--shadow-card);border-color:var(--accent-200);background:linear-gradient(160deg, var(--white), var(--accent-50))}.badge-icon{margin-bottom:8px;font-size:34px}.badge-title{color:var(--bark-900);margin-bottom:4px;font-size:14px;font-weight:800}.badge-desc{color:var(--bark-500);font-size:12px;line-height:1.4}.badge-count{color:var(--accent-600);margin-top:10px;font-size:13px;font-weight:800}.badge-count-next{color:var(--bark-500);font-weight:600}.badge-count-locked{color:var(--bark-500);font-weight:700}.badge-earned-date{color:var(--bark-500);margin-top:4px;font-size:11px;font-weight:700}.toast-container{z-index:100;flex-direction:column;gap:10px;display:flex;position:fixed;top:22px;right:22px}.toast{background:linear-gradient(135deg, var(--white), var(--accent-50));border:1.5px solid var(--accent-200);border-radius:var(--radius-md);align-items:center;gap:12px;min-width:260px;padding:14px 16px;animation:.3s ease-out toast-in;display:flex;box-shadow:0 12px 30px -10px #b45a7859}@keyframes toast-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.toast-icon{font-size:28px}.toast-title{color:var(--accent-700);text-transform:uppercase;letter-spacing:.02em;font-size:13px;font-weight:800}.toast-badge-name{color:var(--bark-900);font-size:14.5px;font-weight:700}.toast-desc{color:var(--bark-500);font-size:12px}.confirm-text{color:var(--bark-700);margin-bottom:4px;font-size:14px}.section-title{color:var(--bark-500);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:13px;font-weight:800}.hint{color:var(--bark-500);font-size:12.5px}.card-list-secondary .project-card{opacity:.92}.habits-section{margin-bottom:20px}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-header-row .section-title{margin-bottom:0}.habits-empty-hint{margin:0}.habits-bar{scrollbar-width:auto;gap:12px;padding:4px 2px 12px;display:flex;overflow-x:auto}.habit-widget{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);width:112px;box-shadow:var(--shadow-card);flex:none;transition:box-shadow .15s,border-color .15s;position:relative}.habit-widget.done-today{border-color:var(--accent-300);background:linear-gradient(160deg, var(--white), var(--accent-50))}.habit-widget.dragging{opacity:.5}.habit-drag-handle{color:var(--border);cursor:grab;z-index:2;opacity:.6;touch-action:none;font-size:11px;transition:opacity .15s,color .15s;position:absolute;top:4px;left:6px}.habit-widget:hover .habit-drag-handle{opacity:1;color:var(--bark-500)}.habit-delete{background:var(--mist);width:20px;height:20px;color:var(--bark-500);cursor:pointer;z-index:2;opacity:.6;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:11px;transition:opacity .15s,background .15s,color .15s;display:flex;position:absolute;top:4px;right:4px}.habit-widget:hover .habit-delete{opacity:1}.habit-delete:hover{color:#c65b5b;background:#fdeaea}.habit-body{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;width:100%;padding:14px 10px 12px;font-family:inherit;display:flex}.habit-frequency-pill{text-transform:uppercase;letter-spacing:.02em;color:var(--accent-600);background:var(--accent-100);white-space:nowrap;border-radius:20px;margin-bottom:6px;padding:2px 8px;font-size:9px;font-weight:800}.habit-emoji{font-size:30px;line-height:1}.habit-name{color:var(--bark-900);text-align:center;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:12px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.habit-streak{color:var(--accent-600);font-size:11.5px;font-weight:800}.habit-progress-track{background:var(--mist);border-radius:20px;width:100%;height:6px;margin-top:4px;overflow:hidden}.habit-progress-fill{background:linear-gradient(90deg, var(--sage), #6fae68);border-radius:20px;height:100%;transition:width .2s}.habit-progress-label{color:var(--bark-500);font-size:10.5px;font-weight:700}.form-row-inline{gap:12px;display:flex}.form-row-inline>.form-row{min-width:0}.freq-options{flex-wrap:wrap;gap:8px;display:flex}.emoji-input{padding:5px 12px}.emoji-input::placeholder{opacity:.32}.calendar-modal{max-width:340px}.calendar-nav{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.calendar-month-label{color:var(--bark-900);font-size:15px;font-weight:700}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;display:grid}.calendar-weekday{text-align:center;color:var(--bark-500);padding:4px 0;font-size:11px;font-weight:800}.calendar-day{background:var(--mist);color:var(--bark-900);cursor:pointer;border:none;border-radius:8px;padding:8px 0;font-size:13px;font-weight:700;transition:background .15s,color .15s}.calendar-day:hover{background:var(--accent-200)}.calendar-day.is-today{background:var(--accent-500);color:#fff}.day-agenda{border-radius:var(--radius-lg);border:1.5px dashed var(--accent-300);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff8c;margin-bottom:20px;padding:18px 20px}.day-agenda-banner{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.day-agenda-label{text-transform:uppercase;letter-spacing:.04em;color:var(--accent-600);font-size:11px;font-weight:800}.day-agenda-date{color:var(--bark-900);font-family:Fraunces,Georgia,serif;font-size:19px;font-weight:600}.day-agenda-body{flex-direction:column;gap:20px;display:flex}.day-habit-list,.day-step-list{flex-direction:column;gap:6px;display:flex}.day-habit-row,.day-step-row{background:#fff9;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;display:flex}.day-habit-emoji{font-size:16px}.day-habit-name,.day-step-text{color:var(--bark-900);flex:1;font-weight:600}.day-habit-row.completed .day-habit-name,.day-step-row.completed .day-step-text{color:var(--bark-500);text-decoration:line-through}.day-habit-status{color:var(--bark-500);font-size:11.5px;font-weight:700}.day-habit-row.completed .day-habit-status{color:var(--sage)}.day-step-check{color:var(--bark-500);font-weight:700}.day-step-row.completed .day-step-check{color:var(--sage)}.day-step-project{white-space:nowrap;font-size:11.5px;font-weight:800}.auth-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-soft);padding:32px 28px}.auth-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:24px;display:flex}.auth-brand h1{color:var(--bark-900);font-size:24px}.auth-title{text-align:center;margin-bottom:20px;font-size:19px}.auth-submit{justify-content:center;width:100%;margin-top:6px}.auth-links{flex-direction:column;align-items:center;gap:8px;margin-top:18px;display:flex}.auth-error{color:#c65b5b;margin:-6px 0 14px;font-size:13px;font-weight:700}.auth-notice{color:var(--sage);margin:-6px 0 14px;font-size:13px;font-weight:700}.theme-options{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.theme-option{border:1.5px solid var(--border);background:var(--white);border-radius:var(--radius-sm);color:var(--bark-700);cursor:pointer;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.theme-option:hover{border-color:var(--accent-300)}.theme-option.active{background:var(--accent-50);border-color:var(--accent-500);color:var(--accent-700)}.theme-option-emoji{font-size:18px}.account-btn{border:1.5px solid var(--accent-200);background:var(--white);color:var(--accent-700);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:800;transition:background .15s;display:flex}.account-btn:hover{background:var(--accent-50)}.account-btn-corner{z-index:1;position:absolute;top:0;right:0}.account-password-section{border-top:1px dashed var(--border);margin-top:18px;padding-top:14px}