@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2428;--app-bg:#f7f0e3;--surface:#fffaf1;--surface-muted:#f0e6d4;--text-primary:#1f2428;--text-secondary:#5f6266;--text-muted:#8a8175;--border:#e5d9c6;--shadow:0 12px 32px #2c1f1214;--blue:#0f4c81;--danger:#9f3434;--font-scale:1;background:radial-gradient(circle at 50% 0,#d6aa521f,#0000 36rem),radial-gradient(circle at 50% 100%,#a03a2a1a,#0000 34rem),#17130f;font-family:Manrope,system-ui,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#1d1813;--surface:#2a221b;--surface-muted:#342a20;--text-primary:#f5eedf;--text-secondary:#d3c6b5;--text-muted:#a89a88;--border:#493b2f;--shadow:0 12px 32px #00000040}:root[data-font-size=small]{--font-scale:.94}:root[data-font-size=medium]{--font-scale:1}:root[data-font-size=large]{--font-scale:1.08}:root[data-font-size=xlarge]{--font-scale:1.16}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-size:calc(16px * var(--font-scale))}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-frame{grid-template-columns:260px minmax(0,1fr);gap:24px;min-height:100vh;padding:24px;display:grid}.sidebar,.main-shell{background:var(--app-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px}.sidebar{height:calc(100vh - 48px);padding:28px 18px;position:sticky;top:24px}.main-shell{min-width:0;padding:24px}.brand-block{align-items:center;gap:14px;margin-bottom:24px;display:flex}.brand-mark,.share-mark{font-family:Cormorant Garamond,serif;font-size:2rem}.eyebrow{color:var(--text-muted);margin:0 0 6px;font-size:.85rem}h1,h2,h3,.hero-date,.share-date,.step-title{letter-spacing:0;margin:0;font-family:Cormorant Garamond,serif}h1{font-size:2rem}h2{font-size:clamp(2rem,3vw,2.6rem)}h3{font-size:1.5rem}.nav-list,.screen-grid,.hero-stack,.list-block,.step-list,.field,.faq-grid{gap:16px;display:grid}.nav-link,.bottom-link,.segment,.icon-button,.secondary-button,.primary-button{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:14px;padding:12px 14px}.nav-link,.bottom-link{align-items:center;gap:10px;display:flex}.nav-link.active,.bottom-link.active,.segment.active,.tab-button.active{color:#fff;background:#0f4c81;border-color:#0f4c81}.screen-header,.card-header,.button-row,.inline-actions,.chip-row,.legend-row,.hero-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:20px}.badge{--badge-color:var(--surface-muted);background:color-mix(in srgb, var(--badge-color) 18%, var(--surface));border:1px solid color-mix(in srgb, var(--badge-color) 50%, var(--border));color:var(--text-primary);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.hero-date,.primary-copy{font-size:clamp(1.6rem,3vw,2.3rem)}.text-link{color:var(--blue);font-weight:600}.list-block{margin:0;padding-left:18px}.bottom-nav{display:none}.tab-row,.segmented-list{flex-wrap:wrap;gap:10px;display:flex}.tab-button{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:10px 14px}.reading-content{gap:20px;line-height:1.75;display:grid}.reading-mode .card{padding:28px}.reference{color:var(--blue);margin-bottom:8px;font-weight:700}.empty-state{text-align:center;gap:10px;padding:24px 12px;display:grid}.search-input,input,select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);border-radius:14px;padding:12px 14px}.toggle-row{align-items:center;gap:12px;display:flex}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.calendar-weekday{text-align:center;color:var(--text-muted)}.calendar-cell{border:1px solid var(--border);background:var(--surface);border-radius:16px;align-content:space-between;justify-items:start;min-height:76px;padding:10px;display:grid;position:relative}.calendar-cell.empty{visibility:hidden}.calendar-dot{border-radius:999px;width:10px;height:10px}.calendar-dot.muted{background:var(--surface-muted)}.calendar-today-outline{border:1px dashed var(--blue);pointer-events:none;border-radius:12px;position:absolute;inset:6px}.toast-viewport{z-index:20;gap:10px;display:grid;position:fixed;bottom:24px;right:24px}.toast{color:#fff;background:#1f2428;border-left:4px solid #dcc083;border-radius:14px;min-width:220px;padding:12px 14px}.toast.success{border-left-color:#5a9e5a}.toast.danger{border-left-color:#9f3434}.skeleton{background:#7864461f;border-radius:18px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#fffaf1a6,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-title{height:76px}.skeleton-chip{width:160px;height:40px}.skeleton-card{height:180px}.calendar-skeleton{min-height:76px}@keyframes shimmer{to{transform:translate(100%)}}.share-card-hidden{position:fixed;top:-9999px;left:-9999px}.share-card{color:#1f2428;background:radial-gradient(circle at 50% 0,#b58a3a2e,#0000 28rem),#f7f0e3;border:1px solid #e5d9c6;grid-template-rows:auto 1fr auto;width:1080px;height:1350px;padding:88px;display:grid}.share-content{align-self:center}.share-label,.share-fast,.share-footer{font-family:Manrope,sans-serif}.share-content h3{margin:16px 0;font-size:4.4rem}.share-date{font-size:3rem}.share-quote{max-width:40rem;font-size:2rem;line-height:1.5}@media (width<=1024px){.app-frame{grid-template-columns:1fr;padding:12px 12px 88px}.sidebar{display:none}.main-shell{padding:18px}.bottom-nav{background:var(--app-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:8px;display:grid;position:fixed;bottom:12px;left:12px;right:12px}.bottom-link{flex-direction:column;padding:10px 8px;font-size:.72rem}.two-column-grid{grid-template-columns:1fr}}