:root{color-scheme:light;--font-ui: "DM Sans", "Noto Sans Hebrew", "Helvetica Neue", sans-serif;--font-display: "Fraunces", "Times New Roman", serif;--font-hebrew: "Noto Serif Hebrew", "SBL Hebrew", "Times New Roman", serif;--canvas: #ebe6dc;--canvas-spot: rgba(196, 112, 36, .18);--paper: #fffdf8;--paper-muted: #f6f1e8;--ink: #1c1712;--ink-soft: #6f675c;--line: rgba(28, 23, 18, .1);--line-strong: rgba(28, 23, 18, .16);--accent: #b45309;--accent-hover: #9a4106;--accent-ink: #fffaf3;--accent-soft: rgba(180, 83, 9, .1);--match: #fde68a;--danger: #9f1239;--shadow: 0 1px 0 rgba(28, 23, 18, .04), 0 18px 40px rgba(28, 23, 18, .07);--radius: 22px;--radius-sm: 14px;font-family:var(--font-ui);line-height:1.5;font-weight:400;background:var(--canvas);color:var(--ink)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--canvas: #12100e;--canvas-spot: rgba(232, 165, 75, .12);--paper: #1b1814;--paper-muted: #221e19;--ink: #f4efe6;--ink-soft: #b7aea2;--line: rgba(244, 239, 230, .1);--line-strong: rgba(244, 239, 230, .16);--accent: #e8a54b;--accent-hover: #f3bb6e;--accent-ink: #1c1712;--accent-soft: rgba(232, 165, 75, .14);--match: rgba(232, 165, 75, .32);--danger: #fb7185;--shadow: 0 1px 0 rgba(255, 255, 255, .03), 0 22px 48px rgba(0, 0, 0, .35)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;min-height:100dvh;overflow:hidden;background:radial-gradient(900px 480px at 12% -10%,var(--canvas-spot),transparent 55%),radial-gradient(700px 420px at 100% 0%,rgba(31,77,58,.08),transparent 46%),var(--canvas);color:var(--ink)}::selection{background:var(--match);color:var(--ink)}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{height:100dvh;padding:12px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.status-shell,.verification-shell{align-items:center;justify-content:center}.mobile-swipe-hint{display:none}.composer-shell{flex-shrink:0;max-height:80rem;opacity:1;overflow:hidden;transform:translateY(0);transition:max-height .22s ease,opacity .16s ease,transform .22s ease}.composer-shell.is-hidden{max-height:0;opacity:0;transform:translateY(-8px);pointer-events:none}.composer,.browser,.results,.status-card,.verification{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.composer,.status-card,.verification{padding:14px 16px;border-radius:var(--radius)}.status-card,.verification{width:min(28rem,100%);text-align:center}.status-mark,.brand__mark{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:12px;background:var(--ink);color:var(--accent);font-family:var(--font-hebrew);font-size:1.45rem;line-height:1}@media(prefers-color-scheme:dark){.status-mark,.brand__mark{background:var(--accent);color:var(--accent-ink)}}.status-mark{width:3.2rem;height:3.2rem;margin:0 auto 16px;font-size:1.9rem}.status-mark.is-loading{animation:pulse-mark 1.6s ease-in-out infinite}.status-card h1,.verification h1{font-family:var(--font-display);font-size:1.7rem;font-weight:500;letter-spacing:-.03em;line-height:1.2;margin:6px 0 10px}.status-bar{width:100%;height:4px;margin-top:18px;overflow:hidden;border-radius:999px;background:var(--paper-muted)}.status-bar:after{content:"";display:block;width:38%;height:100%;border-radius:inherit;background:var(--accent);animation:load-bar 1.1s ease-in-out infinite}.verification h1 span{font-family:var(--font-hebrew);font-weight:700}.verification__hint,.verification__denied,.status-copy{margin:0 0 18px;color:var(--ink-soft)}.verification__denied{color:var(--danger);font-weight:600}.verification__actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.verification__button{min-width:7rem;border-radius:999px;padding:11px 18px;font-weight:600}.verification__button--yes{border:1px solid transparent;background:var(--accent);color:var(--accent-ink)}.verification__button--yes:hover{background:var(--accent-hover)}.verification__button--no{border:1px solid var(--line-strong);background:var(--paper-muted);color:var(--ink)}.verification__button--no:hover{border-color:var(--accent)}.composer__header,.composer__body,.composer__meta,.browser__header,.results__header{display:flex;justify-content:space-between;gap:16px}.results__header{align-items:flex-end;flex-wrap:wrap}.composer__body,.composer__meta{margin-top:10px;align-items:stretch}.composer__title,.brand{min-width:0;display:flex;align-items:center;gap:12px}.brand__copy{min-width:0}.composer h1{margin:0;font-family:var(--font-display);font-size:1.28rem;font-weight:500;letter-spacing:-.03em;line-height:1.15}.results h2{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:500;letter-spacing:-.03em;line-height:1.15;font-variant-numeric:tabular-nums}.browser__heading{min-width:0;flex-shrink:0}.browser__hebrew{margin:0;font-family:var(--font-hebrew);font-size:1.45rem;font-weight:600;letter-spacing:0;line-height:1.2}.browser__location{display:flex;align-items:flex-end;gap:8px;min-width:0;flex:0 1 auto}.browser__controls span{display:block;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}.browser__step{width:2.55rem;height:2.55rem;flex-shrink:0;display:grid;place-items:center;margin:0;padding:0;border:1px solid var(--line);border-radius:999px;background:var(--paper-muted);color:var(--ink);transition:background-color .12s ease,border-color .12s ease,color .12s ease}.browser__step:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.browser__step:disabled{color:var(--ink-soft);background:var(--paper-muted);cursor:not-allowed}.browser__step:disabled svg{opacity:.42}.browser__select{width:100%;min-height:2.55rem;border:1px solid var(--line);background-color:var(--paper-muted);border-radius:12px;padding:8px 32px 8px 12px;color:var(--ink);font-family:var(--font-display);font-size:1.02rem;font-weight:500;letter-spacing:-.02em;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-soft) 50%),linear-gradient(135deg,var(--ink-soft) 50%,transparent 50%);background-position:calc(100% - 15px) calc(50% - 3px),calc(100% - 9px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.browser__select--chapter{font-variant-numeric:tabular-nums;text-align:center;padding-inline:8px 28px}.browser__select:hover{border-color:var(--accent)}.browser__select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.composer__body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:10px}.composer__actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0;align-items:center}.mode-toggle{display:flex;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--paper-muted)}.mode-toggle button{border:0;border-radius:999px;background:transparent;color:var(--ink-soft);padding:6px 12px;font-family:"Noto Sans Hebrew",var(--font-ui);font-size:.82rem;font-weight:600;line-height:1.2}.mode-toggle button.is-active{background:var(--paper);color:var(--ink);box-shadow:0 1px #1c17120f}.mode-toggle button:hover:not(.is-active){color:var(--ink)}.nach-toggle{border:1px solid var(--line);border-radius:999px;background:var(--paper-muted);color:var(--ink-soft);padding:8px 14px;font-family:var(--font-ui);font-size:.82rem;font-weight:600;line-height:1.2}.nach-toggle.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.nach-toggle:hover:not(.is-active){color:var(--ink)}.composer__selected-text,.composer__sequence{min-width:0;border:1px solid var(--line);background:var(--paper-muted);border-radius:var(--radius-sm);padding:10px 12px}.composer__sequence{text-align:left;display:flex;flex-direction:column;align-items:stretch}.composer__sequence-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:1.2rem;margin-bottom:6px}.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);gap:10px;align-items:stretch;flex:1;min-height:0}.browser,.results{border-radius:var(--radius);padding:16px;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.browser__header{align-items:flex-end}.browser__controls{display:grid;grid-template-columns:minmax(11rem,15rem) 5.25rem;gap:8px;align-items:flex-end;flex:0 1 auto;min-width:0}.browser__control{display:flex;flex-direction:column;min-width:0}.browser__instruction{margin-top:10px;color:var(--ink-soft);font-size:.86rem}.browser__text,.results__list{display:flex;flex-direction:column;gap:6px;margin-top:12px;min-height:0;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.browser__text,.results__list{flex:1}.results__book-filter{min-width:9.5rem;flex-shrink:0}.results__filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;flex-shrink:0}.filter-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:var(--paper-muted);color:var(--ink);padding:6px 11px;font-weight:600;font-size:.82rem;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.filter-chip:hover{border-color:var(--accent);background:var(--accent-soft)}.filter-chip.is-active{background:var(--accent);color:var(--accent-ink);border-color:transparent}.filter-chip.is-active:hover{background:var(--accent-hover);border-color:transparent}.filter-chip__count{font-variant-numeric:tabular-nums;font-weight:500;opacity:.72}.filter-chip.is-active .filter-chip__count{opacity:.88}.results__list.is-pending{opacity:.55}.verse,.result{border:1px solid transparent;background:transparent;text-align:left;padding:10px 12px;border-radius:16px;transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.verse:hover,.result:hover{background:var(--paper-muted)}.verse.is-active,.result.is-active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.result{width:100%}.verse{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start}.eyebrow{margin:0;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.verse__number{border:1px solid var(--line);background:var(--paper-muted);border-radius:999px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--ink-soft);font-size:.82rem;font-weight:600;font-variant-numeric:tabular-nums}.verse__text,.result__text{margin:0;font-family:var(--font-hebrew);font-size:1.28rem;font-weight:500;line-height:1.85}.verse__text{-webkit-user-select:text;user-select:text;cursor:text}.taamim-bubbles{display:flex;justify-content:flex-start;gap:6px;flex-wrap:wrap;min-height:2.1rem;width:100%}.composer__sequence-actions{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.sequence-action{width:1.35rem;height:1.35rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:var(--ink-soft);transition:background-color .12s ease,color .12s ease,opacity .12s ease}.sequence-action svg{width:.92rem;height:.92rem;display:block}.sequence-action:hover:not(:disabled){color:var(--ink);background:var(--accent-soft)}.sequence-action:disabled{opacity:.32;cursor:default}.taamim-keyboard{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:6px;width:100%}.taamim-keyboard button,.ghost-button{border:1px solid var(--line);border-radius:999px;color:var(--ink);padding:7px 12px;font-weight:600;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.ghost-button{background:var(--paper-muted)}.ghost-button:hover{border-color:var(--accent);background:var(--accent-soft)}.ghost-button:active,.taamim-keyboard button:active{transform:translateY(1px)}.matched-word{background:var(--match);border-radius:5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.taamim-bubble{min-width:2.1rem;height:2.1rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--paper);border:1px solid var(--line-strong);font-family:var(--font-hebrew);font-size:1.15rem;box-shadow:0 1px #1c17120a}.composer__keyboard-block{width:100%}.composer__meta--keyboard{margin-top:10px}.taamim-keyboard button{--follow: 0%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;min-height:3.05rem;border-radius:14px;padding:6px 4px;background:color-mix(in srgb,var(--accent) var(--follow),transparent)}.taamim-keyboard button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) clamp(5%,calc(var(--follow) + 3%),18%),transparent)}.taamim-keyboard__mark{display:flex;align-items:center;justify-content:center;min-height:1.4rem;font-family:var(--font-hebrew);font-size:1.85rem;line-height:1}.taamim-keyboard__mark--low{transform:translateY(-.42em)}.taamim-keyboard__mark--high{transform:translateY(.28em)}.taamim-keyboard__mark--yetiv{transform:translateY(-.46em)}.taamim-keyboard__mark--compound{font-size:1.45rem;letter-spacing:.02em}.taamim-keyboard__name{font-family:"Noto Sans Hebrew",var(--font-ui);font-size:.64rem;font-weight:500;line-height:1.15;text-align:center;color:var(--ink-soft)}.composer__empty-sequence,.results__empty,.composer__selected-text p{margin:0;color:var(--ink)}.composer__empty-sequence,.results__empty{color:var(--ink-soft);font-size:.9rem}.composer__empty-sequence{width:100%}.results__empty{margin:auto;max-width:18rem;text-align:center;padding:24px 8px}.composer__selected-text p,.composer__selected-text .eyebrow{margin-bottom:6px}.composer__sequence .eyebrow{margin-bottom:0}.composer__selected-text p{font-family:var(--font-hebrew);font-size:1.12rem;line-height:1.7}.composer__selected-text p.is-placeholder{font-family:var(--font-ui);font-size:.9rem;color:var(--ink-soft)}.result__meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;color:var(--ink-soft);font-size:.82rem}.results__footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:8px 4px 4px;flex-shrink:0;color:var(--ink-soft)}h1,h2,p{margin-top:0}@keyframes pulse-mark{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes load-bar{0%{transform:translate(-120%)}to{transform:translate(280%)}}@media(max-width:1100px){.taamim-keyboard{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:860px){.workspace{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}.browser__header{flex-direction:column;align-items:stretch}.browser__heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.browser__location{width:100%}.browser__controls{flex:1;grid-template-columns:minmax(0,1fr) 5rem}.taamim-keyboard{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:640px){.app-shell{height:100dvh;min-height:100dvh;padding:8px;overflow:hidden}.mobile-swipe-hint{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;padding:6px 12px;border-radius:999px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);color:var(--ink);font-size:.75rem;font-weight:600;letter-spacing:.02em}.mobile-swipe-hint:before,.mobile-swipe-hint:after{content:"↔";font-size:.95rem;line-height:1;color:var(--accent)}.workspace{grid-auto-flow:column;grid-auto-columns:calc(100vw - 16px);grid-template-columns:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;height:auto;flex:1;min-height:0}.browser,.results{scroll-snap-align:start;border-radius:18px;padding:12px}.composer{border-radius:18px;padding:10px}.composer h1{font-size:1.12rem}.composer__header,.composer__meta{flex-direction:column}.composer__header{gap:10px}.composer__actions{justify-content:flex-start}.composer__body{grid-template-columns:1fr 1fr;gap:8px}.browser__header,.results__header{align-items:stretch;gap:10px}.browser__header{flex-direction:column}.browser__heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.browser__hebrew{font-size:1.28rem}.browser__location{width:100%}.browser__controls{flex:1;grid-template-columns:minmax(0,1fr) 4.75rem;gap:8px}.browser__instruction{display:none}.taamim-keyboard{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.taamim-keyboard button{min-height:2.45rem;padding:3px 2px}.taamim-keyboard__mark{font-size:1.45rem;min-height:1.1rem}.taamim-keyboard__name{font-size:.56rem}}@media(prefers-reduced-motion:reduce){.composer-shell,.verse,.result,.ghost-button,.sequence-action,.filter-chip,.browser__step,.taamim-keyboard button,.status-mark,.status-bar:after{animation:none;transition:none}}