:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#352f2b;background:#f7f2e9;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #fffdf9;--ink: #352f2b;--muted: #766d66;--line: #e7ddd1;--accent: #ba6557;--accent-dark: #944a40;--accent-soft: #f4ded8;--sage: #8b9b82;--danger: #a23e3e;--shadow: 0 18px 55px rgba(74, 57, 45, .09)}*{box-sizing:border-box}html{min-width:320px;background:#f7f2e9}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% 0%,rgba(229,190,173,.3),transparent 30rem),radial-gradient(circle at 95% 90%,rgba(167,183,154,.2),transparent 30rem),#f7f2e9}button,input{font:inherit}button,a,input[type=checkbox]{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(186,101,87,.35);outline-offset:2px}button:disabled,input:disabled{cursor:not-allowed;opacity:.58}h1,h2,p{margin-top:0}h1,h2{font-family:Iowan Old Style,Baskerville,Georgia,serif;color:var(--ink);letter-spacing:-.025em}h1{margin-bottom:.75rem;font-size:clamp(2rem,8vw,3.4rem);line-height:1.04}h2{margin-bottom:0;font-size:clamp(1.55rem,5vw,2rem)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{margin-bottom:.55rem;color:var(--accent-dark);font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.supporting-text{color:var(--muted);line-height:1.65}.centered-page,.login-page{min-height:100vh;display:grid;place-items:center;padding:1.25rem;text-align:center}.centered-page{align-content:center}.centered-page h1{max-width:15ch}.loading-mark,.brand-mark{display:grid;place-items:center;margin:0 auto 1rem;width:3rem;height:3rem;border-radius:50%;background:var(--accent-soft);color:var(--accent-dark);font-size:1.45rem}.loading-mark{animation:breathe 1.8s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.08)}}.login-card{width:min(100%,29rem);padding:2.25rem 1.35rem;border:1px solid rgba(231,221,209,.85);border-radius:1.5rem;background:#fffdf9eb;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-card .supporting-text{margin:0 auto 1.75rem;max-width:25rem}.login-form{display:grid;gap:.65rem;text-align:left}.login-form label{margin-top:.45rem;font-size:.88rem;font-weight:700}input:not([type=checkbox]){width:100%;min-height:3rem;padding:.72rem .9rem;border:1px solid var(--line);border-radius:.75rem;color:var(--ink);background:#fff;transition:border-color .15s ease,box-shadow .15s ease}input:not([type=checkbox]):focus{border-color:var(--accent);box-shadow:0 0 0 4px #ba655717}.primary-button{min-height:3rem;padding:.75rem 1.1rem;border:0;border-radius:.78rem;color:#fff;background:var(--accent);font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease}.primary-button:not(:disabled):hover{background:var(--accent-dark);transform:translateY(-1px)}.login-form .primary-button{margin-top:1rem}.compact-button{width:auto}.form-error,.inline-error{margin:.4rem 0 0;color:var(--danger);font-size:.88rem;line-height:1.4}.app-page{min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;width:min(100% - 2rem,66rem);margin:0 auto;padding:1.2rem 0}.wordmark{color:var(--ink);font-family:Iowan Old Style,Baskerville,Georgia,serif;font-size:1.08rem;font-weight:600;text-decoration:none}.wordmark span{color:var(--accent)}.text-button{min-height:2.5rem;padding:.45rem .35rem;border:0;color:var(--muted);background:transparent;font-size:.85rem;font-weight:700;cursor:pointer}.text-button:not(:disabled):hover{color:var(--ink)}.accent-text{color:var(--accent-dark)}.danger-text{color:var(--danger)}.logout-button{padding-inline:.65rem}.planner-shell{width:min(100% - 2rem,46rem);margin:0 auto;padding:2.2rem 0 4rem}.planner-intro{margin-bottom:1.75rem}.date-navigator{width:100%}.date-stepper{display:grid;grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:center;gap:.45rem}.selected-date{min-width:0;text-align:center}.selected-date h1{margin-bottom:0;font-size:clamp(1.65rem,7vw,2.8rem)}.date-arrow{display:grid;place-items:center;width:3rem;height:3rem;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:#fffdf9cc;font-size:1.8rem;line-height:1;cursor:pointer}.date-arrow:hover{border-color:var(--accent);color:var(--accent-dark)}.date-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;width:min(100%,21rem);margin:1rem auto 0}.date-tools label{grid-column:1 / -1;color:var(--muted);font-size:.78rem;font-weight:700;text-align:left}.date-tools input{min-width:0}.today-button{min-width:4.5rem;padding-inline:.65rem}.greeting{margin:1.2rem 0 0;color:var(--muted);text-align:center}.greeting strong{color:var(--ink)}.planner-card{padding:1.25rem;border:1px solid rgba(231,221,209,.9);border-radius:1.35rem;background:#fffdf9f2;box-shadow:var(--shadow)}.view-switcher{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin:0 auto .8rem;padding:.3rem;border:1px solid var(--line);border-radius:.95rem;background:#f1ebe3bf}.view-switcher button{min-height:2.8rem;padding:.55rem .7rem;border:0;border-radius:.7rem;color:var(--muted);background:transparent;font-weight:700;cursor:pointer}.view-switcher button[aria-pressed=true]{color:var(--accent-dark);background:var(--paper);box-shadow:0 2px 10px #4a392d14}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.task-count{flex:none;padding:.35rem .65rem;border-radius:999px;color:var(--muted);background:#f1ebe3;font-size:.78rem;font-weight:700}.create-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;margin-bottom:1rem}.add-button{min-width:4.5rem}.planner-error{margin:0 0 1rem;padding:.7rem .85rem;border-radius:.65rem;background:#fff0ed}.read-only-note{margin:-.15rem 0 1rem;padding:.75rem .9rem;border-radius:.7rem;color:var(--muted);background:#f5efe8;font-size:.88rem}.read-only-note span{margin-right:.35rem;color:var(--accent)}.planner-state{display:grid;place-items:center;min-height:13rem;padding:2rem 1rem;color:var(--muted);text-align:center}.planner-state p{margin-bottom:.3rem}.empty-state span{margin-bottom:.65rem;color:#d49c50;font-size:2rem}.empty-state small{color:#9a9189}.error-state{align-content:center}.task-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.task-item{padding:.9rem 0;border-top:1px solid var(--line)}.task-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.8rem}.task-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;place-content:center;width:1.35rem;height:1.35rem;margin:.15rem 0 0;border:2px solid #b9ada3;border-radius:50%;background:#fff;cursor:pointer}.task-checkbox:before{content:"";width:.62rem;height:.62rem;border-radius:50%;background:var(--sage);transform:scale(0);transition:transform .12s ease}.task-checkbox:checked{border-color:var(--sage)}.task-checkbox:checked:before{transform:scale(1)}.completion-indicator{display:grid;place-items:center;width:1.35rem;height:1.35rem;margin-top:.15rem;color:#948a82;font-size:1.25rem;font-weight:700;line-height:1}.completion-indicator.is-complete{border-radius:50%;color:#fff;background:var(--sage);font-size:.85rem}.task-copy>span{display:block;padding-top:.03rem;overflow-wrap:anywhere;line-height:1.5}.task-complete .task-copy>span{color:#8d857e;text-decoration:line-through;text-decoration-color:#aaa29b}.task-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.25rem}.task-actions .text-button{min-height:2rem;padding:.25rem 0;font-size:.78rem}.edit-form{min-width:0}.edit-form input{min-height:2.65rem}@media(min-width:700px){.login-card{padding:3rem}.planner-shell{padding-top:4rem}.date-stepper{grid-template-columns:3.2rem minmax(0,1fr) 3.2rem;gap:1rem}.greeting{margin-top:1.4rem}.planner-card{padding:2rem}.task-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem}.task-actions{justify-content:end;margin-top:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
