:root{--color-linen: #f7f6f4;--color-linen-deep: #efeee9;--color-linen-shadow: #d8d5cd;--color-border-input: #6e6a62;--color-ink: #212121;--color-ink-muted: #5c5c5c;--color-ink-faint: #8a8a8a;--color-ink-verse: #5c5c5c;--color-grace: #57651a;--color-grace-hover: #455214;--color-grace-muted: #e6e9d6;--color-grace-accent: #687030;--color-ribbon: #57651a;--color-ribbon-light: #687030;--color-error: #b3261e;--color-error-hover: #8c1d18;--color-error-bg: #fce8e6;--color-warning: #92400e;--color-warning-bg: #fef3c7;--color-info: #1d4e89;--color-info-bg: #e8f0fa;--color-focus-ring: #57651a;--color-sepia-surface: #f4ecd8;--color-sepia-elevated: #ebe0c8;--color-sepia-ink: #3d3229;--color-sepia-ink-muted: #5c5346;--color-dark-surface: #1a1814;--color-dark-elevated: #252219;--color-dark-ink: #e8e2d6;--color-dark-ink-muted: #b8b0a4;--color-dark-ribbon: #9e3d4d;--color-dark-grace: #2d6a4f;--color-dark-link: #52b788;--color-bg-surface: var(--color-linen);--color-bg-elevated: var(--color-linen-deep);--color-text-primary: var(--color-ink);--color-text-secondary: var(--color-ink-muted);--color-text-verse: var(--color-ink-verse);--color-link: var(--color-grace);--font-display: "EB Garamond", "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-ui: "Source Sans 3", "Segoe UI", system-ui, sans-serif;--font-scripture: Literata, Georgia, "Times New Roman", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-scripture: 1.125rem;--text-scripture-line: 1.75;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-ribbon: 2px 8px 8px 2px;--shadow-sm: 0 1px 2px rgba(26, 26, 26, .06);--shadow-md: 0 4px 12px rgba(26, 26, 26, .08);--shadow-lg: 0 8px 24px rgba(26, 26, 26, .12);--shadow-ribbon: 2px 0 6px rgba(47, 59, 36, .15);--duration-fast: .12s;--duration-normal: .2s;--ease-default: cubic-bezier(.4, 0, .2, 1);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-color: var(--color-focus-ring);--focus-ring-color-on-filled: #ffffff;--focus-ring-color-on-filled-outer: var(--color-focus-ring);--focus-ring-color-error: var(--color-error);--focus-ring-offset-on-filled: 0;--shell-prose: 720px;--shell-marketing: 1040px;--shell-app: 1200px;--shell-main-pad-bottom: 3rem;--reader-footer-height: 0px;--create-publish-bar-height: 0px;--site-header-height: 4rem}[data-reading-theme=light]{--color-bg-surface: var(--color-linen);--color-bg-elevated: var(--color-linen-deep);--color-text-primary: var(--color-ink);--color-text-secondary: var(--color-ink-muted);--color-text-verse: var(--color-ink-verse);--color-link: var(--color-grace)}[data-reading-theme=sepia]{--color-bg-surface: var(--color-sepia-surface);--color-bg-elevated: var(--color-sepia-elevated);--color-text-primary: var(--color-sepia-ink);--color-text-secondary: var(--color-sepia-ink-muted);--color-text-verse: var(--color-sepia-ink-muted);--color-link: var(--color-grace)}[data-reading-theme=dark]{--color-bg-surface: var(--color-dark-surface);--color-bg-elevated: var(--color-dark-elevated);--color-text-primary: var(--color-dark-ink);--color-text-secondary: var(--color-dark-ink-muted);--color-text-verse: var(--color-dark-ink-muted);--color-link: var(--color-dark-link);--color-ribbon: var(--color-dark-ribbon);--color-grace: var(--color-dark-grace);--color-focus-ring: var(--color-dark-link)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.home-hero{display:grid;gap:var(--space-10);padding:var(--space-12) 0 var(--space-16);align-items:center}@media(min-width:900px){.home-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(2rem,5vw,4rem);padding:1rem 0 1.5rem}}.home-hero__copy h1{font-family:var(--font-display);font-size:clamp(2.6rem,4.7vw,3.3rem);font-weight:600;margin:0 0 var(--space-5);line-height:1.05;letter-spacing:-.02em;color:var(--color-ink)}.home-hero__copy p{margin:0 0 var(--space-8);color:var(--color-ink-muted);font-size:clamp(1.05rem,1.4vw,1.175rem);line-height:1.65;max-width:28rem}.home-hero__copy .btn-primary{padding:.7rem 1.5rem;border-radius:6px;font-weight:600;font-size:var(--text-base)}.home-hero__art{display:flex;align-items:center;justify-content:center}.home-hero__svg{width:100%;max-width:27rem;height:auto;display:block;color:var(--color-ink)}.home-hero__img{width:100%;max-width:30rem;height:auto;display:block;object-fit:contain}.how-it-works{margin:0 0 1.75rem}.how-it-works__label{display:flex;align-items:center;gap:var(--space-4);margin-bottom:1.75rem}.how-it-works__label:before,.how-it-works__label:after{content:"";flex:1;height:1px;background:var(--color-linen-shadow)}.how-it-works__label span{font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-ink-muted);white-space:nowrap;font-weight:600}.how-it-works__steps{display:grid;gap:var(--space-10)}@media(min-width:768px){.how-it-works__steps{grid-template-columns:repeat(3,1fr);gap:0}.how-step{padding:0 var(--space-8);border-right:1px solid var(--color-linen-shadow)}.how-step:first-child{padding-left:0}.how-step:last-child{border-right:none;padding-right:0}}.how-step{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-4);row-gap:var(--space-3);align-items:start}.how-step__badge{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:999px;background:var(--color-grace);color:#fff;font-size:.8125rem;font-weight:600}.how-step__icon{display:block;width:2.75rem;height:2.75rem;color:var(--color-ink);opacity:.92;justify-self:center}.how-step h3{margin:0;align-self:center;font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--color-ink)}.how-step p{margin:0;color:var(--color-ink-muted);font-size:.9375rem;line-height:1.6;max-width:15rem}.feature-grid{display:grid;gap:var(--space-4);margin:0}@media(min-width:640px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.feature-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-4)}}.feature-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.85rem;border:1px solid var(--color-linen-shadow);border-radius:8px;background:transparent;padding:1.2rem 1.1rem}.feature-card__icon{flex-shrink:0;width:2.15rem;height:2.15rem;color:var(--color-ink);opacity:.9}.feature-card h3{margin:0 0 .35rem;font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--color-ink)}.feature-card p{margin:0;color:var(--color-ink-muted);font-size:.875rem;line-height:1.55}*,*:before,*:after{box-sizing:border-box}html{color-scheme:only light}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-ink);background-color:var(--color-linen);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.45 0 0 0 0 0.44 0 0 0 0.028 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px;forced-color-adjust:none;-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--color-ink)}a{color:var(--color-link)}a:hover{color:var(--color-grace-hover)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn-filled:focus-visible,.btn-primary:focus-visible,.btn-danger:focus-visible,.btn-destructive:focus-visible,.day-tab[aria-selected=true]:focus-visible,.ribbon-tab[aria-selected=true]:focus-visible,.ribbon-tab[aria-current=true]:focus-visible,.ribbon-tab.selected:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color-on-filled),0 0 0 calc(var(--focus-ring-width) * 2) var(--focus-ring-color-on-filled-outer)}@media(forced-colors:active){.btn-filled:focus-visible,.btn-primary:focus-visible,.btn-danger:focus-visible,.btn-destructive:focus-visible,.day-tab[aria-selected=true]:focus-visible,.ribbon-tab[aria-selected=true]:focus-visible,.ribbon-tab[aria-current=true]:focus-visible,.ribbon-tab.selected:focus-visible{outline:2px solid Highlight;box-shadow:none}}.skip-link{position:absolute;left:var(--space-4);top:var(--space-4);z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-grace);color:#fff;border-radius:var(--radius-sm);text-decoration:none;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.55rem 1rem;border:1px solid var(--color-ink);border-radius:var(--radius-md);background:transparent;color:var(--color-ink);text-decoration:none;font-family:var(--font-ui);font-size:var(--text-sm);transition:background var(--duration-fast) var(--ease-default)}.btn:hover{background:var(--color-linen-deep)}.btn-primary{background:var(--color-grace);border-color:var(--color-grace);color:#fff}.btn-primary:hover{background:var(--color-grace-hover);border-color:var(--color-grace-hover);color:#fff}.btn-danger{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.btn:disabled{color:var(--color-ink-faint);border-color:var(--color-linen-shadow);cursor:not-allowed;opacity:.5}.btn-primary:disabled,.btn-filled:disabled,.btn-destructive:disabled{background:var(--color-linen-shadow);border-color:var(--color-linen-shadow);color:var(--color-ink-faint)}.btn-primary:disabled:hover,.btn-filled:disabled:hover,.btn-destructive:disabled:hover{background:var(--color-linen-shadow);border-color:var(--color-linen-shadow);color:var(--color-ink-faint)}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.field input,.field select,.field textarea{padding:.55rem .7rem;border:1px solid var(--color-border-input);border-radius:var(--radius-sm);background:var(--color-linen-deep)}.field input::placeholder,.field textarea::placeholder{color:var(--color-ink-muted)}.shell{min-height:100vh;display:flex;flex-direction:column}.shell-main{flex:1;width:min(100% - 2rem,var(--shell-marketing));margin:0 auto;padding:1.5rem 0 var(--shell-main-pad-bottom)}.shell-app .shell-main,.shell-app #main-content{width:min(100% - 2rem,var(--shell-app))}.shell-app #main-content{padding-bottom:calc(var(--shell-main-pad-bottom) + var(--reader-footer-height) + var(--create-publish-bar-height))}html:has(.shell-app){scroll-padding-bottom:calc(var(--reader-footer-height) + var(--create-publish-bar-height))}.prose-shell{width:min(100%,var(--shell-prose));margin:0 auto}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--color-linen-shadow);background:color-mix(in srgb,var(--color-linen) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-footer{border-top:1px solid var(--color-linen-shadow);margin-top:auto;background:var(--color-linen)}.site-header-inner,.site-footer-inner{width:min(100% - 2rem,var(--shell-marketing));margin:0 auto;padding:.85rem 0;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;justify-content:space-between}.shell-app .site-header-inner,.shell-app .site-footer-inner{width:min(100% - 2rem,var(--shell-app))}.site-footer-inner{flex-direction:column;justify-content:center;text-align:center;gap:var(--space-2);font-size:var(--text-sm)}.brand-mark{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-ink)}.brand-monogram{display:block;flex-shrink:0;width:auto;height:4rem;object-fit:contain}.brand-rule{flex-shrink:0;width:1px;height:2.4rem;background:var(--color-linen-shadow)}.shell-app .brand-monogram{height:2.4rem}.shell-app .brand-rule{height:1.6rem}.brand-wordmark{font-family:var(--font-display);font-size:1.65rem;font-weight:600;letter-spacing:.005em;line-height:1;color:var(--color-ink)}.nav-links{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center}@media(min-width:640px){.nav-collapse{display:flex!important}.nav-toggle{display:none!important}}.nav-links a{text-decoration:none;color:var(--color-ink-muted);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:400}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--color-ink)}.nav-links a.btn-primary,.nav-links a.btn-primary:hover,.nav-links a.btn-filled,.nav-links a.btn-filled:hover{color:#fff}.btn-outline{border:1px solid var(--color-ink);background:transparent;color:var(--color-ink);text-decoration:none;padding:.45rem .9rem;border-radius:var(--radius-sm);font-size:var(--text-sm);min-height:40px;display:inline-flex;align-items:center}.btn-outline:hover{background:var(--color-linen-deep)}.header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.nav-toggle{display:none;background:transparent;border:1px solid var(--color-linen-shadow);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);min-height:40px}@media(max-width:639px){.nav-toggle{display:inline-flex}.nav-collapse{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-3)}.nav-collapse.is-open{display:flex}}.skeleton{display:grid;gap:.75rem}.skeleton-line{height:1rem;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-linen-deep),var(--color-linen),var(--color-linen-deep));background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.error-banner{border:1px solid var(--color-error);background:var(--color-error-bg);color:var(--color-error);padding:.9rem 1rem;border-radius:var(--radius-md);margin:1rem 0}.error-banner a{color:var(--color-error);font-weight:600}.card-list{display:grid;gap:.85rem;grid-template-columns:1fr}@media(min-width:640px){.card-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.card-list{grid-template-columns:repeat(3,1fr)}}.plan-card{border:1px solid var(--color-linen-shadow);background:var(--color-linen-deep);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-md)}.plan-card a{color:var(--color-ink);text-decoration:none}.plan-card-link{display:block;text-decoration:none;color:inherit}.plan-card-link:hover .plan-card-title{color:var(--color-grace)}.plan-card-actions{margin-top:.5rem;align-items:center;gap:.5rem}.plan-detail-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.plan-card-excerpt{margin:.5rem 0 0;color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-sm)}.plan-card-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-ink)}.muted{color:var(--color-ink-muted)}.fab{position:fixed;right:1rem;bottom:max(1rem,env(safe-area-inset-bottom));z-index:20;border-radius:999px;padding:.7rem 1rem;box-shadow:var(--shadow-md)}.day-tabs{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:.5rem;margin:1rem 0}.day-tab{flex:0 0 auto;min-width:2.5rem;min-height:44px;padding:.4rem .55rem;border:1px solid var(--color-linen-shadow);border-radius:var(--radius-ribbon);background:var(--color-linen-deep);color:var(--color-ink-muted)}.day-tab[aria-selected=true]{background:var(--color-ribbon);border-color:var(--color-ribbon);color:#fff}.day-tab.done{background:var(--color-grace-muted);color:var(--color-grace)}.scripture-panel{border:1px solid var(--color-linen-shadow);background:var(--color-linen-deep);border-radius:var(--radius-md);padding:1.25rem;white-space:pre-wrap;font-family:var(--font-scripture);font-size:var(--text-scripture);line-height:var(--text-scripture-line);max-width:42rem}.scripture-panel .error-banner,.scripture-panel .skeleton{font-family:var(--font-ui);font-size:var(--text-base);line-height:1.6;white-space:normal}.reader-text{font-family:var(--font-scripture);font-size:var(--text-scripture);line-height:var(--text-scripture-line)}.track-editor{display:grid;gap:1rem}.track-block{border:1px dashed var(--color-linen-shadow);border-radius:var(--radius-md);padding:.85rem;background:var(--color-linen-deep)}@media(max-width:639px){.track-block-fields{flex-direction:column;align-items:stretch}.track-block-fields .field{width:100%}.track-block-row-head{align-items:flex-start}}.row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:end}.auth-card{max-width:400px;margin:2rem auto;padding:var(--space-8);background:var(--color-linen-deep);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-linen-shadow)}.empty-state{text-align:center;padding:var(--space-12) var(--space-4)}.empty-state h2{margin:0 0 var(--space-3);font-size:var(--text-2xl)}.blockquote-verse{margin:var(--space-8) 0;padding-left:var(--space-4);border-left:3px solid var(--color-ribbon);color:var(--color-ink-muted);font-family:var(--font-display);font-size:var(--text-lg)}.btn-secondary,.btn-ghost{background:transparent;border-color:transparent;color:var(--color-ink)}.btn-secondary{border-color:var(--color-ink)}.btn-secondary:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:var(--color-linen-deep)}.btn-destructive{background:var(--color-error);border-color:var(--color-error);color:#fff}.btn-destructive:hover:not(:disabled){background:var(--color-error-hover);border-color:var(--color-error-hover);color:#fff}.btn-block{width:100%}.btn-filled{background:var(--color-grace);border-color:var(--color-grace);color:#fff}.field-label{font-size:var(--text-sm);font-weight:600}.field-error{font-size:var(--text-sm);color:var(--color-error)}.field input[aria-invalid=true],.field textarea[aria-invalid=true],.input[aria-invalid=true]{border-color:var(--color-error)}.field input[aria-invalid=true]:focus-visible,.field textarea[aria-invalid=true]:focus-visible,.input[aria-invalid=true]:focus-visible{outline-color:var(--focus-ring-color-error)}.field input[data-success=true],.input[data-success=true]{border-color:var(--color-grace)}.input{padding:.55rem .7rem;border:1px solid var(--color-border-input);border-radius:var(--radius-sm);background:var(--color-linen-deep)}.badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;background:var(--color-linen-deep);color:var(--color-ink-muted)}.badge-success{background:var(--color-grace-muted);color:var(--color-grace)}.badge-ribbon{background:var(--color-ribbon);color:#fff}.card,.card-flat,.card-feature{border:1px solid var(--color-linen-shadow);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-linen-deep)}.card{box-shadow:var(--shadow-md)}.card-flat{box-shadow:none}.card-feature{box-shadow:var(--shadow-sm)}.card-list.shelf-grid{margin-top:var(--space-5)}.spinner{width:1.1rem;height:1.1rem;border:2px solid color-mix(in srgb,var(--color-grace) 25%,transparent);border-top-color:var(--color-grace);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:.85rem;height:.85rem}@keyframes spin{to{transform:rotate(360deg)}}.error-banner[data-variant=warning]{border-color:var(--color-warning);background:var(--color-warning-bg);color:var(--color-warning)}.error-banner[data-variant=info]{border-color:var(--color-info);background:var(--color-info-bg);color:var(--color-info)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1a1a1a66;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.dialog{width:min(100%,28rem);background:var(--color-linen-deep);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6)}.dialog h2{margin:0 0 var(--space-3)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.dropdown{position:relative}.dropdown-menu{position:absolute;right:0;top:calc(100% + var(--space-2));min-width:10rem;background:var(--color-linen-deep);border:1px solid var(--color-linen-shadow);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-2);z-index:30}.dropdown-menu[hidden]{display:none}.dropdown-menu button,.dropdown-menu a{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--color-ink);text-decoration:none;border-radius:var(--radius-sm);font-size:var(--text-sm)}.dropdown-menu button:hover,.dropdown-menu a:hover,.dropdown-menu button:focus-visible,.dropdown-menu a:focus-visible{background:var(--color-linen)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.progress-bar{height:6px;border-radius:999px;background:var(--color-linen-shadow);overflow:hidden;flex:1;min-width:6rem}.progress-bar>span{display:block;height:100%;background:var(--color-grace)}.fab{bottom:max(1rem,calc(var(--reader-footer-height) + .5rem),env(safe-area-inset-bottom,0px))}.ribbon-strip{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--space-2) 0}.ribbon-day-pairs{display:flex;gap:.35rem;min-width:max-content}.ribbon-day-pair{display:flex;flex-direction:column;gap:.25rem;flex:0 0 2.75rem;width:2.75rem}.ribbon-tab{flex:0 0 2.75rem;width:2.75rem;min-width:2.75rem;min-height:44px;padding:.4rem .25rem;border:1px solid var(--color-linen-shadow);border-radius:var(--radius-ribbon);background:var(--color-linen-deep);color:var(--color-ink-muted);position:relative}.ribbon-tab.done:not(.selected):not([aria-current=true]):before{content:"✓";position:absolute;top:2px;left:3px;font-size:.65rem;line-height:1;color:var(--color-grace)}.ribbon-tab-label{display:block;text-align:center}.ribbon-tab[aria-selected=true],.ribbon-tab[aria-current=true],.ribbon-tab.selected{background:var(--color-ribbon);border-color:var(--color-ribbon);color:#fff;box-shadow:var(--shadow-ribbon)}.ribbon-tab.done:not(.selected):not([aria-current=true]){background:var(--color-grace-muted);color:var(--color-grace)}.ribbon-done-btn{flex:0 0 2.75rem;width:2.75rem;min-width:2.75rem;min-height:44px;border:1px solid var(--color-linen-shadow);border-radius:var(--radius-sm);background:var(--color-linen-deep);color:var(--color-ink-muted)}.ribbon-done-btn.done{background:var(--color-grace-muted);color:var(--color-grace)}.plan-detail{display:flex;flex-direction:column;gap:var(--space-4)}.plan-detail-chrome{display:grid;gap:var(--space-3);order:1}.ribbon-spine{order:2}.ribbon-rail-headings{display:none;margin:0 0 var(--space-1);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-muted);gap:.35rem}.ribbon-rail-headings>span{text-align:center}.ribbon-tab-preview{position:fixed;z-index:60;max-width:18rem;padding:.35rem .6rem;border:1px solid var(--color-linen-shadow);border-radius:var(--radius-sm);background:var(--color-linen-deep);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-sm);box-shadow:var(--shadow-md);pointer-events:none}.plan-completion{display:grid;justify-items:start;gap:0}.reader-type-controls{gap:.35rem;align-items:center}.btn-icon{min-width:44px;padding:.55rem .6rem}.scripture-section+.scripture-section{margin-top:var(--space-6)}.scripture-section-ref{margin:0 0 var(--space-2);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-muted);white-space:normal}.scripture-section-error{margin:0;font-family:var(--font-ui);font-size:var(--text-base);line-height:1.6;white-space:normal;color:var(--color-error)}.plan-detail>.fab{order:4}.plan-detail>.error-banner{order:5}.plan-detail>.scripture-panel{order:6}.plan-progress-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.plan-mobile-summary{display:grid;gap:var(--space-2);order:7}.reader-footer,.publish-bar{display:flex;gap:var(--space-2);justify-content:space-between;align-items:center;padding:var(--space-3);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));background:var(--color-linen);border-top:1px solid var(--color-linen-shadow);z-index:25}.reader-footer-fixed,.publish-bar-fixed{position:fixed;left:0;right:0;bottom:0}.create-plan-form{max-width:640px}.plan-card-meta{margin:.35rem 0 0}.plan-card-progress{display:flex;align-items:center;gap:var(--space-2);margin-top:.6rem}.plan-card-progress-text{font-size:var(--text-xs);white-space:nowrap}.shelf-sort{gap:.35rem}.shelf-sort select{padding:.55rem .7rem;border:1px solid var(--color-border-input);border-radius:var(--radius-sm);background:var(--color-linen-deep);min-height:44px}.track-block-head{justify-content:space-between;align-items:flex-end}.track-ordinal{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin-bottom:.15rem;border-radius:999px;background:var(--color-ink, #1a2e1a);color:var(--color-linen, #f7f4ef);font-size:.875rem;font-weight:600;line-height:1}.track-label-field{flex:1 1 12rem}.track-block-tools{gap:.35rem;align-items:center}.track-pace-panel{display:grid;gap:.5rem;margin-top:.65rem;padding:.65rem .75rem;border:1px solid var(--color-linen-shadow);border-radius:var(--radius-sm);background:var(--color-linen)}.track-pace-mode{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin-top:0;font-size:var(--text-sm)}.track-pace-mode-label{font-weight:600;color:var(--color-ink-muted)}.track-pace-mode-option{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}.track-pace-controls{align-items:flex-end;gap:.5rem}.track-block-row+.track-block-row{margin-top:.65rem}.track-block-row{margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--color-linen-shadow)}.track-block-row-head{justify-content:space-between;align-items:center;margin-bottom:.45rem}.track-block-label{font-size:var(--text-sm);font-weight:600;color:var(--color-ink-muted)}.track-block-hint,.track-block-error,.track-block-overlap{margin:.35rem 0 0;font-size:var(--text-sm)}.track-block-overlap{color:var(--color-warning);background:var(--color-warning-bg);padding:.25rem .5rem;border-radius:var(--radius-sm)}.track-block-pace-chip{margin:0;align-self:flex-end;padding-bottom:.35rem}.track-block-chip{display:inline-flex;align-items:center;padding:.1rem .45rem;border-radius:999px;background:var(--color-grace-muted);color:var(--color-grace);font-size:var(--text-xs);font-weight:600}.track-block-foot{margin-top:.75rem;align-items:flex-end}.track-pace-field{gap:.35rem;font-size:var(--text-sm)}.track-pace-field input{width:6rem}.track-pace-note{margin:0;font-size:var(--text-xs)}.book-select{position:relative}.book-select input{width:100%;padding:.55rem .7rem;border:1px solid var(--color-border-input);border-radius:var(--radius-sm);background:var(--color-linen-deep)}.book-select-listbox{position:absolute;z-index:40;top:calc(100% + 2px);left:0;min-width:100%;max-height:16rem;overflow-y:auto;border:1px solid var(--color-linen-shadow);border-radius:var(--radius-md);background:var(--color-linen-deep);box-shadow:var(--shadow-md)}.book-select-group-label{position:sticky;top:0;padding:.3rem .6rem;background:var(--color-linen);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-muted)}.book-select-option{display:flex;justify-content:space-between;gap:var(--space-4);padding:.4rem .6rem;cursor:pointer;font-size:var(--text-sm)}.book-select-option.active,.book-select-option:hover{background:var(--color-grace-muted)}.book-select-hint{font-size:var(--text-xs)}.book-select-empty{padding:.5rem .6rem;font-size:var(--text-sm)}.draft-banner{border:1px solid var(--color-info);background:var(--color-info-bg);color:var(--color-info);border-radius:var(--radius-md);padding:.9rem 1rem;margin:1rem 0}.day-preview{margin-top:var(--space-5)}.day-preview-heading{margin:0;font-size:var(--text-lg)}.day-preview-count{margin:.2rem 0 .6rem;font-size:var(--text-sm)}.day-preview-list{margin:0 0 .75rem;padding:0;list-style:none;display:grid;gap:.35rem;max-height:22rem;overflow-y:auto}.day-preview-list li{display:flex;gap:var(--space-3);font-size:var(--text-sm)}.day-preview-day{flex:0 0 4.5rem;font-weight:600}.day-preview-refs{color:var(--color-ink-muted)}@media(min-width:1024px){.create-plan-form{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22rem);grid-template-areas:"fields preview" "tracks preview" "actions preview";column-gap:var(--space-6);align-items:start}.create-plan-fields{grid-area:fields}.create-plan-tracks{grid-area:tracks}.create-plan-actions{grid-area:actions}.create-plan-form>.day-preview{grid-area:preview;position:sticky;top:calc(var(--site-header-height, 4rem) + var(--space-4));margin-top:0}}.toast-region{position:fixed;right:1rem;bottom:max(1rem,calc(var(--reader-footer-height) + var(--create-publish-bar-height) + 1rem));z-index:70;display:grid;gap:var(--space-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);max-width:22rem;padding:.7rem .9rem;border:1px solid var(--color-linen-shadow);border-radius:var(--radius-md);background:var(--color-linen-deep);color:var(--color-ink);box-shadow:var(--shadow-lg);font-size:var(--text-sm);pointer-events:auto}.toast-dismiss{border:none;background:transparent;color:var(--color-ink-muted);padding:.1rem .3rem;line-height:1}@media(min-width:768px){.plan-detail{display:grid;grid-template-columns:7rem minmax(0,1fr);grid-template-areas:"ribbon title" "ribbon actions" "ribbon progress" "ribbon complete" "ribbon err" "ribbon reader" "ribbon fab" "ribbon summary";align-items:start;column-gap:var(--space-3);row-gap:var(--space-3)}.ribbon-spine,.plan-detail-chrome,.plan-detail>.fab,.plan-detail>.error-banner,.plan-detail>.scripture-panel,.plan-mobile-summary{order:initial}.ribbon-spine{grid-area:ribbon;position:sticky;top:var(--site-header-height, 4rem);height:calc(100vh - var(--site-header-height, 4rem) - var(--space-8));display:flex;flex-direction:column;min-height:0;overflow:hidden}.ribbon-rail-headings{display:grid;grid-template-columns:1fr 1fr;flex:0 0 auto}.ribbon-spine>.ribbon-strip{flex:1 1 auto;min-height:0;margin:0;overflow-x:hidden;overflow-y:auto}.ribbon-day-pairs{flex-direction:column;min-width:0;width:100%}.ribbon-day-pair{flex-direction:row;flex:0 0 auto;width:100%}.ribbon-tab,.ribbon-done-btn{flex:1 1 0;width:auto;min-width:0}.plan-detail-chrome{display:contents}.plan-detail-title{grid-area:title}.plan-detail-actions{grid-area:actions}.plan-progress-row{grid-area:progress;position:sticky;top:var(--site-header-height, 4rem);z-index:15;margin:0;padding:var(--space-2) 0;background:var(--color-linen);border-bottom:1px solid var(--color-linen-shadow)}.plan-completion{grid-area:complete}.plan-detail>.fab{grid-area:fab;position:fixed}.plan-detail>.error-banner{grid-area:err}.plan-detail>.scripture-panel{grid-area:reader}.reader-footer-fixed{position:static;border:none;background:transparent;padding:0}}