:root{color:#261f1a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f7f1e8;--surface:#fffaf2;--surface-strong:#fff;--ink:#261f1a;--muted:#75685d;--line:#e2d5c1;--gold:#b88a3a;--wine:#6d1230;--wine-soft:#f4e6e9;--focus:#0f6f78;--shadow:0 18px 50px #502d121f;background:#f7f1e8;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif}*{box-sizing:border-box}html{background:var(--bg);min-height:100%;overflow-x:clip}body{min-height:100%;margin:0;overflow-x:clip}button,input,select,textarea{font:inherit;border-radius:8px}button{border:1px solid var(--line);background:var(--surface-strong);min-height:44px;color:var(--ink);cursor:pointer;transition:border-color .14s,background-color .14s,color .14s,transform .12s}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--focus) 75%, white);outline-offset:2px}h1,h2,h3,p{margin-top:0}.app-frame{background:linear-gradient(#fffaf2eb,#f7f1e8fa),radial-gradient(circle at 0 0,#b88a3a2e,#0000 42%);flex-direction:column;width:100%;min-width:0;max-width:560px;min-height:100dvh;margin:0 auto;display:flex}.topbar{z-index:6;border-bottom:1px solid color-mix(in srgb, var(--line) 72%, transparent);background:linear-gradient(#fffaf2fa,#fffaf2e6),radial-gradient(circle at 0 0,#b88a3a24,#0000 38%);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{border:1px solid color-mix(in srgb, var(--gold) 34%, white);border-radius:12px;flex:none;width:42px;height:42px;box-shadow:0 10px 22px #502d1221}.brand-copy{min-width:0}.brand-kicker{color:color-mix(in srgb, var(--wine) 78%, var(--muted));letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin:0 0 2px;font-size:.74rem;font-weight:700;overflow:hidden}.topbar h1{overflow-wrap:anywhere;margin:0;font-size:1.12rem;line-height:1.05}.section-pill{border:1px solid color-mix(in srgb, var(--wine) 22%, var(--line));background:#ffffffad;border-radius:999px;flex:none;max-width:42%;padding:7px 10px}.active-section{color:var(--wine);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.82rem;font-weight:800;overflow:hidden}.feedback-toast{z-index:5;border:1px solid color-mix(in srgb, var(--gold) 55%, var(--line));color:#4b3518;background:#fff7df;border-radius:8px;margin:0 16px 10px;padding:12px 14px;font-weight:700;position:sticky;top:76px;box-shadow:0 10px 24px #502d121f}.loading-screen{text-align:center;place-content:center;gap:14px;display:grid}.loading-mark{width:56px;height:56px;box-shadow:var(--shadow);border-radius:16px;margin:0 auto}.pwa-update-banner{border:1px solid color-mix(in srgb, var(--gold) 62%, var(--line));background:linear-gradient(135deg,#fffaf2fa,#fff7dff5),radial-gradient(circle at 100% 0,#6d123021,#0000 42%);border-radius:8px;gap:12px;margin:0 16px 12px;padding:14px;display:grid;box-shadow:0 12px 30px #502d1221}.pwa-update-banner h2{margin:0 0 4px;font-size:1rem}.pwa-update-banner p{color:var(--muted);margin:0;line-height:1.4}.pwa-update-actions{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.eyebrow{color:var(--wine);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.76rem;font-weight:700}.screen-shell{flex:1;min-width:0;padding:8px 16px 104px}.stack{gap:16px;min-width:0;display:grid}.hero-panel,.plan-card,.card-form,.note-card,.settings-list{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, white);box-shadow:var(--shadow);border-radius:8px}.hero-panel{padding:24px}.hero-panel h2,.section-heading h2{margin-bottom:10px;font-size:clamp(1.8rem,8vw,2.5rem);line-height:1.02}.hero-panel p,.section-heading p,.plan-card p,.routine-option span,.routine-option small,.routine-option em{color:var(--muted);line-height:1.45}.primary{border-color:var(--wine);background:var(--wine);color:#fff;justify-content:center;align-items:center;gap:8px;width:100%;font-weight:700;display:inline-flex}.reference-box{border-left:4px solid var(--gold);background:#fff;border-radius:8px;gap:6px;margin:18px 0;padding:16px;display:grid}.reference-box strong{font-size:1.5rem}.status-pill{border-radius:999px;width:fit-content;padding:5px 9px;font-size:.78rem;font-style:normal;font-weight:800}.status-pill.done{color:#265f34;background:#e8f1e7}.status-pill.recommended{color:#6f4a12;background:#fff7df}.completion-text{color:#265f34;margin:0 0 12px;font-weight:700}.notice{background:var(--wine-soft);border-radius:8px;gap:10px;margin-bottom:16px;padding:14px;display:grid}.notice p{margin:0}.plan-empty-actions{gap:10px;display:grid}.plan-empty-actions button{justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex}.routine-suggestion{border:1px solid color-mix(in srgb, var(--gold) 48%, var(--line));background:#fffaf0;border-radius:8px;gap:12px;padding:14px;display:grid}.routine-suggestion h3{margin:0 0 6px;font-size:1.08rem}.routine-suggestion p{color:var(--muted);margin:0;line-height:1.45}.routine-suggestion button{justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.action-grid button,.notice button{justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.reading-slot-list,.tracked-list{gap:8px;display:grid}.plan-mode-hint{border:1px solid color-mix(in srgb, var(--gold) 48%, var(--line));color:#5f4216;background:#fff7df;border-radius:8px;margin:0;padding:10px 12px;font-size:.9rem;line-height:1.4}.reading-slot{text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.reading-slot.done{color:#265f34;background:#f0f7ef;border-color:#b8d5b8}.reading-slot em{color:var(--muted);font-size:.82rem;font-style:normal}.tracked-list{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}.tracked-list span{background:var(--wine-soft);color:var(--wine);text-align:center;border-radius:999px;padding:7px 9px;font-weight:700}.field-error{color:#8b1a14;margin:0;font-weight:700}.quiet-note-panel,.privacy-panel,.legal-teaser,.legal-card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 96%, white);border-radius:8px;gap:12px;padding:16px;display:grid}.quiet-note-panel h3,.quiet-note-panel p,.privacy-panel h3,.legal-teaser h3,.legal-teaser p{margin:0}.quiet-note-panel p,.privacy-panel li,.legal-teaser p,.legal-card p,.legal-card li{color:var(--muted);line-height:1.45}.inline-note-form{box-shadow:none;background:0 0;border:0;padding:0}.note-form-heading{gap:6px;padding-bottom:4px;display:grid}.note-form-heading h3,.note-form-heading p{margin:0}.note-form-heading p{color:var(--muted);line-height:1.45}.privacy-panel ul{gap:8px;margin:0;padding-left:18px;display:grid}.card-form,.settings-list{gap:12px;padding:16px;display:grid}.card-form label,.settings-list label{color:var(--muted);gap:6px;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;padding:11px 12px}textarea{resize:vertical;min-height:112px}.section-heading{padding:4px 4px 0}.progress-track{background:#eadfce;border-radius:999px;height:10px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--wine), var(--gold));height:100%;display:block}.plan-days,.current-plan-day{gap:8px;display:grid}.current-plan-day .eyebrow{margin:0}.plan-day-list-panel{border:1px solid var(--line);background:#fff9;border-radius:8px;gap:10px;padding:13px;display:grid}.plan-day-list-panel>summary{cursor:pointer;font-weight:700}.plan-day-list-panel>summary::marker{color:var(--gold)}.plan-day-list-panel>summary:focus-visible{outline:3px solid color-mix(in srgb, var(--gold) 52%, white);outline-offset:4px;border-radius:6px}.plan-day-list-panel[open]>summary{margin-bottom:10px}.plan-day{border:1px solid var(--line);background:#ffffffb3;border-radius:8px;padding:13px}.plan-day.current{border-color:var(--gold);background:#fff}.plan-day summary{cursor:pointer;grid-template-columns:1fr auto;gap:4px 12px;display:grid}.plan-day summary::marker{color:var(--gold)}.plan-day summary:focus-visible{outline:3px solid color-mix(in srgb, var(--gold) 52%, white);outline-offset:4px;border-radius:6px}.plan-day summary span,.plan-day summary em,.plan-card small,.note-card small{color:var(--muted);font-size:.85rem;font-style:normal}.plan-day-readings{border-top:1px solid var(--line);gap:8px;margin-top:12px;padding-top:12px;display:grid}.plan-day-readings p{color:var(--muted);margin:0;font-size:.85rem;font-weight:700}.plan-day-readings ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.plan-day-readings li{grid-template-columns:minmax(58px,auto) 1fr auto;align-items:center;gap:8px;min-width:0;display:grid}.plan-day-readings strong{overflow-wrap:anywhere;min-width:0}.plan-day-readings span,.plan-day-readings em{color:var(--muted);font-size:.82rem;font-style:normal}.goal-list{overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:8px;min-width:0;max-width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.goal-chip{border:1px solid var(--line);color:var(--wine);background:#fff;border-radius:999px;flex:none;padding:9px 12px;font-size:.88rem;font-weight:700}.goal-chip.active{border-color:var(--wine);background:var(--wine);color:#fff}.plan-card-list,.routine-options,.note-list,.more-list,.legal-link-row{gap:12px;display:grid}.plan-card{gap:10px;padding:16px;display:grid}.plan-card.selected{border-color:var(--wine);box-shadow:0 0 0 3px var(--wine-soft), var(--shadow);background:#fff}.dynamic-plan-card{border-color:color-mix(in srgb, var(--wine) 35%, var(--line));background:linear-gradient(145deg,#fffaf2f5,#ffffffe0),radial-gradient(circle at 100% 0,#b88a3a2e,#0000 40%)}.segmented-control{border:1px solid var(--line);background:#ffffff9e;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:grid}.segmented-control button{color:var(--muted);background:0 0;border:0;font-weight:800}.segmented-control button[aria-pressed=true]{background:var(--wine);color:#fff}.checkbox-row{border:1px solid color-mix(in srgb, var(--line) 78%, white);color:var(--muted);cursor:pointer;background:#ffffff9e;border-radius:8px;align-items:flex-start;gap:10px;padding:11px;display:flex}.checkbox-row input{width:20px;min-width:20px;height:20px;accent-color:var(--wine);margin:2px 0 0}.checkbox-row span{gap:2px;display:grid}.checkbox-row strong{color:var(--ink)}.checkbox-row small{color:var(--muted)}.plan-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:2px 0;display:grid}.plan-meta-grid div{border:1px solid color-mix(in srgb, var(--line) 75%, white);background:#ffffff9e;border-radius:8px;min-width:0;padding:10px}.plan-meta-grid dt{color:var(--muted);font-size:.72rem;font-weight:700}.plan-meta-grid dd{color:var(--ink);margin:3px 0 0;font-size:.88rem;font-weight:800}.plan-contents{color:var(--muted);margin:0;font-size:.9rem}.favorites-panel{border:1px solid color-mix(in srgb, var(--gold) 52%, var(--line));box-shadow:var(--shadow);background:linear-gradient(145deg,#fffaf2f0,#ffffffdb),radial-gradient(circle at 100% 0,#b88a3a33,#0000 42%);border-radius:8px;gap:14px;padding:16px;display:grid;container-type:inline-size}.favorites-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.favorites-heading svg{color:var(--gold);fill:#b88a3a2e;flex:none}.favorite-form,.favorite-tools,.favorite-list,.favorite-card{gap:10px;display:grid}.field-block,.favorite-tools label,.favorite-card label{color:var(--muted);gap:6px;font-weight:700;display:grid}.favorite-card{border:1px solid var(--line);border-left:4px solid var(--gold);background:#ffffffb8;border-radius:8px;padding:13px}.favorite-card>div:first-child{justify-content:space-between;gap:10px;display:flex}.favorite-card strong{color:var(--wine);font-size:1.12rem}.favorite-card small{color:var(--muted)}.favorite-tag-row{flex-wrap:wrap;gap:7px;display:flex}.tag-chip{border-color:color-mix(in srgb, var(--gold) 58%, var(--line));color:#6f4a12;background:#fff7df;border-radius:999px;min-height:32px;padding:6px 10px;font-size:.82rem;font-weight:800}.tag-chip.quiet{background:var(--wine-soft);color:var(--wine);border:0;align-items:center;display:inline-flex}@container (width>=430px){.favorite-form{grid-template-columns:1fr 1fr}.favorite-form .field-block:nth-child(2),.favorite-form .primary,.favorite-form .field-error{grid-column:1/-1}}.history-card{min-width:0;overflow:clip}.reading-heatmap{border:1px solid color-mix(in srgb, var(--line) 70%, white);background:linear-gradient(135deg,#ffffffc2,#fffaf2d6),radial-gradient(circle at 100% 0,#b88a3a2e,#0000 46%);border-radius:8px;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(3px,1.3vw,6px);width:100%;min-width:0;margin:2px 0 0;padding:clamp(8px,2.4vw,12px);list-style:none;display:grid}.heatmap-cell{aspect-ratio:1;background:#efe3d3;border:1px solid #6d12301a;border-radius:4px;width:100%;min-width:0;display:block;box-shadow:inset 0 1px #ffffff8c}.intensity-1{background:#e6cfa4}.intensity-2{background:#cfa45b}.intensity-3{background:#9c6134}.intensity-4{background:var(--wine)}.history-legend{color:var(--muted);justify-content:flex-end;align-items:center;gap:5px;font-size:.75rem;display:flex}.history-legend .heatmap-cell{width:13px}.history-list,.canon-coverage,.canon-testament,.canon-group{gap:10px;min-width:0;display:grid}.history-list h4,.canon-coverage h4,.canon-testament h5,.canon-group h6{margin:4px 0 0}.history-entry{border-top:1px solid var(--line);grid-template-columns:minmax(66px,auto) minmax(0,1fr);gap:2px 10px;min-width:0;padding:10px 0;display:grid}.history-entry span,.history-entry em,.empty-copy{color:var(--muted);font-size:.84rem;font-style:normal}.history-entry em{grid-column:2}.history-entry strong,.history-entry em{overflow-wrap:anywhere;min-width:0}.canon-testament{content-visibility:auto;contain-intrinsic-size:auto 460px;border-top:1px solid var(--line);padding-top:10px}@supports not (content-visibility:auto){.canon-testament{contain:layout style paint}}.canon-group h6{color:var(--wine);font-size:.82rem}.book-coverage-grid{grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:7px;min-width:0;display:grid}.book-chip{--book-progress:0%;border:1px solid var(--line);background:linear-gradient(90deg, #b88a3a47 var(--book-progress), #ffffffb8 var(--book-progress)), white;border-radius:8px;gap:2px;min-width:0;padding:8px;display:grid}.book-chip.read{border-color:color-mix(in srgb, var(--gold) 68%, var(--line))}.book-chip strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.book-chip em{color:var(--muted);font-size:.72rem;font-style:normal}.routine-option{text-align:left;gap:7px;padding:14px;display:grid}.routine-option.active{border-color:var(--wine);box-shadow:inset 4px 0 0 var(--gold);background:#fff}.routine-option em{font-size:.85rem}.routine-hero strong{color:var(--wine);font-size:1.04rem;line-height:1.35;display:block}.routine-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.routine-steps li{align-items:center;min-width:0;display:flex}.routine-steps li:after{background:var(--line);content:"";width:100%;height:2px;margin-left:8px}.routine-steps li:last-child:after{display:none}.routine-steps span{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);background:#fff;border-radius:50%;flex:none;place-items:center;font-size:.82rem;font-weight:800;display:grid}.routine-steps .active span{border-color:var(--wine);background:var(--wine);color:#fff}.routine-reflection,.routine-proposal,.routine-active-card{border-color:color-mix(in srgb, var(--gold) 58%, var(--line))}.more-list button{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:74px;padding:14px;display:grid}.more-list svg{color:var(--wine)}.more-list span{gap:3px;min-width:0;display:grid}.more-list strong,.more-list small{overflow-wrap:anywhere;min-width:0}.more-list small{color:var(--muted);font-size:.84rem;line-height:1.35}.legal-teaser{box-shadow:none;border-style:dashed;margin-top:4px}.legal-link-row{gap:8px}.legal-link-row button{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.legal-link-row svg{color:var(--wine);margin-top:2px}.legal-link-row span{gap:2px;min-width:0;display:grid}.legal-link-row strong,.legal-link-row small{overflow-wrap:anywhere;min-width:0}.legal-link-row small{color:var(--muted);font-size:.82rem;line-height:1.35}.legal-screen .section-heading h2{margin-bottom:10px;font-size:clamp(1.7rem,7vw,2.35rem);line-height:1.04}.quiet-back{width:fit-content;min-height:38px;color:var(--wine);padding:0 12px;font-weight:800}.legal-card{gap:18px}.legal-section{border-top:1px solid var(--line);gap:8px;padding-top:16px;display:grid}.legal-section:first-child{border-top:0;padding-top:0}.legal-section h3,.legal-section p,.legal-section ul{margin:0}.legal-section ul{gap:8px;padding-left:18px;display:grid}.legal-section address{color:var(--muted);gap:4px;font-style:normal;line-height:1.45;display:grid}.legal-section address strong{color:var(--ink)}.legal-section a{color:var(--wine);font-weight:800}.legal-updated{font-size:.84rem}.routine-summary,.advanced-panel{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;padding:12px;display:grid}.advanced-panel summary{cursor:pointer;color:var(--wine);font-weight:800}.advanced-panel[open]{gap:12px}.note-card{gap:10px;padding:14px;display:grid}.danger{color:#8b1a14;border-color:#b3261e}.file-control input{margin-top:8px}.bottom-nav{max-width:560px;padding:10px 10px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf2fa;grid-template-columns:repeat(4,1fr);gap:2px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 24px #502d1214}.bottom-nav button{min-width:0;min-height:58px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;gap:4px;font-size:.68rem;transition:background-color .16s,color .16s,box-shadow .16s;display:grid}.bottom-nav button.active{color:var(--wine);background:color-mix(in srgb, var(--wine-soft) 72%, white);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--wine) 18%, transparent);font-weight:800}.bottom-nav button.active svg{stroke-width:2.35px}.bottom-nav span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@media (prefers-reduced-motion:no-preference){.hero-panel,.plan-card,.card-form,.note-card,.legal-card{animation:.18s ease-out both rise}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){button,.loading-mark{transition:none;animation:none}}@media (width>=760px){.app-frame{border:1px solid var(--line);border-radius:24px;min-height:calc(100dvh - 48px);margin-block:24px;overflow:hidden}}