:root{--paper:#f7f4ee;--paper-warm:#f2ede4;--hairline:#e5ded1;--ink:#221f1a;--gray:#8d857a;--terra:#a9552f;--terra-soft:#f3e9dd;--block:#e9dfcf;--serif:Georgia, "Noto Serif SC", "Songti SC", SimSun, serif;--sans:-apple-system, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;--pad:20px}@media (prefers-color-scheme:dark){:root{--paper:#1e1c18;--paper-warm:#24211c;--hairline:#3b362d;--ink:#e9e4d8;--gray:#a39a8c;--terra:#c4764f;--terra-soft:#33281e;--block:#2c2822}}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100%;font-size:16px;line-height:1.6}#root{max-width:560px;padding:0 var(--pad) 60px;margin:0 auto}h1,h2,h3{font-family:var(--serif);letter-spacing:.01em;font-weight:600}h1{margin:26px 0 4px;font-size:26px}h2{margin:20px 0 6px;font-size:20px}.kicker{letter-spacing:.28em;text-transform:uppercase;color:var(--gray);font-size:11px}.quiet{color:var(--gray)}.hairline{border:none;border-top:1px solid var(--hairline);margin:16px 0}button{font-family:var(--sans);border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;padding:10px 22px;font-size:15px;transition:background .15s,color .15s}button:hover{background:var(--terra);border-color:var(--terra)}button.ghost{color:var(--ink);background:0 0}button.ghost:hover{background:var(--terra-soft);border-color:var(--terra);color:var(--terra)}button:disabled{opacity:.45;cursor:default}button:disabled:hover{background:var(--ink);border-color:var(--ink)}input,textarea,select{font-family:var(--sans);color:var(--ink);background:var(--paper-warm);border:1px solid var(--hairline);border-radius:0;outline:none;width:100%;padding:10px 12px;font-size:15px}input:focus,textarea:focus,select:focus{border-color:var(--terra)}label.field{margin-bottom:14px;display:block}label.field .label-text{letter-spacing:.2em;text-transform:uppercase;color:var(--gray);margin-bottom:6px;font-size:11px;display:block}.task-card{border-top:1px solid var(--hairline);cursor:pointer;color:inherit;text-align:left;background:0 0;width:100%;padding:14px 0;text-decoration:none;display:block}.task-card:last-of-type{border-bottom:1px solid var(--hairline)}.task-card .task-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.task-card .task-title{font-family:var(--serif);font-size:17px;font-weight:600}.task-card .task-meta{letter-spacing:.12em;text-transform:uppercase;color:var(--gray);white-space:nowrap;font-size:11px}.task-card .task-progress{color:var(--gray);margin-top:3px;font-size:12px}.task-card.is-done .task-title{text-decoration:line-through;-webkit-text-decoration-color:var(--terra);text-decoration-color:var(--terra);color:var(--gray)}.task-card.is-missed{opacity:.5}.check-btn{border:1px solid var(--gray);color:#0000;background:0 0;border-radius:0;justify-content:center;align-items:center;width:26px;min-width:26px;height:26px;padding:0;font-size:14px;display:flex}.check-btn:hover{border-color:var(--terra);background:0 0}.check-btn.checked{background:var(--terra);border-color:var(--terra);color:var(--paper)}.check-btn.checked:hover{background:var(--terra)}.step-row{border-bottom:1px solid var(--hairline);cursor:pointer;align-items:flex-start;gap:10px;padding:10px 0;display:flex}.step-row:last-child{border-bottom:none}.step-row .step-num{font-family:var(--serif);color:var(--gray);min-width:20px;padding-top:1px;font-size:13px}.step-row .step-text{font-size:15px}.step-row.is-done .step-text{color:var(--gray);text-decoration:line-through}blockquote{border-left:2px solid var(--terra);background:var(--terra-soft);color:var(--ink);margin:10px 0;padding:10px 14px;font-size:14px}.alert{border:1px solid var(--hairline);border-left:2px solid var(--terra);background:var(--terra-soft);margin:10px 0;padding:10px 14px;font-size:14px}.alert .kicker{margin-bottom:2px}.heatmap{grid-template-columns:repeat(auto-fill,minmax(10px,1fr));gap:3px;margin:10px 0;display:grid}.heatmap .cell{aspect-ratio:1;background:var(--hairline)}.heatmap .cell.l1{background:#dcc9ae}.heatmap .cell.l2{background:#c9a67f}.heatmap .cell.l3{background:var(--terra)}@media (prefers-color-scheme:dark){.heatmap .cell.l1{background:#574633}.heatmap .cell.l2{background:#8a6746}.heatmap .cell.l3{background:var(--terra)}}.topbar{justify-content:space-between;align-items:center;padding:18px 0 0;display:flex}.topbar .app-name{font-family:var(--serif);letter-spacing:.2em;color:var(--ink);font-size:15px}.topbar nav{gap:16px;display:flex}.topbar nav a{letter-spacing:.2em;text-transform:uppercase;color:var(--gray);font-size:11px;text-decoration:none}.topbar nav a.active{color:var(--terra)}.date-head{margin:26px 0 10px}.date-head .kicker{margin-bottom:2px}.date-head h1{margin:0;font-size:28px}.section-label{letter-spacing:.28em;text-transform:uppercase;color:var(--gray);margin:22px 0 6px;font-size:11px}.login-wrap{padding-top:60px}.login-wrap h1{font-size:30px}.login-wrap .sub{color:var(--gray);margin:8px 0 30px;font-size:15px}.auth-actions{gap:10px;margin-top:6px;display:flex}.bottom-nav{background:var(--paper);border-top:1px solid var(--hairline);max-width:560px;padding:8px 0 calc(8px + env(safe-area-inset-bottom));justify-content:space-around;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{letter-spacing:.18em;text-transform:uppercase;color:var(--gray);padding:6px 14px;font-size:11px;text-decoration:none}.bottom-nav a.active{color:var(--terra)}