:root{--bg: #f6f4ef;--panel: #ffffff;--panel-2: #faf8f3;--surface: #ffffff;--hover: #f3efe7;--hover-2: #efeae0;--ink: #1a1a1a;--ink-soft: #333333;--muted: #6b6b6b;--faint: #b9b2a4;--line: #e3ddd2;--line-soft: #efe9dd;--line-strong: #cdc6b6;--accent: #3a6ea5;--accent-fill: #3a6ea5;--accent-fill-strong: #335f8e;--on-accent: #ffffff;--accent-ink: var(--on-accent);--sel-bg: #e7eefb;--sel-bg-2: #f3f7fc;--sel-border: #c9dbf6;--mine-ink: #2b3a55;--verse: #9a6b2f;--warn-bg: #fdf3dd;--warn-border: #ecd9a6;--warn-dot: #d9a531;--warn-dot-border: #b9851c;--danger: #c0392b;--danger-bg: #fde8e6;--ok-bg: #eef7f0;--ok-border: #cfe3d4;--ok-ink: #2f6b46;--badge-bg: #e7eaef;--badge-ink: #5a6470;--toast-bg: #1a1a1a;--toast-ink: #ffffff;--tab-bar: #2b2f36;--tab-brand: #cdd2da;--tab-ink: #aeb4bd;--tab-ink-on: #ffffff;--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}html.theme-dark{--bg: #1b1e24;--panel: #23272e;--panel-2: #20242a;--surface: #2b3038;--hover: #323842;--hover-2: #3a414c;--ink: #e7eaef;--ink-soft: #c7ccd4;--muted: #9aa1ac;--faint: #6b7480;--line: #353b44;--line-soft: #2e333b;--line-strong: #454d59;--accent: #6ea0d6;--accent-fill: #3f74b0;--accent-fill-strong: #4d83bf;--on-accent: #ffffff;--sel-bg: #28333f;--sel-bg-2: #233040;--sel-border: #3a5572;--mine-ink: #9fc1ef;--verse: #cf9b5b;--warn-bg: #393324;--warn-border: #5b5024;--warn-dot: #d9a531;--warn-dot-border: #b9851c;--danger: #e07a6e;--danger-bg: #3e2622;--ok-bg: #1e2c24;--ok-border: #2f4a3a;--ok-ink: #7fc79b;--badge-bg: #2f3742;--badge-ink: #aab2bd;--toast-bg: #0f1216;--toast-ink: #f0f2f5;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 30px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);overflow:hidden}#root{zoom:var(--read-scale, 1)}.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:var(--surface)}.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:var(--surface);color:var(--ink);padding:6px 9px;border-radius:7px;cursor:pointer;font-size:13px}.tb:hover{background:var(--hover)}.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-fill);color:var(--on-accent);border-color:var(--accent-fill)}.tb--on:hover{background:var(--accent-fill-strong)}.passage-nav{width:160px;flex:0 0 160px;border-right:1px solid var(--line);background:var(--panel-2);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:var(--surface);border-radius:9px;padding:9px 10px;cursor:pointer}.pcard:hover{border-color:var(--line-strong)}.pcard.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--sel-bg-2)}.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:var(--faint);cursor:pointer;padding:2px;border-radius:4px;display:none}.pcard:hover .pcard__x{display:inline-flex}.pcard__x:hover{background:var(--danger-bg);color:var(--danger)}.passage-nav__add{margin:8px;padding:8px;border:1px dashed var(--line);background:var(--surface);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:var(--panel);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:var(--hover-2);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:var(--faint);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);background:var(--surface)}.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;color:var(--ink)}.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:var(--hover-2)}.prop-row.is-selected{background:var(--sel-bg);border-color:var(--sel-border)}.prop-row.is-pending{background:var(--warn-bg);border-color:var(--warn-border)}.sel-circle{flex:0 0 auto;width:16px;height:16px;margin-top:4px;border-radius:50%;border:2px solid var(--faint);background:var(--surface);cursor:grab;padding:0}.sel-circle:hover{border-color:var(--accent)}.sel-circle.is-on{background:var(--warn-dot);border-color:var(--warn-dot-border)}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:var(--faint);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.prop-row:hover .del-x{color:var(--danger)}.del-x:hover{background:var(--danger-bg);color:var(--danger)}.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:var(--surface);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:var(--faint)}.edit-pencil:hover{background:var(--line);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:var(--panel-2)}.mainpoint:focus{outline:none;border-color:var(--accent);border-style:solid;background:var(--surface)}.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:calc(80vh / var(--read-scale, 1));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:var(--panel-2);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:var(--badge-ink);background:var(--badge-bg);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:var(--surface);border-radius:6px;padding:3px 7px;cursor:pointer;color:var(--ink)}.flip-btn:hover{background:var(--hover)}.picker__deftext{font-size:12.5px;font-style:italic;color:var(--ink-soft);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;background:var(--surface);color:var(--ink)}.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:var(--hover)}.picker-item.is-current{background:var(--sel-bg)}.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:var(--surface);color:var(--ink);padding:7px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-family:var(--sans)}.btn:hover{background:var(--hover)}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:var(--accent-fill);color:var(--on-accent);border-color:var(--accent-fill)}.btn--primary:hover{background:var(--accent-fill-strong)}.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:var(--hover-2);color:var(--ink)}.icon-btn--danger:hover{background:var(--danger-bg);color:var(--danger)}.changerel{position:relative}.changerel summary{list-style:none}.changerel summary::-webkit-details-marker{display:none}.changerel__pop{position:absolute;bottom:120%;left:0;background:var(--panel);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:#080a0e8c;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:calc(86vh / var(--read-scale, 1));overflow:auto;padding:20px 22px}.modal--wide{width:760px}.modal--narrow{width:480px}.trans-row{display:flex;gap:6px;margin:10px 0 12px;flex-wrap:wrap}.trans-chip{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:7px 14px;cursor:pointer;font-weight:700;font-size:13px;color:var(--ink)}.trans-chip:hover{background:var(--hover)}.trans-chip.is-on{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.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;background:var(--surface);color:var(--ink)}.ref-field:focus{outline:none;border-color:var(--accent)}.err-line{color:var(--danger);font-size:13px;margin:8px 0 0}.small{font-size:12px}.small code{background:var(--hover-2);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;background:var(--surface);color:var(--ink)}.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:calc(100vh / var(--read-scale, 1));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:var(--sel-bg)}.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;color:var(--ink)}.study-list__open:hover{background:var(--hover-2)}.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:var(--toast-bg);color:var(--toast-ink);padding:9px 16px;border-radius:999px;font-size:13px;z-index:60;box-shadow:var(--shadow)}.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:var(--faint);padding:2px;border-radius:4px;display:inline-flex}.col-x:hover{background:var(--danger-bg);color:var(--danger)}.add-col{border:1px dashed var(--line);background:var(--surface);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 var(--line-soft)}.prop-row.is-selected .cell-wrap{background:var(--sel-bg)}.prop-row.is-pending .cell-wrap{background:var(--warn-bg)}.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:var(--faint)}.cell--read{color:var(--ink-soft)}.cell--mine{outline:none;cursor:text;color:var(--mine-ink)}.cell--mine[data-empty=true]:empty:before{content:"your words…";color:var(--faint)}.cell--mine:focus{background:var(--surface);box-shadow:inset 0 0 0 1px var(--accent)}.cell--edit{outline:none;background:var(--surface);box-shadow:inset 0 0 0 1px var(--accent);padding:7px 9px;color:var(--ink)}.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:var(--surface);border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:700;font-size:13px;color:var(--ink)}.col-add-btn:hover:not(:disabled){background:var(--hover)}.col-add-btn:disabled{opacity:.45;cursor:default}.col-add-btn--mine{font-weight:600}.shell{height:calc(100vh / var(--read-scale, 1));display:flex;flex-direction:column}.tabbar{flex:0 0 auto;display:flex;align-items:center;gap:4px;background:var(--tab-bar);padding:0 12px}.tabbar__brand{color:var(--tab-brand);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:var(--tab-ink);padding:11px 14px;cursor:pointer;font-size:13px;border-bottom:2px solid transparent}.tab:hover{color:var(--tab-ink-on)}.tab.is-on{color:var(--tab-ink-on);border-bottom-color:var(--accent)}.tab--icon{padding:11px 12px}.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:var(--surface);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:var(--hover)}.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:var(--ink)}.text-size{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden;flex:0 0 auto}.text-size__btn{border:none;background:var(--surface);color:var(--ink);cursor:pointer;padding:3px 9px;line-height:1;font-family:var(--serif);font-weight:700}.text-size__btn:hover{background:var(--hover)}.text-size__btn--sm{font-size:12px}.text-size__btn--lg{font-size:17px;border-left:1px solid var(--line)}.rv__n{color:var(--verse);font-weight:700;font-size:.62em;margin-right:2px;vertical-align:super}.reader__attr{margin-top:28px}.reader__error{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.offline-note{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-soft);background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:8px;padding:7px 11px;margin-bottom:16px}.offline-note button{display:inline-flex;align-items:center;gap:4px;margin-left:auto;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:3px 9px;cursor:pointer;font-size:12px}.offline-note button:hover{background:var(--hover)}.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:var(--surface);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-fill);color:var(--on-accent);border-color:var(--accent-fill)}.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 1 0;min-width:0}.readtab__notes{background:var(--panel);display:flex;flex-direction:column;min-height:0;overflow:hidden;z-index:20}.readtab.is-wide .readtab__notes{position:relative;flex:0 0 auto;align-self:stretch;border-left:1px solid var(--line);transition:width .18s ease,flex-basis .18s ease}.readtab.is-wide .readtab__notes:not(.is-open){border-left:none}.readtab.is-narrow .readtab__notes{position:absolute;left:0;right:0;bottom:0;max-height:calc(92vh / var(--read-scale, 1));border-top:1px solid var(--line);border-radius:16px 16px 0 0;box-shadow:0 -12px 34px #00000057;transform:translateY(100%);transition:transform .22s ease}.readtab.is-narrow .readtab__notes.is-open{transform:translateY(0)}.notes-handle{position:absolute;background:var(--accent-fill);color:var(--on-accent);border:none;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.4px;z-index:25;box-shadow:0 0 8px #00000038;transition:right .18s ease,bottom .22s ease}.readtab.is-wide .notes-handle{top:50%;transform:translateY(-50%);writing-mode:vertical-rl;padding:14px 6px;border-radius:9px 0 0 9px}.readtab.is-narrow .notes-handle{left:50%;transform:translate(-50%);padding:7px 22px;border-radius:10px 10px 0 0}.notes-handle:hover{background:var(--accent-fill-strong)}.notes-resizer{position:absolute;z-index:26;touch-action:none}.notes-resizer--x{left:0;top:0;bottom:0;width:10px;cursor:col-resize}.notes-resizer--y{top:0;left:0;right:0;height:16px;cursor:row-resize}.notes-resizer--x:before{content:"";position:absolute;left:4px;top:0;bottom:0;width:1px;background:var(--line)}.notes-resizer--y:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:44px;height:4px;border-radius:2px;background:var(--line-strong)}.notes-resizer--x:hover:before{background:var(--accent);width:3px;left:3px}.notes-resizer--y:hover:before{background:var(--accent)}body.resizing-notes{-webkit-user-select:none;user-select:none}body.resizing-notes.resizing-x{cursor:col-resize}body.resizing-notes.resizing-y{cursor:row-resize}.notes-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#080a0e66;z-index:15}@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;color:var(--ink)}.folder-row:hover{background:var(--hover)}.folder-row.is-sel{background:var(--sel-bg)}.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:var(--line);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-fill);color:var(--on-accent)}.notes-list{flex:1;overflow:auto}.note-row{display:block;width:100%;text-align:left;border:none;border-bottom:1px solid var(--line-soft);background:transparent;cursor:pointer;padding:10px 12px;color:var(--ink)}.note-row:hover{background:var(--panel-2)}.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}.bracket-card{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:none;border-bottom:1px solid var(--line-soft);background:transparent;cursor:pointer;padding:10px 12px;color:var(--ink)}.bracket-card:hover{background:var(--panel-2)}.bracket-card__glyph{color:var(--accent);flex:0 0 auto}.bracket-card__meta{display:flex;flex-direction:column;min-width:0}.bracket-card__title{font-family:var(--serif);font-weight:600;font-size:14px}.bracket-card__sub{font-size:11.5px;color:var(--muted);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;color:var(--ink)}.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;background:var(--surface);color:var(--ink)}.note-folder{border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:12px;background:var(--surface);color:var(--ink)}.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:var(--hover-2);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;color:var(--ink)}.note-body:empty:before{content:attr(data-placeholder);color:var(--faint);font-style:italic}.note-body ul,.note-body ol{padding-left:22px}.note-body a{color:var(--accent)}.note-foot{flex:0 0 auto;padding:8px 14px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.note-body blockquote{border-left:3px solid var(--line);margin:0 0 8px;padding:2px 0 2px 12px;color:var(--muted);font-style:italic}.rv__t{cursor:pointer;border-radius:3px;padding:0 1px}.rv__t:hover{background:var(--warn-bg)}.rv__note{border:none;background:transparent;cursor:pointer;color:var(--accent);padding:0;margin:0 4px 0 1px;vertical-align:-.12em;line-height:1}.rv__note:hover{color:var(--accent-fill-strong)}.verse-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45}.verse-menu{position:fixed;z-index:46;background:var(--panel);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:var(--hover)}.reader__comm{flex:0 0 auto}.reader__comm.is-on{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a0e66;z-index:70}.comm-sheet{position:fixed;left:0;right:0;bottom:0;z-index:71;max-height:calc(92vh / var(--read-scale, 1));display:flex;flex-direction:column;background:var(--panel);border-top:1px solid var(--line);border-radius:16px 16px 0 0;box-shadow:0 -12px 34px #00000057}@media (min-width: 900px){.comm-sheet{left:auto;right:24px;bottom:24px;width:470px;max-height:calc(92vh / var(--read-scale, 1));border:1px solid var(--line);border-radius:14px}}.comm-grab{flex:0 0 auto;height:16px;cursor:row-resize;position:relative;touch-action:none}.comm-grab:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:44px;height:4px;border-radius:2px;background:var(--line-strong)}.comm-grab:hover:before{background:var(--accent)}.comm-sheet__head{display:flex;align-items:center;justify-content:space-between;padding:6px 16px 12px;border-bottom:1px solid var(--line)}.comm-sheet__title{font-family:var(--serif);font-weight:700;font-size:15px}.comm-sources{display:flex;gap:6px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--line)}.comm-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:5px 11px;font-size:12px;cursor:pointer}.comm-chip:hover{background:var(--hover)}.comm-chip.is-on{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.comm-sheet__body{flex:1 1 auto;min-height:0;overflow:auto;padding:14px 18px 22px;font-family:var(--serif);font-size:15px;line-height:1.62;color:var(--ink)}.comm-sheet__body p{margin:0 0 10px;white-space:pre-wrap}.comm-intro{color:var(--muted);font-style:italic}.comm-block{padding:10px 0;border-top:1px solid var(--line-soft);scroll-margin-top:8px}.comm-block:first-of-type{border-top:none}.comm-block__v{font-family:var(--sans);font-size:11px;font-weight:700;color:var(--verse);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.comm-block.is-focus{background:var(--warn-bg);border-radius:8px;padding:10px 12px;margin:0 -12px;border-top-color:transparent}.backup-box{border:1px solid var(--ok-border);background:var(--ok-bg);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:var(--ok-ink);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;color:var(--ink)}.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;background:var(--surface);color:var(--ink)}.gate__card input:focus{outline:none;border-color:var(--accent)}.gate__card .btn{width:100%;justify-content:center}.gate__err{color:var(--danger);font-size:13px;margin:0 0 10px}.gate__switch{font-size:13px;color:var(--muted);margin:14px 0 0}.linkbtn{border:none;background:transparent;color:var(--accent);cursor:pointer;font-size:13px;padding:0;text-decoration:underline}.tabbar__user{color:var(--tab-brand);font-size:12px;margin:0 6px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent;border:none;cursor:pointer;padding:4px 2px}.tabbar__user:hover{color:var(--tab-ink-on);text-decoration:underline}.gate__forgot{margin:6px 0 0;text-align:right}.gate__hint{font-size:12.5px;color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:8px 0 0;line-height:1.5;text-align:left}.acct-form{display:flex;flex-direction:column;gap:10px;margin-top:12px}.acct-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.acct-form input{border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:14px;background:var(--surface);color:var(--ink)}.acct-form input:focus{outline:none;border-color:var(--accent)}.acct-form .btn{justify-content:center}.acct-ok{color:var(--ok-ink);font-size:13px;margin:6px 0 0}.member__actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.bracket-gate{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.bracket-gate__card{max-width:480px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:34px 30px}.bracket-gate__icon{color:var(--accent);margin-bottom:8px}.bracket-gate__card h1{font-family:var(--serif);font-size:24px;margin:0 0 10px}.bracket-gate__card p{color:var(--muted);line-height:1.6;margin:0 0 14px}.bracket-gate__steps{text-align:left;margin:0 auto 20px;max-width:360px;line-height:1.7;color:var(--ink)}.bracket-gate__card .btn{justify-content:center}.members{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:6px}.member{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.member__id{display:flex;flex-direction:column;min-width:0;flex:1}.member__name{font-weight:600;font-size:14px}.member__email{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member__toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer;flex:0 0 auto}.member__toggle input{cursor:pointer}.note-shared-banner{padding:7px 14px;background:var(--sel-bg);color:var(--accent);font-size:12px;font-weight:600;border-bottom:1px solid var(--line)}.note-row__author{color:var(--accent);font-weight:600}.note-row__shared{color:var(--accent);margin-left:5px;vertical-align:-1px}.icon-btn.is-on-share{color:var(--on-accent);background:var(--accent-fill)}.icon-btn.is-on-share:hover{background:var(--accent-fill-strong);color:var(--on-accent)}@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}}