*,*:before,*:after{box-sizing:border-box}:root{--color-bg: #f7f5f0;--color-surface: #ffffff;--color-text: #2c2a26;--color-text-muted: #6b6560;--color-accent: #3d4f3a;--color-accent-light: #e8ede6;--color-today: #5c4a32;--color-today-bg: #faf6ef;--color-today-border: #c9b896;--color-done: #4a6b47;--color-border: #e2ddd4;--color-progress: #4a6b47;--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius: 8px;--shadow: 0 1px 3px rgba(44, 42, 38, .08)}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100dvh}#app{max-width:640px;margin:0 auto;padding:1.25rem 1rem 2.5rem}.header{text-align:center;margin-bottom:1.5rem}.title{font-family:var(--font-serif);font-size:1.75rem;font-weight:600;color:var(--color-accent);margin:0 0 .25rem;letter-spacing:-.01em}.storage-notice{margin:0 0 1rem;padding:.625rem .875rem;font-size:.85rem;color:#5c4a32;background:#faf0e0;border:1px solid #e0c9a0;border-radius:var(--radius)}.subtitle{margin:0;font-size:.9rem;color:var(--color-text-muted)}.progress-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1.75rem;box-shadow:var(--shadow)}.progress-stats{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.625rem}.progress-count{font-size:.95rem;font-weight:500}.progress-percent{font-size:.85rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.progress-bar{height:8px;background:var(--color-accent-light);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--color-progress);border-radius:4px;transition:width .3s ease}.month-group{margin-bottom:1.75rem}.month-heading{font-family:var(--font-serif);font-size:1.15rem;font-weight:600;color:var(--color-accent);margin:0 0 .75rem;padding-bottom:.375rem;border-bottom:1px solid var(--color-border)}.day-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.day-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color .15s ease,box-shadow .15s ease}.day-item--today{background:var(--color-today-bg);border-color:var(--color-today-border);box-shadow:0 0 0 1px var(--color-today-border)}.day-item--done{border-color:var(--color-accent-light)}.day-item--done .day-reading{color:var(--color-text-muted)}.day-label{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.day-checkbox{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem;accent-color:var(--color-accent);cursor:pointer}.day-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.day-date{font-size:.85rem;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.day-item--today .day-date{color:var(--color-today)}.today-badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--color-today-border);color:var(--color-today);padding:.125rem .4rem;border-radius:3px}.day-reading{font-family:var(--font-serif);font-size:.95rem;line-height:1.45;color:var(--color-text)}.day-item--done .day-date{text-decoration:line-through;text-decoration-color:var(--color-text-muted)}.footer{text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--color-border)}.reset-btn{font-family:var(--font-sans);font-size:.85rem;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);padding:.5rem 1rem;cursor:pointer;transition:color .15s ease,border-color .15s ease}.reset-btn:hover{color:#a04040;border-color:#d4a0a0}.reset-btn:active{transform:scale(.98)}@media(min-width:480px){#app{padding:2rem 1.5rem 3rem}.title{font-size:2rem}}