:root{--bg: #f6f4ef;--panel: #ffffff;--ink: #1a1a1a;--muted: #6b6b6b;--line: #e3ddd2;--accent: #3a6ea5;--accent-ink: #fff;--verse: #9a6b2f;--shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .08);--serif: ui-serif, Georgia, "Times New Roman", serif;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans)}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:0 1px #00000005;flex-wrap:wrap}.brand{font-family:var(--serif);font-weight:700;font-size:18px;letter-spacing:.2px}.brand span{color:var(--accent)}.title-input,.ref-input{font-family:var(--serif);border:1px solid transparent;background:transparent;padding:5px 8px;border-radius:6px;font-size:15px;color:var(--ink)}.title-input{font-weight:600;min-width:140px}.ref-input{color:var(--muted);min-width:180px}.title-input:hover,.ref-input:hover{border-color:var(--line)}.title-input:focus,.ref-input:focus{border-color:var(--accent);outline:none;background:#fff}.spacer{flex:1}.divider{width:1px;height:22px;background:var(--line);margin:0 2px}.tb{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:6px 9px;border-radius:7px;cursor:pointer;font-size:13px}.tb:hover{background:#f3efe7}.tb:disabled{opacity:.4;cursor:default}.tb span{font-size:13px}.workspace{flex:1;display:flex;min-height:0}.stage{flex:1;overflow:auto;padding:22px 26px 40px;min-width:0}.tb--on{background:var(--accent);color:#fff;border-color:var(--accent)}.tb--on:hover{background:#335f8e}.passage-nav{width:160px;flex:0 0 160px;border-right:1px solid var(--line);background:#faf8f3;display:flex;flex-direction:column;overflow:hidden}.passage-nav__label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);padding:10px 12px 6px}.passage-nav__list{flex:1;overflow:auto;padding:0 8px;display:flex;flex-direction:column;gap:6px}.pcard{position:relative;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 10px;cursor:pointer}.pcard:hover{border-color:#cdc6b6}.pcard.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#f3f7fc}.pcard__title{font-family:var(--serif);font-weight:600;font-size:13px;line-height:1.25}.pcard__sub{font-size:11px;color:var(--muted);margin-top:2px}.pcard__x{position:absolute;top:4px;right:4px;border:none;background:transparent;color:#c4bcab;cursor:pointer;padding:2px;border-radius:4px;display:none}.pcard:hover .pcard__x{display:inline-flex}.pcard__x:hover{background:#fde8e6;color:#c0392b}.passage-nav__add{margin:8px;padding:8px;border:1px dashed var(--line);background:#fff;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:13px;color:var(--muted)}.passage-nav__add:hover{border-color:var(--accent);color:var(--accent)}.notes{width:360px;flex:0 0 360px;border-left:1px solid var(--line);background:#fff;display:flex;flex-direction:column;overflow:hidden}.notes__head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line)}.notes__title{font-weight:700;font-size:13px}.notes__toolbar{display:flex;gap:2px;padding:6px 8px;border-bottom:1px solid var(--line)}.notes__toolbar button{border:none;background:transparent;cursor:pointer;color:var(--muted);padding:6px;border-radius:6px;display:inline-flex}.notes__toolbar button:hover{background:#efeae0;color:var(--ink)}.notes__body{flex:1;overflow:auto;padding:14px 16px;font-family:var(--serif);font-size:15px;line-height:1.55;outline:none}.notes__body:empty:before{content:attr(data-placeholder);color:#b9b2a4;font-style:italic}.notes__body h3{font-size:16px;margin:12px 0 4px}.notes__body a{color:var(--accent)}.notes__body ul{padding-left:20px}.drawer__field{display:flex;flex-direction:column;gap:4px;margin:4px 0 12px;font-size:12px;color:var(--muted)}.drawer__field input{border:1px solid var(--line);border-radius:7px;padding:8px 10px;font-size:14px;color:var(--ink);font-family:var(--serif)}.drawer__field input:focus{outline:none;border-color:var(--accent)}.empty{max-width:460px;margin:8vh auto;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:40px 34px;box-shadow:var(--shadow)}.empty h1{font-family:var(--serif);font-size:26px;margin:0 0 8px}.empty p{color:var(--muted);margin:0 0 22px}.empty .btn{margin:4px}.diagram{display:flex;align-items:flex-start;gap:0;min-height:100%}.prop-col{width:420px;min-width:320px;flex:0 0 auto}.diagram-col{position:relative;flex:0 0 auto;align-self:stretch;order:-1}.bracket-svg{display:block;overflow:visible}.rel-label{cursor:pointer}.rel-label:hover text{text-decoration:underline}.prop-row{display:flex;align-items:flex-start;gap:6px;padding:6px 8px 6px 4px;border-radius:7px;border:1px solid transparent}.prop-row:hover{background:#efeae0}.prop-row.is-selected{background:#e7eefb;border-color:#c9dbf6}.prop-row.is-pending{background:#fdf3dd;border-color:#ecd9a6}.sel-circle{flex:0 0 auto;width:16px;height:16px;margin-top:4px;border-radius:50%;border:2px solid #b9b2a4;background:#fff;cursor:grab;padding:0}.sel-circle:hover{border-color:var(--accent)}.sel-circle.is-on{background:#d9a531;border-color:#b9851c}body.dragging-emphasis,body.dragging-emphasis .sel-circle{cursor:grabbing!important}.del-x{flex:0 0 auto;width:16px;height:16px;margin-top:4px;border:none;background:transparent;color:#c4bcab;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.prop-row:hover .del-x{color:#b06a60}.del-x:hover{background:#fde8e6;color:#c0392b}.vlabel{flex:0 0 auto;min-width:26px;text-align:right;color:var(--verse);font-weight:700;font-size:11px;padding-top:4px;-webkit-user-select:none;user-select:none}.prop-text{flex:1;font-family:var(--serif);font-size:16px;line-height:1.45;padding:1px 4px;border-radius:4px;min-height:1.45em;cursor:default;position:relative}.prop-text.is-editing{background:#fff;box-shadow:inset 0 0 0 1px var(--accent);outline:none;cursor:text}.prop-text.splittable{cursor:pointer}.prop-text.splittable .word{border-radius:2px}.split-slash{position:absolute;transform:translate(-50%);color:var(--accent);font-weight:700;font-size:18px;line-height:1;pointer-events:none;margin-top:1px}.edit-pencil{flex:0 0 auto;border:none;background:transparent;color:transparent;cursor:pointer;padding:4px;border-radius:4px;margin-top:1px}.prop-row:hover .edit-pencil{color:#b3aa99}.edit-pencil:hover{background:#e3ddd2;color:var(--ink)}.mainpoint{width:100%;max-width:720px;margin:0 0 14px;font-family:var(--serif);font-size:16px;font-style:italic;color:var(--ink);padding:8px 12px;border:1px dashed var(--line);border-radius:8px;background:#fffdf8}.mainpoint:focus{outline:none;border-color:var(--accent);border-style:solid;background:#fff}.statusbar{border-top:1px solid var(--line);background:var(--panel);padding:8px 16px;font-size:13px;color:var(--muted)}.statusbar b{color:var(--ink)}.picker-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.picker{position:fixed;z-index:41;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:80vh;overflow:hidden}.picker__head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 6px}.picker__title{font-weight:700;font-size:13px}.picker__head-actions{display:flex;gap:2px}.picker__def{padding:8px 12px;background:#faf8f3;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:84px}.picker__badges{display:flex;gap:6px;margin-bottom:4px}.badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#5a6470;background:#e7eaef;padding:2px 6px;border-radius:4px}.picker__defname{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}.picker__sym{color:var(--muted);font-weight:600}.flip-btn{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:11px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:3px 7px;cursor:pointer}.flip-btn:hover{background:#f3efe7}.picker__deftext{font-size:12.5px;font-style:italic;color:#444;margin:5px 0 4px;line-height:1.4}.picker__conj{font-size:12px;color:var(--muted);margin:0}.picker__hint{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12.5px;font-style:italic;margin:18px 0}.picker__filter{margin:8px 12px;padding:7px 9px;border:1px solid var(--line);border-radius:7px;font-size:12.5px}.picker__filter:focus{outline:none;border-color:var(--accent)}.picker__list{overflow:auto;padding:0 8px 10px;display:flex;flex-direction:column;gap:1px}.picker-item{display:flex;align-items:center;gap:8px;border:none;background:transparent;cursor:pointer;padding:5px 6px;border-radius:6px;text-align:left;width:100%}.picker-item:hover{background:#eef1f6}.picker-item.is-current{background:#e7eefb}.picker-item__bar{width:4px;height:16px;border-radius:2px;background:var(--rel-color);flex:0 0 auto}.picker-item__label{font-weight:800;font-size:12.5px;min-width:42px;color:var(--rel-color)}.picker-item__name{font-size:12.5px;color:var(--ink)}.picker-item--custom{margin-top:4px;border-top:1px solid var(--line);padding-top:8px}.palette{display:flex;gap:16px;flex-wrap:wrap}.palette--compact{gap:12px}.palette__group{min-width:150px}.palette__heading{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}.palette__items{display:flex;gap:5px;flex-wrap:wrap}.rel-chip{display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:1px solid var(--rel-color);background:var(--rel-tint);color:var(--ink);padding:4px 8px;border-radius:14px;font-size:12px}.rel-chip:hover{background:var(--rel-color);color:#fff}.rel-chip:disabled{cursor:default}.rel-chip__label{font-weight:800;color:var(--rel-color)}.rel-chip:hover .rel-chip__label{color:#fff}.rel-chip__name{font-size:11px}.palette--compact .rel-chip__name{display:none}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:7px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-family:var(--sans)}.btn:hover{background:#f3efe7}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn--primary:hover{background:#335f8e}.btn--ghost{background:transparent}.icon-btn{border:none;background:transparent;cursor:pointer;color:var(--muted);padding:5px;border-radius:6px;display:inline-flex}.icon-btn:hover{background:#efeae0;color:var(--ink)}.icon-btn--danger:hover{background:#fde8e6;color:#c0392b}.changerel{position:relative}.changerel summary{list-style:none}.changerel summary::-webkit-details-marker{display:none}.changerel__pop{position:absolute;bottom:120%;left:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;box-shadow:var(--shadow);z-index:30;min-width:360px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120e66;display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.modal{background:var(--panel);border-radius:14px;box-shadow:var(--shadow);width:560px;max-width:100%;max-height:86vh;overflow:auto;padding:20px 22px}.modal--wide{width:760px}.modal--narrow{width:480px}.trans-row{display:flex;gap:6px;margin:10px 0 12px}.trans-chip{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 14px;cursor:pointer;font-weight:700;font-size:13px;color:var(--ink)}.trans-chip:hover{background:#f3efe7}.trans-chip.is-on{background:var(--accent);border-color:var(--accent);color:#fff}.ref-row{display:flex;gap:8px}.ref-field{flex:1;border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-family:var(--serif);font-size:15px}.ref-field:focus{outline:none;border-color:var(--accent)}.err-line{color:#c0392b;font-size:13px;margin:8px 0 0}.small{font-size:12px}.small code{background:#efeae0;padding:1px 4px;border-radius:3px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.attribution{color:var(--muted);font-size:11.5px;margin:16px 0 0;max-width:720px}.attribution a{color:var(--accent)}.modal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.modal__head h2{font-family:var(--serif);font-size:20px;margin:0}.modal__foot{display:flex;align-items:center;gap:10px;margin-top:14px}.muted{color:var(--muted);font-size:13px}.paste-area{width:100%;height:240px;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:12px;font-family:var(--serif);font-size:15px;line-height:1.5;margin:8px 0}.checkline{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.help-steps{font-size:14px;line-height:1.6;padding-left:20px}.help-steps li{margin-bottom:6px}.help-subhead{font-family:var(--serif);margin:18px 0 10px}.drawer{position:fixed;right:0;top:0;height:100%;width:380px;max-width:92vw;background:var(--panel);box-shadow:var(--shadow);padding:18px 18px 30px;overflow:auto}.drawer__actions{margin:6px 0 14px}.study-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.study-list li{display:flex;align-items:center;gap:4px;border-radius:8px}.study-list li.is-current{background:#e7eefb}.study-list__open{flex:1;text-align:left;border:none;background:transparent;cursor:pointer;padding:9px 10px;border-radius:8px;display:flex;flex-direction:column}.study-list__open:hover{background:#efeae0}.study-list__title{font-weight:600;font-family:var(--serif)}.study-list__ref{font-size:12px;color:var(--muted)}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:#1a1a1a;color:#fff;padding:9px 16px;border-radius:999px;font-size:13px;z-index:60}.prop-col{width:auto;min-width:0}.col-headers{display:flex;align-items:stretch;border-bottom:1px solid var(--line);margin-bottom:2px}.col-headers .gutter{padding:0}.col-header{width:250px;flex:0 0 250px;padding:6px 9px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;border-left:1px solid var(--line)}.col-x{border:none;background:transparent;cursor:pointer;color:#c4bcab;padding:2px;border-radius:4px;display:inline-flex}.col-x:hover{background:#fde8e6;color:#c0392b}.add-col{border:1px dashed var(--line);background:#fff;cursor:pointer;color:var(--muted);border-radius:8px;padding:5px 8px;margin:0 0 0 8px;align-self:center;display:inline-flex}.add-col:hover{border-color:var(--accent);color:var(--accent)}.prop-row{display:flex;align-items:stretch;gap:0;padding:0;border-radius:0;border:none}.prop-row:hover,.prop-row.is-selected,.prop-row.is-pending{background:transparent}.gutter{width:70px;flex:0 0 70px;display:flex;align-items:flex-start;gap:3px;padding:8px 4px 0 2px}.gutter .vlabel{padding-top:1px}.cell-wrap{width:250px;flex:0 0 250px;border-left:1px solid var(--line);border-bottom:1px solid #efe9dd}.prop-row.is-selected .cell-wrap{background:#e7eefb}.prop-row.is-pending .cell-wrap{background:#fdf3dd}.cell{padding:7px 9px;font-family:var(--serif);font-size:15px;line-height:1.42;min-height:1.5em}.cell--primary{display:flex;align-items:flex-start;gap:2px;padding:0}.cell--primary .prop-text{flex:1;padding:7px 2px 7px 9px}.cell--primary .edit-pencil{margin:6px 4px 0 0}.cell--primary:hover .edit-pencil{color:#b3aa99}.cell--read{color:#333}.cell--mine{outline:none;cursor:text;color:#2b3a55}.cell--mine[data-empty=true]:empty:before{content:"your words…";color:#c4bcab}.cell--mine:focus{background:#fff;box-shadow:inset 0 0 0 1px var(--accent)}.cell--edit{outline:none;background:#fff;box-shadow:inset 0 0 0 1px var(--accent);padding:7px 9px}.col-add-section{margin:10px 0}.col-add-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-bottom:6px}.col-add-grid{display:flex;gap:6px;flex-wrap:wrap}.col-add-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:700;font-size:13px;color:var(--ink)}.col-add-btn:hover:not(:disabled){background:#f3efe7}.col-add-btn:disabled{opacity:.45;cursor:default}.col-add-btn--mine{font-weight:600}.shell{height:100vh;display:flex;flex-direction:column}.tabbar{flex:0 0 auto;display:flex;align-items:center;gap:4px;background:#2b2f36;padding:0 12px}.tabbar__brand{color:#cdd2da;font-family:var(--serif);font-weight:700;font-size:14px;margin-right:14px}.tab{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:#aeb4bd;padding:11px 14px;cursor:pointer;font-size:13px;border-bottom:2px solid transparent}.tab:hover{color:#fff}.tab.is-on{color:#fff;border-bottom-color:var(--accent)}.view{flex:1;min-height:0}.view__pane{height:100%;width:100%}.app{height:100%}.reader{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;background:var(--bg)}.reader__bar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.ref-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 12px;cursor:pointer;font-family:var(--serif);font-weight:600;font-size:15px;color:var(--ink)}.ref-btn:hover{background:#f3efe7}.reader__nav{display:flex;gap:2px}.reader__scroll{flex:1;overflow:auto}.reader__page{max-width:720px;margin:0 auto;padding:30px 28px 80px}.reader__title{font-family:var(--serif);font-size:26px;margin:0 0 18px}.reader__text{font-family:var(--serif);font-size:19px;line-height:1.7;color:#1a1a1a}.rv__n{color:var(--verse);font-weight:700;font-size:.62em;margin-right:2px;vertical-align:super}.reader__attr{margin-top:28px}.picker-modal{width:520px}.book-section{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin:14px 0 8px}.book-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.chapter-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:8px}.chip{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 4px;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--ink);text-align:center}.chip:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.chip.is-current{border-color:var(--accent);color:var(--accent)}.readtab{flex:1;position:relative;display:flex;min-height:0;width:100%;overflow:hidden}.readtab .reader{flex:1;width:auto;min-width:0}.readtab__notes{position:absolute;top:0;right:0;bottom:0;width:380px;max-width:92vw;border-left:1px solid var(--line);background:#fff;display:flex;flex-direction:column;min-height:0;transform:translate(100%);transition:transform .25s ease;z-index:20}.readtab__notes.is-open{transform:translate(0);box-shadow:-10px 0 28px #0000001f}.notes-handle{position:absolute;left:-34px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;background:var(--accent);color:#fff;border:none;cursor:pointer;padding:14px 6px;border-radius:9px 0 0 9px;font-size:12px;font-weight:700;letter-spacing:.4px;box-shadow:-2px 0 6px #00000024}.notes-handle:hover{background:#335f8e}.notes-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#14120e47;z-index:15}@media (min-width: 1024px){.notes-backdrop{display:none}}@media (max-width: 600px){.reader__page{padding:20px 16px 64px}.reader__title{font-size:22px}.reader__bar{flex-wrap:wrap;gap:8px}}.notes-panel{display:flex;flex-direction:column;min-height:0;height:100%}.notes-panel__head{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line)}.notes-panel__title{font-weight:700;font-size:14px;margin-right:auto}.btn--sm{padding:5px 9px;font-size:12px}.folder-tree{border-bottom:1px solid var(--line);max-height:38%;overflow:auto;padding:6px 0}.folder-row{display:flex;align-items:center;gap:6px;padding:6px 10px 6px 8px;cursor:pointer;font-size:13px}.folder-row:hover{background:#f3efe7}.folder-row.is-sel{background:#e7eefb}.folder-row__ico{color:var(--muted);flex:0 0 auto}.folder-row__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-row__count{font-size:11px;color:var(--muted)}.folder-row__actions{display:none;gap:1px}.folder-row:hover .folder-row__actions{display:inline-flex}.folder-row__actions button{border:none;background:transparent;cursor:pointer;color:var(--muted);padding:3px;border-radius:4px;display:inline-flex}.folder-row__actions button:hover{background:#e3ddd2;color:var(--ink)}.notes-sort{display:flex;gap:2px;padding:6px 10px;border-bottom:1px solid var(--line)}.sort-tab{border:none;background:transparent;cursor:pointer;color:var(--muted);font-size:12px;padding:4px 8px;border-radius:6px}.sort-tab.is-on{background:var(--accent);color:#fff}.notes-list{flex:1;overflow:auto}.note-row{display:block;width:100%;text-align:left;border:none;border-bottom:1px solid #efe9dd;background:transparent;cursor:pointer;padding:10px 12px}.note-row:hover{background:#faf8f3}.note-row__top{display:flex;justify-content:space-between;gap:8px}.note-row__title{font-family:var(--serif);font-weight:600;font-size:14px}.note-row__date{font-size:11px;color:var(--muted);flex:0 0 auto}.note-row__preview{font-size:12px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-editor{display:flex;flex-direction:column;height:100%;min-height:0}.note-editor__head{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--line)}.note-title{flex:1;border:none;font-family:var(--serif);font-weight:700;font-size:16px;padding:4px 6px;background:transparent}.note-title:focus{outline:none}.note-meta{display:flex;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line)}.note-ref{flex:1;border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:12px}.note-folder{border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:12px;background:#fff}.note-toolbar{display:flex;flex-wrap:wrap;gap:1px;padding:5px 8px;border-bottom:1px solid var(--line)}.note-toolbar button{border:none;background:transparent;cursor:pointer;color:var(--muted);padding:6px;border-radius:6px;display:inline-flex}.note-toolbar button:hover{background:#efeae0;color:var(--ink)}.note-body{flex:1;overflow:auto;padding:14px 16px;font-family:var(--serif);font-size:15px;line-height:1.6;outline:none}.note-body:empty:before{content:attr(data-placeholder);color:#b9b2a4;font-style:italic}.note-body ul,.note-body ol{padding-left:22px}.note-foot{flex:0 0 auto;padding:8px 14px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.mode-toggle{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;flex:0 0 auto}.mode-toggle button{border:none;background:#fff;cursor:pointer;padding:5px 8px;color:var(--muted);display:inline-flex}.mode-toggle button.is-on{background:var(--accent);color:#fff}.readtab__notes.is-wide{width:760px;max-width:96vw}.ink{display:flex;flex-direction:column;min-height:0;flex:1}.ink__toolbar{display:flex;align-items:center;gap:4px;padding:6px 10px;border-bottom:1px solid var(--line);flex-wrap:wrap}.ink-tool{border:1px solid var(--line);background:#fff;cursor:pointer;padding:6px;border-radius:6px;color:var(--ink);display:inline-flex}.ink-tool.is-on{background:var(--accent);color:#fff;border-color:var(--accent)}.ink-colors{display:inline-flex;gap:4px;margin:0 4px}.ink-color{width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0}.ink-color.is-on{box-shadow:0 0 0 2px var(--accent)}.ink-bgs{display:inline-flex;gap:2px;margin-left:6px}.ink-bg{border:1px solid var(--line);background:#fff;cursor:pointer;padding:4px 8px;border-radius:6px;font-size:11px;color:var(--muted)}.ink-bg.is-on{background:var(--accent);color:#fff;border-color:var(--accent)}.ink__scroll{flex:1;overflow:auto;background:#efeae0}.ink__canvas{display:block;width:100%;touch-action:pan-y;cursor:crosshair}.rv__t{cursor:pointer;border-radius:3px;padding:0 1px}.rv__t:hover{background:#fdf3dd}.rv__note{border:none;background:transparent;cursor:pointer;color:var(--accent);padding:0 2px;vertical-align:super}.rv__note:hover{color:#335f8e}.verse-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45}.verse-menu{position:fixed;z-index:46;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:6px;min-width:180px;display:flex;flex-direction:column;gap:2px}.verse-menu__ref{font-size:11px;font-weight:700;color:var(--muted);padding:4px 8px;border-bottom:1px solid var(--line);margin-bottom:2px}.verse-menu button{display:flex;align-items:center;gap:8px;border:none;background:transparent;cursor:pointer;text-align:left;padding:8px 10px;border-radius:7px;font-size:13px;color:var(--ink)}.verse-menu button:hover{background:#f3efe7}.note-body blockquote{border-left:3px solid var(--line);margin:0 0 8px;padding:2px 0 2px 12px;color:#555;font-style:italic}.backup-box{border:1px solid #cfe3d4;background:#eef7f0;border-radius:10px;padding:12px;margin-bottom:14px}.backup-box__title{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:#2f6b46;margin-bottom:2px}.backup-box__btns{display:flex;gap:8px;margin-top:8px}.gate{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg)}.gate__card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:30px 28px;width:320px;text-align:center}.gate__title{font-family:var(--serif);font-weight:700;font-size:22px}.gate__title span{color:var(--accent)}.gate__sub{color:var(--muted);font-size:13px;margin:6px 0 16px}.gate__card input{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:15px;margin-bottom:12px}.gate__card input:focus{outline:none;border-color:var(--accent)}.gate__card .btn{width:100%;justify-content:center}.gate__err{color:#c0392b;font-size:13px;margin:0 0 10px}@media print{.topbar,.actionbar,.rowtools,.toast{display:none!important}.stage{overflow:visible;padding:0}body,.app{height:auto;background:#fff}.prop-row:hover,.prop-row.is-selected{background:transparent;border-color:transparent}}