bible270 0.6.2

data/app/views/bible270/comments/_form.html.erb

@@ -0,0 +1,13 @@
+<%= form_with model: comment, url: day_comments_path(day), method: :post,
+      id: "new_comment_form", class: "b270-form", data: { turbo_stream: true } do |f| %>
+  <% if comment.errors.any? %>
+    <p style="color:var(--oxblood);font-size:13px"><%= comment.errors.full_messages.to_sentence %></p>
+  <% end %>
+  <%= f.text_area :body, placeholder: "Share a reflection on today's reading…" %>
+  <div class="row">
+    <%= f.select :track,
+          options_for_select([["The whole day", ""]] + Bible270::Plan::TRACKS.map { |k, v| [v[:label], k] }),
+          {}, style: "font:inherit;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff" %>
+    <%= f.submit "Post reflection", class: "b270-btn" %>
+  </div>
+<% end %>

data/app/views/bible270/comments/create.turbo_stream.erb

@@ -0,0 +1,7 @@
+<%= turbo_stream.remove "no_comments" %>
+<%= turbo_stream.append "comments" do %>
+  <%= render partial: "bible270/comments/comment", locals: { comment: @comment } %>
+<% end %>
+<%= turbo_stream.replace "new_comment_form" do %>
+  <%= render "bible270/comments/form", day: @day, comment: Bible270::Comment.new(day: @day) %>
+<% end %>

data/app/views/bible270/comments/destroy.turbo_stream.erb

@@ -0,0 +1 @@
+<%= turbo_stream.remove "comment-#{@comment.id}" %>

data/app/views/bible270/days/_reading.html.erb

@@ -0,0 +1,25 @@
+<% t = b270_track(track); ref = readings[track]; done = reader_tracks.include?(track) %>
+<% if ref %>
+  <div class="b270-reading <%= track %> <%= 'done' if done %>" id="reading_<%= day %>_<%= track %>">
+    <% if signed_in? %>
+      <%= button_to toggle_checkoff_path(day, track), class: "b270-toggle", form: { data: { turbo_stream: true } },
+            aria: { label: (done ? "Mark #{t[:label]} unread" : "Mark #{t[:label]} read") } do %>
+        <span class="b270-check"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></span>
+      <% end %>
+    <% else %>
+      <span class="b270-check"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></span>
+    <% end %>
+    <div class="b270-rbody">
+      <div class="b270-cat"><%= t[:label] %></div>
+      <div class="b270-ref"><%= link_to ref, b270_passage_url(ref), target: "_blank", rel: "noopener" %></div>
+    </div>
+  </div>
+<% else %>
+  <div class="b270-reading <%= track %> rest" id="reading_<%= day %>_<%= track %>">
+    <span class="b270-check" style="visibility:hidden"></span>
+    <div class="b270-rbody">
+      <div class="b270-cat"><%= t[:label] %></div>
+      <div class="b270-ref">Rest · revisit or reflect</div>
+    </div>
+  </div>
+<% end %>

data/app/views/bible270/days/_start_date.html.erb

@@ -0,0 +1,43 @@
+<div class="b270-startdate">
+  <% if reader.dated? %>
+    <p class="b270-startline">
+      <% if reader.own_start_date? %>
+        Started <strong><%= reader.start_date.strftime("%B %-d, %Y") %></strong>
+      <% else %>
+        Community plan began <strong><%= Bible270.config.start_date.strftime("%B %-d, %Y") %></strong>
+      <% end %>
+      · finishes <%= reader.plan_end_date.strftime("%B %-d, %Y") %>
+      <% if reader.not_started_yet? %>
+        · <em>begins in <%= (reader.effective_start_date - Date.current).to_i %> days</em>
+      <% elsif reader.past_end_date? %>
+        · <em>the 270 days have elapsed</em>
+      <% elsif (off = reader.days_off_pace) %>
+        <% if off > 0 %>
+          · <em><%= off %> day<%= "s" unless off == 1 %> behind</em>
+        <% elsif off < 0 %>
+          · <em><%= -off %> day<%= "s" unless off == -1 %> ahead</em>
+        <% else %>
+          · <em>right on pace</em>
+        <% end %>
+      <% end %>
+    </p>
+  <% else %>
+    <p class="b270-startline">This plan is undated — pick a start date to see it on a calendar.</p>
+  <% end %>
+
+  <% if Bible270.config.allow_reader_start_date %>
+    <details class="b270-startedit">
+      <summary><%= reader.own_start_date? ? "Change start date" : "Set a start date" %></summary>
+      <%= form_with url: start_date_path, method: :patch, class: "b270-startform" do |f| %>
+        <%= f.date_field :start_date, value: reader.start_date, required: true %>
+        <%= f.submit "Save", class: "b270-btn" %>
+      <% end %>
+      <% if reader.own_start_date? %>
+        <%= button_to "Clear my start date", clear_start_date_path, method: :delete,
+              class: "b270-linkbtn", form: { style: "display:inline" } %>
+      <% end %>
+      <p class="b270-hint">Setting a start date only changes how days map onto the calendar.
+         Your check-offs and reflections are untouched.</p>
+    </details>
+  <% end %>
+</div>

data/app/views/bible270/days/index.html.erb

@@ -0,0 +1,72 @@
+<% content_for :title, Bible270.config.app_name %>
+<p class="b270-eyebrow"><%= Bible270.config.tagline %></p>
+<h1><%= Bible270.config.app_name %> <em>— read the story straight through</em></h1>
+<p class="lede">Each day: a passage from the Old Testament, a couple of chapters of the New
+   Testament, and a Psalm or Proverb — portions sized to take about the same time to read.
+   Check off what you read; your place is kept for you, and you can see how the rest of the
+   community is journeying too.</p>
+
+<div class="b270-panel">
+  <% if signed_in? %>
+    <div class="b270-bignum">
+      <span class="n"><%= current_reader.days_completed %></span>
+      <span class="of">of <%= Plan::DAYS %> days complete</span>
+      <span class="pct"><%= current_reader.completion_percent %>%</span>
+    </div>
+    <div class="b270-tracks">
+      <% [["ot", current_reader.days_read_in("ot"), Plan::DAYS],
+          ["nt", current_reader.days_read_in("nt"), Plan.nt_content_days],
+          ["pp", current_reader.days_read_in("pp"), Plan::DAYS]].each do |track, read, total| %>
+        <% t = b270_track(track) %>
+        <div class="b270-tm">
+          <span class="lab"><span class="b270-rib" style="background:<%= t[:color] %>"></span><%= t[:label] %></span>
+          <span class="b270-bar"><i style="width:<%= total.zero? ? 0 : (read.to_f/total*100).round %>%;background:<%= t[:color] %>"></i></span>
+          <span class="val"><%= read %>/<%= total %></span>
+        </div>
+      <% end %>
+    </div>
+    <p style="margin:16px 0 0">
+      <%= link_to "Continue reading — Day #{@start_day} →", day_path(@start_day), class: "b270-btn" %>
+      <% if @today_day && @today_day != @start_day %>
+        <%= link_to "Go to today (Day #{@today_day})", day_path(@today_day), style: "margin-left:12px" %>
+      <% end %>
+    </p>
+    <%= render "bible270/days/start_date", reader: current_reader %>
+  <% else %>
+    <p class="b270-signedout"><%= link_to "Sign in", sign_in_path %> to track your progress and join
+       the conversation. You can browse the whole plan and read others' reflections without an account.</p>
+    <% if @community_start_date %>
+      <p class="b270-startline">The community began this plan on
+         <strong><%= @community_start_date.strftime("%B %-d, %Y") %></strong>
+         and finishes <%= Plan.end_date_for(@community_start_date).strftime("%B %-d, %Y") %>.</p>
+    <% end %>
+    <p style="margin:14px 0 0"><%= link_to "Start at Day 1 →", day_path(1), class: "b270-btn" %></p>
+  <% end %>
+</div>
+
+<% if @readers.any? %>
+  <h2 class="b270-section-h">The community</h2>
+  <div class="b270-list">
+    <% @readers.first(5).each_with_index do |r, i| %>
+      <div class="b270-li">
+        <span class="rank"><%= i + 1 %></span>
+        <%= b270_avatar(r) %>
+        <div>
+          <div class="name"><%= link_to r.display_name, reader_path(r), style: "text-decoration:none" %></div>
+          <div class="sub"><%= @days_completed[r.id] %> days read</div>
+        </div>
+        <div class="stat"><span class="big"><%= (@days_completed[r.id].to_f / Plan::DAYS * 100).round %>%</span></div>
+      </div>
+    <% end %>
+  </div>
+  <p style="margin:12px 0 0"><%= link_to "See everyone →", community_path %></p>
+<% end %>
+
+<details class="b270-index">
+  <summary>All <%= Plan::DAYS %> days</summary>
+  <div class="b270-grid">
+    <% (1..Plan::DAYS).each do |d| %>
+      <%= link_to d, day_path(d), class: "b270-cell #{b270_day_status_class(current_reader, d)} #{'now' if signed_in? && d == @start_day}" %>
+    <% end %>
+  </div>
+</details>

data/app/views/bible270/days/show.html.erb

@@ -0,0 +1,50 @@
+<% content_for :title, "Day #{@day} — #{Bible270.config.app_name}" %>
+<div class="b270-daynav">
+  <%= link_to "‹", (@prev_day ? day_path(@prev_day) : "#"), class: "b270-arrow #{'disabled' unless @prev_day}", "aria-label": "Previous day" %>
+  <div class="b270-dayhead">
+    <div class="k">Day <%= @day %><% if signed_in? && current_reader.day_complete?(@day) %><span class="b270-badge">Complete</span><% end %></div>
+    <% if signed_in? && current_reader.dated? %>
+      <div class="date">
+        <%= current_reader.date_for_day(@day).strftime("%A, %B %-d, %Y") %>
+        <% if current_reader.calendar_day == @day %><span class="b270-badge">Today</span><% end %>
+      </div>
+    <% end %>
+  </div>
+  <%= link_to "›", (@next_day ? day_path(@next_day) : "#"), class: "b270-arrow #{'disabled' unless @next_day}", "aria-label": "Next day" %>
+</div>
+
+<div id="readings" class="b270-readings">
+  <%= render partial: "bible270/days/reading", collection: %w[ot nt pp],
+             as: :track, locals: { day: @day, readings: @readings, reader_tracks: @reader_tracks } %>
+</div>
+
+<% unless signed_in? %>
+  <p class="b270-signin-hint" style="margin-top:12px"><%= link_to "Sign in", sign_in_path(origin: request.fullpath) %> to check off these readings.</p>
+<% end %>
+
+<div class="b270-completers" id="completers_<%= @day %>">
+  <% if @completers.any? %>
+    <span>Finished this day:</span>
+    <% @completers.first(12).each { |r| %><%= link_to b270_avatar(r), reader_path(r), title: r.display_name %><% } %>
+    <% if @completers.size > 12 %><span><%= @completers.size - 12 %> more</span><% end %>
+  <% else %>
+    <span>No one has finished this day yet — be the first.</span>
+  <% end %>
+</div>
+
+<h2 class="b270-section-h">Reflections</h2>
+<div id="comments">
+  <% if @comments.any? %>
+    <%= render partial: "bible270/comments/comment", collection: @comments, as: :comment %>
+  <% else %>
+    <p style="color:var(--faint)" id="no_comments">No reflections yet. Share the first.</p>
+  <% end %>
+</div>
+
+<% if signed_in? %>
+  <div style="margin-top:18px">
+    <%= render "bible270/comments/form", day: @day, comment: @new_comment %>
+  </div>
+<% else %>
+  <p class="b270-signin-hint" style="margin-top:14px"><%= link_to "Sign in", sign_in_path(origin: request.fullpath) %> to leave a reflection.</p>
+<% end %>

data/app/views/bible270/readers/index.html.erb

@@ -0,0 +1,24 @@
+<% content_for :title, "Community — #{Bible270.config.app_name}" %>
+<p class="b270-eyebrow">Reading together</p>
+<h1>The community</h1>
+<p class="lede">Everyone journeying through the plan, and how far each has come.</p>
+
+<% if @readers.any? %>
+  <div class="b270-list">
+    <% @readers.each_with_index do |r, i| %>
+      <div class="b270-li">
+        <span class="rank"><%= i + 1 %></span>
+        <%= b270_avatar(r, size: 40) %>
+        <div>
+          <div class="name"><%= link_to r.display_name, reader_path(r), style: "text-decoration:none" %></div>
+          <div class="sub"><%= @days_completed[r.id] %> of <%= Plan::DAYS %> days · joined <%= r.created_at.strftime("%b %Y") %></div>
+        </div>
+        <div class="stat">
+          <span class="big"><%= (@days_completed[r.id].to_f / Plan::DAYS * 100).round %>%</span>
+        </div>
+      </div>
+    <% end %>
+  </div>
+<% else %>
+  <p style="color:var(--faint)">No readers yet. Be the first to begin.</p>
+<% end %>

data/app/views/bible270/readers/show.html.erb

@@ -0,0 +1,41 @@
+<% content_for :title, "#{@reader.display_name} — #{Bible270.config.app_name}" %>
+<div style="display:flex;align-items:center;gap:16px;margin-bottom:8px">
+  <%= b270_avatar(@reader, size: 56) %>
+  <div>
+    <h1 style="margin:0"><%= @reader.display_name %></h1>
+    <p style="margin:2px 0 0;color:var(--faint);font-size:14px"><%= @days_completed %> of <%= Plan::DAYS %> days complete · <%= @reader.completion_percent %>%</p>
+  </div>
+</div>
+
+<div class="b270-panel" style="margin-top:18px">
+  <div class="b270-tracks">
+    <% [["ot", @reader.days_read_in("ot"), Plan::DAYS],
+        ["nt", @reader.days_read_in("nt"), Plan.nt_content_days],
+        ["pp", @reader.days_read_in("pp"), Plan::DAYS]].each do |track, read, total| %>
+      <% t = b270_track(track) %>
+      <div class="b270-tm">
+        <span class="lab"><span class="b270-rib" style="background:<%= t[:color] %>"></span><%= t[:label] %></span>
+        <span class="b270-bar"><i style="width:<%= total.zero? ? 0 : (read.to_f/total*100).round %>%;background:<%= t[:color] %>"></i></span>
+        <span class="val"><%= read %>/<%= total %></span>
+      </div>
+    <% end %>
+  </div>
+</div>
+
+<div class="b270-grid">
+  <% (1..Plan::DAYS).each do |d| %>
+    <%= link_to d, day_path(d), class: "b270-cell #{b270_day_status_class(@reader, d)}" %>
+  <% end %>
+</div>
+
+<% if @recent_comments.any? %>
+  <h2 class="b270-section-h">Recent reflections</h2>
+  <% @recent_comments.each do |c| %>
+    <div class="b270-comment">
+      <div style="flex:1">
+        <div class="b270-cmeta"><%= link_to "Day #{c.day}", day_path(c.day), style: "text-decoration:none;color:var(--gold)" %> · <%= c.created_at.strftime("%b %-d, %Y") %></div>
+        <p class="b270-cbody"><%= c.body %></p>
+      </div>
+    </div>
+  <% end %>
+<% end %>

data/app/views/bible270/sessions/new.html.erb

@@ -0,0 +1,52 @@
+<% content_for :title, "Sign in — #{Bible270.config.app_name}" %>
+<p class="b270-eyebrow">Sign in</p>
+<h1>Join the reading</h1>
+<p class="lede">Signing in keeps your place in the plan, records what you've read, and lets you
+   leave reflections alongside everyone else. Browsing the plan and reading others' reflections
+   never requires an account.</p>
+
+<div class="b270-panel">
+  <% if Bible270.config.email_sign_in? %>
+    <h2 class="b270-subhead">Sign in with your email</h2>
+    <p class="b270-hint" style="margin-top:0">No password and no account needed — we'll email you
+       a link that signs you in.</p>
+    <%= form_with url: email_sign_in_link_path, method: :post, class: "b270-emailform" do |f| %>
+      <%= hidden_field_tag :origin, @origin if @origin %>
+      <% if Bible270.config.email_sign_in_ask_name %>
+        <label class="b270-field">
+          <span>Name shown beside your reflections</span>
+          <%= text_field_tag :display_name, nil, placeholder: "e.g. Andrew", autocomplete: "name" %>
+        </label>
+      <% end %>
+      <label class="b270-field">
+        <span>Email address</span>
+        <%= email_field_tag :email, nil, required: true, placeholder: "you@example.com",
+              autocomplete: "email", inputmode: "email" %>
+      </label>
+      <%= f.submit "Email me a sign-in link", class: "b270-btn" %>
+    <% end %>
+  <% end %>
+
+  <% if @providers.any? %>
+    <% if Bible270.config.email_sign_in? %>
+      <div class="b270-or"><span>or</span></div>
+    <% end %>
+    <h2 class="b270-subhead">Use an existing account</h2>
+    <div class="b270-providers">
+      <% @providers.each do |key, label| %>
+        <%= button_to b270_omniauth_path(key), method: :post, class: "b270-provider",
+              params: (@origin ? { origin: @origin } : {}), data: { turbo: false } do %>
+          Continue with <%= label %>
+        <% end %>
+      <% end %>
+    </div>
+  <% end %>
+
+  <% unless Bible270.config.any_sign_in_method? %>
+    <p class="b270-signedout">No sign-in method is configured yet. Set
+       <code>config.email_sign_in</code> or <code>config.omniauth_providers</code>
+       in the host application.</p>
+  <% end %>
+</div>
+
+<p style="margin-top:18px"><%= link_to "← Back to the plan", root_path %></p>

data/app/views/bible270/shared/_header.html.erb

@@ -0,0 +1,20 @@
+<header class="b270-topbar">
+  <div class="b270-brand">
+    <%= link_to Bible270.config.app_name, root_path, class: "b270-title" %>
+    <span class="b270-tagline"><%= Bible270.config.tagline %></span>
+  </div>
+  <nav class="b270-nav">
+    <%= link_to "Plan", root_path %>
+    <%= link_to "Community", community_path %>
+    <% if signed_in? %>
+      <%= link_to current_reader.display_name, reader_path(current_reader), class: "b270-me" %>
+      <%= button_to "Sign out", sign_out_path, method: :delete, class: "b270-linkbtn",
+            form: { style: "display:inline" } %>
+    <% elsif Bible270.config.any_sign_in_method? %>
+      <%# Always route to the sign-in page: it offers email as well as any
+          social providers, so nobody is shut out. OmniAuth's own request phase
+          rejects GET, so its buttons live on that page as POST forms. %>
+      <%= link_to "Sign in", sign_in_path(origin: request.fullpath), class: "b270-signin" %>
+    <% end %>
+  </nav>
+</header>

data/app/views/bible270/shared/_styles.html.erb

@@ -0,0 +1,147 @@
+<style>
+  .b270{
+    --paper:#ece6da; --card:#f4efe6; --ink:#231f18; --muted:#6d6558; --faint:#9a9082;
+    --line:#d7cfbf; --line-soft:#e2dbcd; --teal:#2f6a67; --oxblood:#8a2f3b; --gold:#a5812c;
+    --gold-lite:#c6a24a; --shadow:0 1px 0 rgba(35,31,24,.04),0 10px 30px -18px rgba(35,31,24,.35);
+    margin:0; background:radial-gradient(120% 80% at 100% 0%,rgba(165,129,44,.06),transparent 55%),var(--paper);
+    color:var(--ink); font-family:"Inter",system-ui,sans-serif; line-height:1.5; -webkit-font-smoothing:antialiased;
+  }
+  .b270 *{box-sizing:border-box}
+  .b270 a{color:inherit}
+  .b270-wrap{max-width:820px;margin:0 auto;padding:clamp(14px,3.5vw,36px) clamp(14px,4vw,40px) 64px}
+
+  .b270-topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line-soft);margin-bottom:26px}
+  .b270-brand{display:flex;flex-direction:column;margin-right:auto}
+  .b270-title{font-family:"Spectral",Georgia,serif;font-weight:600;font-size:22px;text-decoration:none}
+  .b270-tagline{font-size:12px;color:var(--faint);letter-spacing:.04em}
+  .b270-nav{display:flex;align-items:center;gap:16px;font-size:14px}
+  .b270-nav a{color:var(--muted);text-decoration:none}
+  .b270-nav a:hover{color:var(--gold)}
+  .b270-signin,.b270-me{color:var(--ink)!important;font-weight:600}
+
+  .b270-subhead{font-family:"Spectral",serif;font-size:17px;font-weight:600;margin:0 0 4px}
+  .b270-emailform{display:grid;gap:12px;max-width:340px;margin:12px 0 0}
+  .b270-field{display:grid;gap:5px;font-size:12.5px;color:var(--muted)}
+  .b270-field input{font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);width:100%}
+  .b270-field input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(165,129,44,.13)}
+  .b270-emailform input[type=submit]{justify-self:start}
+  .b270-or{display:flex;align-items:center;gap:12px;margin:22px 0 18px;color:var(--faint);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
+  .b270-or::before,.b270-or::after{content:"";flex:1;height:1px;background:var(--line-soft)}
+  .b270-providers{display:grid;gap:10px;max-width:340px}
+  .b270-provider{display:block;width:100%;text-align:center;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:12px 16px;font:inherit;font-weight:600;font-size:14.5px;cursor:pointer;transition:border-color .15s,transform .05s}
+  .b270-provider:hover{border-color:var(--gold);color:var(--gold)}
+  .b270-provider:active{transform:translateY(1px)}
+  .b270-signinbtn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:7px 13px;font:inherit;font-weight:600;font-size:13px;cursor:pointer}
+  .b270-signinbtn:hover{border-color:var(--gold);color:var(--gold)}
+  .b270-signin-hint a{color:var(--gold);font-weight:600}
+  .b270-flash{border-radius:10px;padding:11px 15px;margin-bottom:18px;font-size:14px}
+  .b270-flash.alert{background:#f6e4e2;color:#7a2b28;border:1px solid #e6c3bf}
+  .b270-flash.notice{background:#e7efe6;color:#2f5d34;border:1px solid #c6dcc6}
+
+  .b270-eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600;margin:0 0 10px}
+  .b270 h1{font-family:"Spectral",serif;font-weight:600;font-size:clamp(28px,6vw,42px);line-height:1.03;letter-spacing:-.01em;margin:0 0 6px}
+  .b270 h1 em{font-style:italic;color:var(--muted);font-weight:400}
+  .b270 .lede{color:var(--muted);max-width:54ch;margin:0 0 24px;font-size:15px}
+
+  .b270-panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:var(--shadow);margin-bottom:24px}
+  .b270-bignum{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
+  .b270-bignum .n{font-family:"Spectral",serif;font-size:38px;font-weight:600;line-height:1}
+  .b270-bignum .of{color:var(--muted);font-size:15px}
+  .b270-bignum .pct{margin-left:auto;color:var(--gold);font-weight:600;font-variant-numeric:tabular-nums}
+  .b270-signedout{color:var(--muted);font-size:14px;margin:4px 0 0}
+
+  .b270-startdate{margin-top:18px;padding-top:16px;border-top:1px solid var(--line-soft)}
+  .b270-startline{margin:0;font-size:13.5px;color:var(--muted)}
+  .b270-startline strong{color:var(--ink)}
+  .b270-startline em{font-style:normal;color:var(--gold);font-weight:600}
+  .b270-startedit{margin-top:10px}
+  .b270-startedit summary{cursor:pointer;font-size:13px;color:var(--muted);list-style:none}
+  .b270-startedit summary::-webkit-details-marker{display:none}
+  .b270-startedit summary:hover{color:var(--gold)}
+  .b270-startform{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
+  .b270-startform input[type=date]{font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
+  .b270-linkbtn{background:none;border:none;padding:0;margin-top:8px;font:inherit;font-size:12.5px;color:var(--oxblood);cursor:pointer;text-decoration:underline}
+  .b270-hint{margin:8px 0 0;font-size:12px;color:var(--faint);max-width:52ch}
+  .b270-tracks{margin-top:16px;display:grid;gap:11px}
+  .b270-tm{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:12px;font-size:12.5px}
+  .b270-tm .lab{color:var(--muted);display:flex;align-items:center;gap:8px}
+  .b270-rib{width:11px;height:11px;border-radius:2px;flex:none}
+  .b270-bar{height:6px;border-radius:4px;background:var(--line-soft);overflow:hidden}
+  .b270-bar>i{display:block;height:100%;border-radius:4px}
+  .b270-tm .val{color:var(--faint);font-variant-numeric:tabular-nums;min-width:56px;text-align:right}
+
+  /* day nav */
+  .b270-daynav{display:flex;align-items:center;gap:10px;margin-bottom:12px}
+  .b270-arrow{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--card);cursor:pointer;font-size:17px;color:var(--muted);display:grid;place-items:center;text-decoration:none}
+  .b270-arrow:hover{border-color:var(--gold);color:var(--gold)}
+  .b270-arrow.disabled{opacity:.35;pointer-events:none}
+  .b270-dayhead{flex:1}
+  .b270-dayhead .k{font-family:"Spectral",serif;font-size:24px;font-weight:600;line-height:1}
+  .b270-badge{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--gold);padding:3px 8px;border-radius:20px;margin-left:9px}
+  .b270-dayhead .date{color:var(--faint);font-size:13px;margin-top:2px}
+
+  /* readings */
+  .b270-readings{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
+  .b270-reading{display:flex;gap:15px;align-items:center;padding:16px 20px;border-left:4px solid transparent}
+  .b270-reading+.b270-reading{border-top:1px solid var(--line-soft)}
+  .b270-reading.ot{border-left-color:var(--teal)} .b270-reading.nt{border-left-color:var(--oxblood)} .b270-reading.pp{border-left-color:var(--gold)}
+  .b270-reading.rest{opacity:.65}
+  .b270-toggle{border:none;background:none;padding:0;cursor:pointer}
+  .b270-toggle form{margin:0}
+  .b270-check{width:26px;height:26px;border-radius:8px;border:2px solid var(--line);flex:none;display:grid;place-items:center;background:#fff;transition:all .18s}
+  .b270-check svg{width:15px;height:15px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0}
+  .b270-reading.done.ot .b270-check{background:var(--teal);border-color:var(--teal)}
+  .b270-reading.done.nt .b270-check{background:var(--oxblood);border-color:var(--oxblood)}
+  .b270-reading.done.pp .b270-check{background:var(--gold);border-color:var(--gold)}
+  .b270-reading.done .b270-check svg{opacity:1}
+  .b270-rbody{flex:1;min-width:0}
+  .b270-cat{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);font-weight:600}
+  .b270-ref{font-family:"Spectral",serif;font-size:19px;font-weight:500;margin-top:1px}
+  .b270-ref a{text-decoration:none;border-bottom:1px solid transparent}
+  .b270-ref a:hover{border-bottom-color:var(--gold)}
+  .b270-reading.done .b270-ref{color:var(--muted)}
+  .b270-reading.rest .b270-ref{font-style:italic;font-size:16px;color:var(--faint)}
+  .b270-signin-hint{font-size:12px;color:var(--faint)}
+
+  /* completers */
+  .b270-completers{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;font-size:13px;color:var(--muted)}
+  .b270-avatar{border-radius:50%;object-fit:cover;display:inline-block;text-align:center;background:var(--teal);color:#fff;font-size:12px;font-weight:600}
+  .b270-avatar-fallback{border-radius:50%}
+
+  /* comments */
+  .b270-section-h{font-family:"Spectral",serif;font-size:20px;font-weight:600;margin:34px 0 14px}
+  .b270-comment{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--line-soft)}
+  .b270-comment:first-child{border-top:none}
+  .b270-cmeta{font-size:13px;color:var(--muted)}
+  .b270-cmeta strong{color:var(--ink)}
+  .b270-cbody{margin:3px 0 0;white-space:pre-wrap}
+  .b270-cdel{font-size:12px;color:var(--oxblood);background:none;border:none;cursor:pointer;padding:0;margin-left:8px}
+  .b270-form textarea{width:100%;font:inherit;font-size:15px;border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:#fff;resize:vertical;min-height:76px}
+  .b270-form .row{display:flex;align-items:center;gap:10px;margin-top:10px}
+  .b270-btn{border:none;border-radius:10px;padding:10px 16px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;background:var(--ink);color:var(--paper);text-decoration:none;display:inline-block}
+  .b270-btn:hover{background:#3a352b}
+
+  /* community */
+  .b270-list{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
+  .b270-li{display:flex;align-items:center;gap:14px;padding:14px 18px}
+  .b270-li+.b270-li{border-top:1px solid var(--line-soft)}
+  .b270-li .name{font-weight:600}
+  .b270-li .sub{font-size:12.5px;color:var(--faint)}
+  .b270-li .stat{margin-left:auto;text-align:right}
+  .b270-li .stat .big{font-family:"Spectral",serif;font-size:20px;font-weight:600}
+  .b270-li .rank{width:26px;color:var(--faint);font-variant-numeric:tabular-nums;text-align:center}
+
+  /* calendar grid */
+  .b270-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:6px;margin-top:16px}
+  .b270-cell{aspect-ratio:1;border-radius:6px;border:1px solid var(--line);background:var(--card);font-size:10.5px;color:var(--faint);display:grid;place-items:center;text-decoration:none;font-variant-numeric:tabular-nums}
+  .b270-cell:hover{border-color:var(--gold);color:var(--gold)}
+  .b270-cell.partial{background:linear-gradient(135deg,var(--card) 50%,rgba(165,129,44,.35) 50%);color:var(--muted)}
+  .b270-cell.complete{background:var(--teal);border-color:var(--teal);color:#eef3f2;font-weight:600}
+  .b270-cell.now{box-shadow:0 0 0 2px var(--gold)}
+
+  .b270-footer{margin-top:40px;padding-top:22px;border-top:1px solid var(--line-soft);color:var(--faint);font-size:13px}
+  .b270-footer p{margin:0;line-height:1.5}
+  details.b270-index summary{cursor:pointer;font-family:"Spectral",serif;font-size:18px;font-weight:600;list-style:none;margin-top:30px}
+  details.b270-index summary::-webkit-details-marker{display:none}
+  @media (max-width:480px){ .b270-tm{grid-template-columns:104px 1fr auto} .b270-reading{padding:14px 15px;gap:12px} }
+</style>

data/app/views/bible270/sign_in_mailer/magic_link.html.erb

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <body style="margin:0;padding:24px;background:#ece6da;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#231f18">
+    <div style="max-width:520px;margin:0 auto;background:#f4efe6;border:1px solid #d7cfbf;border-radius:14px;padding:28px">
+      <h1 style="margin:0 0 6px;font-family:Georgia,serif;font-size:22px;font-weight:600"><%= @app_name %></h1>
+      <p style="margin:0 0 20px;font-size:14px;color:#6d6558">
+        Click the button below to sign in. The link works once and expires in
+        <%= @expires_in_minutes %> minutes.
+      </p>
+      <p style="margin:0 0 22px">
+        <a href="<%= @url %>" style="display:inline-block;background:#231f18;color:#ece6da;text-decoration:none;padding:12px 20px;border-radius:10px;font-weight:600;font-size:15px">Sign in</a>
+      </p>
+      <p style="margin:0 0 6px;font-size:12px;color:#9a9082">Or paste this address into your browser:</p>
+      <p style="margin:0 0 20px;font-size:12px;word-break:break-all;color:#6d6558"><%= @url %></p>
+      <p style="margin:0;font-size:12px;color:#9a9082;border-top:1px solid #e2dbcd;padding-top:14px">
+        If you didn't ask to sign in, you can ignore this email — nothing has changed.
+      </p>
+    </div>
+  </body>
+</html>

data/app/views/bible270/sign_in_mailer/magic_link.text.erb

@@ -0,0 +1,7 @@
+<%= @app_name %>
+
+Click the link below to sign in. It works once and expires in <%= @expires_in_minutes %> minutes.
+
+<%= @url %>
+
+If you didn't ask to sign in, you can ignore this email — nothing has changed.

data/app/views/layouts/bible270/application.html.erb

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title><%= content_for?(:title) ? yield(:title) : Bible270.config.app_name %></title>
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag if respond_to?(:csp_meta_tag) %>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,500;0,600;1,400&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
+  <%= render "bible270/shared/styles" %>
+  <%= yield :head %>
+</head>
+<body class="b270">
+  <div class="b270-wrap">
+    <%= render "bible270/shared/header" %>
+    <% if flash[:alert] %><div class="b270-flash alert"><%= flash[:alert] %></div><% end %>
+    <% if flash[:notice] %><div class="b270-flash notice"><%= flash[:notice] %></div><% end %>
+    <%= yield %>
+    <footer class="b270-footer">
+      <p>The Old Testament is read once, cover to cover. The New Testament is read twice —
+         the second pass begins on day <%= Bible270::Plan.nt_second_pass_start_day %>.
+         Psalms &amp; Proverbs runs alongside twice over, whole chapters at a time.</p>
+    </footer>
+  </div>
+</body>
+</html>

data/config/routes.rb

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+Bible270::Engine.routes.draw do
+  root to: "days#index"
+
+  get "day/:day", to: "days#show", as: :day, constraints: { day: /\d+/ }
+
+  post   "day/:day/toggle/:track", to: "checkoffs#toggle", as: :toggle_checkoff,
+         constraints: { day: /\d+/ }
+  post   "day/:day/comments",      to: "comments#create",  as: :day_comments,
+         constraints: { day: /\d+/ }
+  delete "comments/:id",           to: "comments#destroy", as: :comment
+
+  get "community",  to: "readers#index", as: :community
+  get "readers/:id", to: "readers#show", as: :reader
+
+  patch  "start-date", to: "readers#update_start_date", as: :start_date
+  delete "start-date", to: "readers#clear_start_date",  as: :clear_start_date
+
+  # Built-in OmniAuth sign-in. The request phase (POST <mount>/auth/:provider)
+  # is handled by the OmniAuth middleware in the host app, not by these routes.
+  get    "sign_in",                 to: "sessions#new",     as: :sign_in
+
+  # Email (magic link) sign-in, for readers without a social account.
+  post   "sign_in/email",           to: "sessions#email_link",     as: :email_sign_in_link
+  get    "sign_in/email/:token",    to: "sessions#email_callback", as: :email_sign_in
+  get    "auth/:provider/callback", to: "sessions#create"
+  post   "auth/:provider/callback", to: "sessions#create"
+  get    "auth/failure",            to: "sessions#failure"
+  delete "sign_out",                to: "sessions#destroy", as: :sign_out
+end

data/db/migrate/20260101000001_create_bible270_readers.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+class CreateBible270Readers < ActiveRecord::Migration[7.0]
+  def change
+    create_table :bible270_readers do |t|
+      t.string  :display_name, null: false
+      t.string  :email
+      t.string  :avatar_url
+      t.string  :provider
+      t.string  :uid
+      t.references :owner, polymorphic: true, index: true
+      t.date    :started_on
+      t.timestamps
+    end
+    add_index :bible270_readers, %i[provider uid], unique: true,
+              name: "idx_b270_readers_provider_uid"
+  end
+end

data/db/migrate/20260101000002_create_bible270_checkoffs.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+class CreateBible270Checkoffs < ActiveRecord::Migration[7.0]
+  def change
+    create_table :bible270_checkoffs do |t|
+      t.references :reader, null: false, index: true,
+                   foreign_key: { to_table: :bible270_readers }
+      t.integer :day,   null: false
+      t.string  :track, null: false
+      t.timestamps
+    end
+    add_index :bible270_checkoffs, %i[reader_id day track], unique: true,
+              name: "idx_b270_checkoffs_unique"
+    add_index :bible270_checkoffs, :day
+  end
+end