:root{--paper: #eef1f0;--surface: #ffffff;--scripture-surface: #fbfaf6;--ink: #1b2430;--muted: #5a6570;--accent: #2f6f62;--accent-soft: #dceae6;--hairline: #dce2e0;--danger: #9b3b3b;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--measure: 720px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.5}.app{max-width:var(--measure);margin:0 auto;padding:0 20px 48px}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 0 14px;margin-bottom:8px;background:linear-gradient(var(--paper) 78%,rgba(238,241,240,0))}.title{flex:1 1 240px;min-width:0;font-family:var(--serif);font-size:1.5rem;font-weight:600;color:var(--ink);border:none;background:transparent;padding:4px 2px;border-bottom:1px solid transparent}.title:focus{outline:none;border-bottom-color:var(--accent)}.controls{display:flex;align-items:center;gap:12px}.ctl{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--muted)}.ctl select{font-family:var(--sans);font-size:.82rem;color:var(--ink);border:1px solid var(--hairline);border-radius:7px;padding:5px 8px;background:var(--surface)}.conn{font-family:var(--mono);font-size:.78rem;cursor:pointer;border:1px solid var(--hairline);border-radius:999px;padding:6px 12px;background:var(--surface)}.conn.online{color:var(--accent);border-color:var(--accent-soft)}.conn.offline{color:var(--muted)}.savestate{font-family:var(--mono);font-size:.72rem;color:var(--muted);min-width:52px;text-align:right}.savestate.saved{color:var(--accent)}.newbtn{font-family:var(--sans);font-size:.8rem;color:var(--accent);border:1px solid var(--accent-soft);border-radius:7px;padding:5px 12px;background:var(--surface);cursor:pointer}.newbtn:hover{background:var(--accent-soft)}.sessions-wrap{position:relative}.sessions-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:transparent}.sessions-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:11;width:min(340px,86vw);max-height:60vh;overflow:auto;background:var(--surface);border:1px solid var(--hairline);border-radius:11px;box-shadow:0 12px 30px #1b243024;padding:8px}.session-new{width:100%;text-align:left;font-family:var(--sans);font-size:.85rem;font-weight:600;color:var(--accent);background:var(--accent-soft);border:none;border-radius:8px;padding:8px 10px;cursor:pointer;margin-bottom:6px}.session-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.session-empty{color:var(--muted);font-size:.82rem;padding:8px 10px}.session{display:flex;align-items:center;gap:2px;border-radius:8px}.session.current{background:var(--paper)}.session-open{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:transparent;border:none;cursor:pointer;padding:7px 8px;border-radius:8px;text-align:left}.session-open:hover{background:var(--accent-soft)}.session-title{font-family:var(--sans);font-size:.88rem;color:var(--ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-date{font-family:var(--mono);font-size:.68rem;color:var(--muted)}.acctbtn{font-family:var(--sans);font-size:.8rem;color:var(--muted);border:1px solid var(--hairline);border-radius:7px;padding:5px 12px;background:var(--surface);cursor:pointer}.acctbtn.signed-in{color:var(--accent);border-color:var(--accent-soft);font-family:var(--mono);font-size:.76rem}.acctbtn:hover{background:var(--accent-soft)}.auth-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:11;width:min(300px,86vw);background:var(--surface);border:1px solid var(--hairline);border-radius:11px;box-shadow:0 12px 30px #1b243024;padding:12px;display:flex;flex-direction:column;gap:8px}.auth-who{font-size:.9rem;color:var(--ink)}.auth-input{font-family:var(--sans);font-size:.9rem;border:1px solid var(--hairline);border-radius:8px;padding:8px 10px}.auth-input:focus{outline:none;border-color:var(--accent)}.auth-actions{display:flex;gap:8px}.auth-btn{flex:1;font-family:var(--sans);font-size:.85rem;color:var(--ink);border:1px solid var(--hairline);border-radius:8px;padding:8px 10px;background:var(--surface);cursor:pointer}.auth-btn.primary{color:#fff;background:var(--accent);border-color:var(--accent);font-weight:600}.auth-btn:disabled{opacity:.5;cursor:default}.auth-note{font-size:.74rem;color:var(--muted);margin:0}.auth-error{font-size:.8rem;color:var(--danger);margin:0}.auth-info{font-size:.8rem;color:var(--accent);margin:0}@media (max-width: 560px){.auth-panel,.sessions-panel{position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:min(340px,92vw);max-height:85vh;overflow-y:auto;z-index:21}.sessions-scrim{z-index:20;background:#1b243047}}.share-page{max-width:720px;margin:0 auto;padding:24px 20px 60px}.share-banner{font-family:var(--sans);font-size:.78rem;color:var(--accent);background:var(--accent-soft);border-radius:8px;padding:6px 12px;display:inline-block;margin-bottom:14px}.share-title{font-family:var(--serif);font-size:1.7rem;color:var(--ink);margin:0 0 18px}.share-msg{font-family:var(--sans);color:var(--muted);padding:40px 0;text-align:center}.share-foot{margin-top:30px;font-family:var(--mono);font-size:.72rem;color:var(--muted);text-align:center}.notebook{display:flex;flex-direction:column;gap:16px}.empty{color:var(--muted);font-size:.95rem;text-align:center;padding:48px 0}.empty code,.composer code{font-family:var(--mono);background:var(--accent-soft);padding:1px 6px;border-radius:5px}.block{position:relative;border:1px solid var(--hairline);border-radius:12px}.block .remove{position:absolute;top:8px;right:8px;color:var(--muted);opacity:0;transition:opacity .12s ease}.block:hover .remove,.block:focus-within .remove{opacity:1}.note{background:var(--surface);padding:12px 14px}.note-text{width:100%;border:none;resize:vertical;background:transparent;font-family:var(--sans);font-size:1rem;color:var(--ink);line-height:1.6;padding:2px}.note-text:focus{outline:none}.note-rendered{font-family:var(--sans);font-size:1rem;color:var(--ink);line-height:1.6;padding:2px;cursor:text}.note-rendered.empty{color:var(--muted)}.note-rendered p{margin:0 0 8px}.note-rendered p:last-child{margin-bottom:0}.note-rendered h1,.note-rendered h2,.note-rendered h3,.note-rendered h4,.note-rendered h5,.note-rendered h6{font-family:var(--serif);color:var(--ink);margin:4px 0 6px;line-height:1.25}.note-rendered h1{font-size:1.4rem}.note-rendered h2{font-size:1.2rem}.note-rendered h3{font-size:1.06rem}.note-rendered ul,.note-rendered ol{margin:4px 0 8px;padding-left:22px}.note-rendered li{margin:2px 0}.note-rendered a{color:var(--accent);text-decoration:underline}.note-rendered code{font-family:var(--mono);font-size:.9em;background:var(--paper);padding:1px 5px;border-radius:4px}.fmt-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-bottom:6px}.fmt{min-width:26px;height:26px;font-family:var(--sans);font-size:.82rem;color:var(--ink);border:1px solid var(--hairline);border-radius:6px;background:var(--surface);cursor:pointer;padding:0 6px}.fmt:hover{background:var(--accent-soft);border-color:var(--accent-soft)}.fmt-hint{font-size:.72rem;color:var(--muted);font-style:italic;margin-left:4px}.note.editing{padding-top:10px}.scripture{background:var(--scripture-surface);border-left:3px solid var(--accent);padding:14px 16px 12px}.scripture.loading{color:var(--muted);font-style:italic}.scripture-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.ref-chip{font-family:var(--mono);font-size:.8rem;font-weight:600;color:var(--accent)}.translation-tag{font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;color:var(--muted);border:1px solid var(--hairline);border-radius:5px;padding:1px 6px}.badge{font-size:.72rem;color:#7a5a1e;background:#f7edcf;border:1px solid #ebd9a6;border-radius:6px;padding:2px 8px}.verses{font-family:var(--serif);font-size:1.12rem;line-height:1.75;color:var(--ink);user-select:none;-webkit-user-select:none}.verse{margin:0 0 6px}.vnum{font-family:var(--sans);font-size:.62rem;color:var(--accent);font-weight:700;margin-right:3px;vertical-align:.5em}.seg.word{cursor:pointer;border-radius:2px}.seg.word:hover{box-shadow:inset 0 -2px 0 var(--accent-soft)}.seg.softened{text-decoration:underline dashed rgba(27,36,48,.35);text-underline-offset:3px}.seg.selected{outline:2px solid var(--accent);outline-offset:1px;border-radius:3px}.fnmark{font-family:var(--sans);font-size:.6rem;color:var(--accent);font-weight:700;vertical-align:.5em;margin-left:1px}.sel-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding:8px 10px;background:var(--surface);border:1px solid var(--hairline);border-radius:9px}.sel-label{font-size:.8rem;color:var(--muted)}.sel-hint{font-size:.72rem;color:var(--muted);font-style:italic}.scripture-head .copy{font-size:.72rem;color:var(--muted)}.scripture-head .copy:hover{color:var(--accent)}.swatch{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.12);cursor:pointer;padding:0}.swatch.sm{width:13px;height:13px;vertical-align:-2px;margin-right:4px}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:.78rem;color:var(--muted)}.legend-item{display:inline-flex;align-items:center}.footnotes{margin:12px 0 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px}.footnotes li{display:flex;align-items:flex-start;gap:8px}.fn-num{font-family:var(--sans);font-size:.7rem;font-weight:700;color:var(--accent);margin-top:6px}.fn-text{flex:1;font-family:var(--sans);font-size:.9rem;color:var(--ink);border:1px solid var(--hairline);border-radius:7px;padding:6px 8px;resize:vertical;background:var(--surface)}.fn-text:focus{outline:none;border-color:var(--accent)}.attribution{margin-top:12px;font-size:.72rem;color:var(--muted);font-style:italic}.no-text{margin:4px 0 6px;padding:10px 12px;font-family:var(--sans);font-size:.85rem;color:#6a5636;background:#f7f0e0;border:1px solid #e7dabc;border-radius:8px;line-height:1.5}.ghost{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:.85rem;padding:4px 6px;border-radius:6px}.ghost:hover{background:var(--accent-soft);color:var(--accent)}.ghost.x{color:var(--danger);font-size:1rem;line-height:1}.primary{font-family:var(--sans);font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:9px;padding:10px 18px;cursor:pointer}.primary:hover{filter:brightness(1.05)}.hint{margin:0 0 14px;font-size:.85rem;color:var(--muted);padding:8px 12px;background:var(--surface);border:1px solid var(--hairline);border-radius:9px}.hint code{font-family:var(--mono);background:var(--accent-soft);padding:1px 6px;border-radius:5px;color:var(--accent)}.add-note-below{margin-top:8px;font-size:.78rem;color:var(--muted);opacity:0;transition:opacity .12s ease}.block.scripture:hover .add-note-below,.block.scripture:focus-within .add-note-below{opacity:1}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important}}@media (max-width: 560px){.topbar{gap:10px}.verses{font-size:1.06rem}}.footnotes.share .fn-text-ro{font-family:var(--sans);font-size:.9rem;color:var(--ink)}.plan-badge{font-family:var(--sans);font-size:.78rem;color:var(--muted);background:var(--paper);border-radius:7px;padding:5px 10px}.plan-badge.pro{color:var(--accent);background:var(--accent-soft);font-weight:600}