:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1ea;--surface:#fffcf7;--ink:#1c1917;--muted:#78716c;--line:#e7e0d5;--accent:#0d9488;--accent-soft:#ccfbf1;--warn:#f59e0b;--danger:#e11d48;--today:#fef3c7;--shadow:0 10px 30px #1c19170f;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}button,input{font:inherit}.app-shell{flex-direction:column;height:100%;min-height:100vh;display:flex}.toolbar{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.25rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:.75rem;place-items:center;width:2.25rem;height:2.25rem;font-weight:700;display:grid}.brand h1{letter-spacing:.02em;margin:0;font-size:1.15rem}.brand-sub{color:var(--muted);margin:.1rem 0 0;font-size:.78rem}.toolbar-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.zoom-group{border:1px solid var(--line);background:#f5f0e8;border-radius:999px;padding:.2rem;display:inline-flex}.zoom-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.35rem .75rem}.zoom-btn.active{color:var(--ink);background:#fff;font-weight:600;box-shadow:0 1px 4px #00000014}.btn{cursor:pointer;border:1px solid #0000;border-radius:.7rem;padding:.45rem .9rem}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{border-color:var(--line);color:var(--ink);background:0 0}.app-main{flex:1;min-height:0;padding:1rem 1.25rem 1.5rem}.board{background:var(--surface);border:1px solid var(--line);height:100%;min-height:420px;box-shadow:var(--shadow);border-radius:1rem;grid-template-columns:220px 1fr;display:grid;overflow:hidden}.board-labels{border-right:1px solid var(--line);z-index:2;background:#faf7f2}.corner-cell,.habit-label,.empty-hint{border-bottom:1px solid var(--line);align-items:center;height:52px;padding:0 .75rem;display:flex}.corner-cell{color:var(--muted);background:#f3eee6;font-size:.8rem;font-weight:600}.habit-label{-webkit-user-select:none;user-select:none;gap:.45rem}.drag-handle{color:#a8a29e;cursor:grab;letter-spacing:-.15em;background:0 0;border:0;padding:.2rem}.habit-emoji{font-size:1.15rem}.habit-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:560;overflow:hidden}.habit-delete{color:#d6d3d1;cursor:pointer;background:0 0;border:0;font-size:1.1rem;line-height:1}.habit-delete:hover{color:var(--danger)}.empty-hint{color:var(--muted);font-size:.85rem}.board-scroll{position:relative;overflow:auto}.board-grid{min-height:100%}.day-header-row,.habit-cells{display:flex}.day-header{border-bottom:1px solid var(--line);height:52px;color:var(--muted);z-index:1;background:#faf7f2;border-right:1px solid #f0ebe3;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;font-size:.7rem;display:flex;position:sticky;top:0}.day-header.today{background:var(--today);color:#92400e;font-weight:700}.day-weekday{text-transform:uppercase}.day-date{font-size:.78rem}.day-cell{border:0;border-bottom:1px solid var(--line);cursor:pointer;background:#fff;border-right:1px solid #f0ebe3;place-items:center;height:52px;padding:0;display:grid}.day-cell.inactive{cursor:default;background:#f8f5f0}.day-cell.has-task{background:#ecfdf5}.day-cell.has-task:hover{background:#d1fae5}.day-cell.highlight{background:#fef3c7;box-shadow:inset 0 0 0 2px #f59e0b}.day-cell.done{background:var(--accent-soft)}.day-cell.done.highlight{box-shadow:inset 0 0 0 2px var(--accent);background:#a7f3d0}.check{color:var(--accent);font-size:1rem;font-weight:800}.modal-backdrop{z-index:50;background:#1c191759;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:1rem;width:min(480px,100%);padding:1.25rem 1.35rem 1.35rem;box-shadow:0 20px 50px #0000002e}.modal h2{margin:0 0 1rem;font-size:1.15rem}.modal-form{flex-direction:column;gap:.9rem;display:flex}.modal-form label,.modal-form fieldset{color:var(--muted);border:0;flex-direction:column;gap:.35rem;margin:0;padding:0;font-size:.85rem;display:flex}.modal-form legend{margin-bottom:.35rem}.modal-form input[type=text],.modal-form input[type=date],.modal-form input[type=number],.modal-form input:not([type]){border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:.6rem;padding:.55rem .7rem}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.emoji-grid{flex-wrap:wrap;gap:.35rem;display:flex}.emoji-chip,.day-chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:.55rem;width:2.1rem;height:2.1rem}.emoji-chip.active,.day-chip.active{border-color:var(--accent);background:var(--accent-soft)}.emoji-custom{text-align:center;width:4rem}.rec-type{flex-wrap:wrap;gap:.4rem;display:flex}.radio-pill{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;align-items:center;padding:.3rem .7rem;color:var(--ink)!important;flex-direction:row!important;gap:.3rem!important;display:inline-flex!important}.week-days{gap:.35rem;margin-top:.45rem;display:flex}.interval-label{align-items:center;margin-top:.45rem;color:var(--ink)!important;flex-direction:row!important;gap:.45rem!important}.interval-label input{width:4.5rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.35rem;display:flex}@media (width<=720px){.board{grid-template-columns:150px 1fr}.brand-sub{display:none}.form-row{grid-template-columns:1fr}}