:root{--paper:#faf8f5;--ink:#1c1917;--accent:#1d4ed8;--destructive:#b91c1c;--amber:#b45309;--rule:color-mix(in srgb, var(--ink) 20%, var(--paper));--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--serif:Georgia, "Times New Roman", serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-text-size-adjust:100%;margin:0;font-size:17px;line-height:1.5}button,a,input,textarea,select{font:inherit}button,.target{min-width:44px;min-height:44px}input,textarea,select{min-height:44px}button{color:var(--ink);border:1px solid var(--rule);background:0 0;border-radius:6px}.passage{font-family:var(--serif)}.page{max-width:720px;margin:0 auto;padding:32px 24px}.page h1{margin:0 0 24px;font-size:24px}.login{flex-direction:column;gap:16px;max-width:360px;display:flex}.login label{font-size:14px;font-weight:600}.login input{border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:6px;padding:8px 12px}.login input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.login [role=alert]{margin:0;font-weight:600}.login button[type=submit]{background:var(--accent);color:var(--paper);border:none;border-radius:6px;align-self:flex-start;padding:0 20px;font-weight:600}.series{flex-direction:column;gap:24px;display:flex}.series-head{justify-content:space-between;align-items:center;display:flex}.series-head h1{margin:0;font-size:20px}.series-head button{background:var(--accent);color:var(--paper);border:none;border-radius:6px;padding:0 20px;font-weight:600}.series-rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.series-rows li{border-bottom:1px solid var(--rule)}.series-rows li:first-child{border-top:1px solid var(--rule)}.series-rows button{text-align:left;cursor:pointer;background:0 0;border:none;grid-template-columns:100px 1fr auto;grid-template-areas:"date reference status""main-point main-point main-point";gap:4px 16px;width:100%;padding:14px 4px;display:grid}.series-rows button:hover,.series-rows button:focus-visible{background:color-mix(in srgb, var(--accent) 8%, var(--paper))}.date{color:var(--ink);grid-area:date;font-size:14px}.reference{grid-area:reference;font-size:18px;font-weight:600}.status{color:var(--ink);text-transform:uppercase;letter-spacing:.04em;grid-area:status;font-size:14px}.main-point{color:var(--ink);grid-area:main-point;font-size:15px}.main-point:empty{display:none}.empty{color:var(--ink);padding:32px 4px}.sheet{z-index:11;background:var(--paper);border:1px solid var(--rule);border-radius:12px;flex-direction:column;gap:16px;width:min(480px,100vw - 48px);max-height:calc(100vh - 48px);padding:24px;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.sheet [role=tablist]{gap:8px;display:flex}.sheet [role=tab]{border:1px solid var(--rule);background:0 0;border-radius:6px;padding:0 16px}.sheet [role=tab][aria-selected=true]{border-color:var(--accent);color:var(--accent);font-weight:600}.sheet form{flex-direction:column;gap:12px;display:flex}.sheet label{font-size:14px;font-weight:600}.sheet input,.sheet textarea{border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:6px;padding:8px 12px}.sheet input:focus,.sheet textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.sheet [role=alert]{margin:0;font-weight:600}.sheet-actions{justify-content:flex-end;gap:12px;display:flex}.sheet-actions button[type=submit]{background:var(--accent);color:var(--paper);border:none;border-radius:6px;padding:0 20px;font-weight:600}.sheet-actions button[type=button]{border:1px solid var(--rule);background:0 0;border-radius:6px;padding:0 20px}.arc-frame{max-width:960px;margin:0 auto;padding:0 24px 32px}.bar{border-bottom:1px solid var(--rule);align-items:center;gap:16px;padding:16px 0;display:flex}.bar [role=tablist]{gap:8px;margin-right:auto;display:flex}.bar [role=tab]{border:1px solid var(--rule);background:0 0;border-radius:6px;padding:0 16px}.bar [role=tab][aria-selected=true]{border-color:var(--accent);color:var(--accent);font-weight:600}.bar>button{padding:0 16px}.bar button:disabled{cursor:default}.bar button:disabled:not([aria-selected=true]){opacity:.7}.frame-reference{font-weight:600}.chip{border:1px solid var(--rule);min-height:28px;color:var(--ink);border-radius:999px;align-items:center;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.banner{border:1px solid var(--rule);border-radius:8px;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;display:flex}.banner span{flex:1;font-weight:600}.banner button{border:1px solid var(--rule);background:0 0;border-radius:6px;padding:0 20px}.screen{padding-top:24px}.esv-notice{color:var(--ink);margin-top:32px;font-size:14px}.esv-notice a{color:inherit}.modal{z-index:12;background:var(--paper);border:1px solid var(--rule);border-radius:12px;flex-direction:column;gap:16px;width:min(360px,100vw - 48px);padding:24px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.modal-actions button.destructive{background:var(--destructive);color:var(--paper);border:none;border-radius:6px;padding:0 20px;font-weight:600}.split-screen{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:32px;display:grid}.split-screen .rules{border:1px solid var(--rule);border-radius:8px;order:2;padding:16px 20px}.split-screen .rules h2{margin:0 0 12px;font-size:16px;font-weight:700}.split-screen .rules p{margin:0 0 12px;font-size:15px}.split-screen .rules p:last-child{margin-bottom:0}.split-screen .propositions{order:1;margin:0;padding:0;list-style:none}.split-screen .propositions li{flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 0;display:flex}.split-screen .divider{min-width:auto;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:none;flex-basis:100%;justify-content:center;align-items:center;margin:0;padding:0;font-weight:700;display:flex;position:relative}.split-screen .divider:before{content:"";border-top:1px solid var(--rule);position:absolute;top:50%;left:0;right:0}.split-screen .divider span{background:var(--paper);padding:0 14px;position:relative}.split-screen .divider:hover,.split-screen .divider:focus-visible,.split-screen .divider:hover span,.split-screen .divider:focus-visible span{background:color-mix(in srgb, var(--accent) 8%, var(--paper))}.split-screen .number{min-width:20px;font-family:var(--sans);text-align:right;flex:none;font-size:15px;font-weight:700}.split-screen .words{flex-wrap:wrap;flex:300px;align-items:baseline;gap:0;display:flex}.split-screen .word{min-width:auto;min-height:auto;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:10px 4px;position:relative}.split-screen .word:hover,.split-screen .word:focus-visible{background:color-mix(in srgb, var(--accent) 8%, var(--paper))}.split-screen .word:hover:before,.split-screen .word:focus-visible:before{content:"‸";color:var(--accent);font-weight:700;position:absolute;left:-2px}.split-screen .verse{border:1px solid var(--rule);min-width:16px;height:16px;font-family:var(--sans);vertical-align:top;border-radius:999px;justify-content:center;align-items:center;margin-right:3px;padding:0 4px;font-size:11px;font-weight:700;line-height:1;display:inline-flex;top:-2px}.arc-svg text{font-family:var(--sans);fill:var(--ink);font-size:17px}.arc-svg .prop-text{font-family:var(--serif)}.arc-svg .prop-number,.arc-svg .arc-symbol{font-weight:700}.arc-svg .stroke{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round}.arc-svg .circle-ring{stroke-width:2.5px}.arc-svg [data-prop],.arc-svg [data-arc],.arc-svg [data-circle]{cursor:pointer}.arc-svg [data-arc-group][data-selected=true] .stroke{stroke:var(--accent)}.arc-svg [data-arc-group][data-selected=true] .arc-symbol{fill:var(--accent)}.arc-svg [data-circle][data-missing=true]{stroke-width:2px}.relate-screen{flex-direction:column;gap:24px;display:flex}.arc-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.arc-scroll .arc-svg{width:1024px;height:auto;display:block}.arc-actions{border:1px solid var(--rule);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:16px 20px;display:flex}.arc-actions-row{gap:12px;display:flex}.arc-actions button{border:1px solid var(--rule);color:var(--ink);cursor:pointer;background:0 0;border-radius:6px;padding:0 20px}.arc-actions button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--paper));font-weight:600}.arc-actions .destructive{border-color:var(--destructive);color:var(--destructive)}.circle-choice{border-top:1px solid var(--rule);flex-wrap:wrap;flex-basis:100%;align-items:center;gap:12px;padding-top:12px;display:flex}.circle-choice h4{flex-basis:100%;margin:0;font-size:15px;font-weight:700}.circle-missing{color:var(--amber);flex-basis:100%;margin:0;font-weight:600}.palette{border-top:1px solid var(--rule);grid-template-columns:.85fr 1.05fr 1.35fr .85fr;align-items:start;gap:0 16px;padding-top:16px;display:grid}.palette-block{grid-column:1/-1;margin:0 0 12px;padding:0 6px;font-weight:600}.palette-group h4{letter-spacing:.06em;text-transform:uppercase;min-height:58px;margin:0 0 8px;padding:0 6px;font-size:13px;font-weight:700}.palette-row button{width:100%;min-width:0;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 6px;display:block}.palette-row button:not(:disabled):hover,.palette-row button:not(:disabled):focus-visible{background:color-mix(in srgb, var(--accent) 8%, var(--paper))}.palette-row button[data-current=true]{background:color-mix(in srgb, var(--accent) 12%, var(--paper));box-shadow:inset 0 0 0 1px var(--accent)}.palette-row button:disabled{cursor:default}.palette-row button[data-unfit=true] .sym,.palette-row button[data-unfit=true] .name,.palette-row button[data-unfit=true] .def{opacity:.7}.palette-row .sym{margin-right:8px;font-weight:700}.palette-row .name{font-size:17px}.palette-row .ring{border:1px solid var(--rule);vertical-align:1px;border-radius:999px;margin-left:6px;padding:0 8px;font-size:12px;line-height:18px;display:inline-block}.palette-row .def{margin-top:2px;font-size:14px;line-height:1.35;display:block}.palette-row .why{margin-top:4px;font-size:13px;display:block}.palette .warn{border-left:2px solid var(--rule);margin:2px 6px 10px;padding-left:10px;font-size:14px;line-height:1.4}.summarize-screen{flex-direction:column;gap:24px;max-width:640px;display:flex}.summarize-screen label{font-size:14px;font-weight:600}.summarize-screen input{border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:6px;padding:8px 12px}.summarize-screen input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.levels h2{margin:0 0 16px;font-size:16px;font-weight:700}.level{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:flex-start;gap:6px 12px;margin-bottom:16px;padding-bottom:16px;display:flex}.level label{font-size:13px}.level input{flex-basis:100%}.level button{border:1px solid var(--rule);color:var(--ink);cursor:pointer;background:0 0;border-radius:6px;padding:0 16px}.level button[aria-label^=Remove]{border-color:var(--destructive);color:var(--destructive)}.levels>button{border:1px solid var(--rule);color:var(--ink);cursor:pointer;background:0 0;border-radius:6px;padding:0 20px}.summarize-screen button:disabled{cursor:default}.summarize-screen .missing{margin:0;padding-left:20px;font-weight:600}.summarize-screen .missing li{margin-bottom:4px}.summarize-screen>button{background:var(--accent);color:var(--paper);border:none;border-radius:6px;align-self:flex-start;padding:0 24px;font-weight:600}.summarize-screen>button:disabled{border:1px solid var(--rule);color:var(--ink);background:0 0}
