:root{color-scheme:light;--ink:#293c48;--blue:#235c80;--paper:#fffdf8;--reader-size:27px;font-family:Arial,"Arial Hebrew",sans-serif;background:#edf2f3;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;height:100%;overscroll-behavior:none}body{display:flex;flex-direction:column;-webkit-text-size-adjust:100%;padding-top:env(safe-area-inset-top)}[hidden]{display:none!important}button,input,select{font:inherit;color:inherit}button,select,a{touch-action:manipulation}button,select{min-height:46px;border:1px solid #c7d5db;background:white;border-radius:11px;cursor:pointer}button{padding:9px 12px;font-weight:600}button:disabled{opacity:.43;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #2376ad;outline-offset:3px}a{color:var(--blue)}button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.primary:not(:disabled):active{background:#174560}.masthead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px max(16px,env(safe-area-inset-right)) 11px max(16px,env(safe-area-inset-left));flex:none;border-bottom:1px solid #dce5e8;background:#f8faf9}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:25px;font-weight:700;min-height:44px}.brand span{font-size:13px;font-weight:400;color:#526d7a}.help-link{font-size:13px;min-height:44px;display:flex;align-items:center;text-underline-offset:3px}.join-screen{width:min(100%,550px);margin:0 auto;padding:26px 20px calc(24px + env(safe-area-inset-bottom));overflow-y:auto}.eyebrow{color:#607e70;font-weight:600;font-size:13px}.join-screen h1{font-size:31px;line-height:1.2;margin:12px 0}.intro{font-size:18px;line-height:1.7;margin:0;color:#496270}.setup-steps{padding-right:24px;margin:22px 0;font-size:16px;line-height:1.7}.setup-steps li+li{margin-top:9px}.join-card{padding:22px;background:var(--paper);border:1px solid #dce2d7;border-radius:19px;box-shadow:0 9px 30px #293c4806}.join-card label{display:block;font-size:16px;font-weight:700}.join-card input{direction:ltr;text-align:center;width:100%;height:67px;margin-top:13px;background:#fff;border:2px solid #bacbd2;border-radius:12px;font-size:32px;letter-spacing:.28em;font-variant-numeric:tabular-nums;padding:7px 7px 7px 16px}.join-card input::placeholder{color:#b9c6cb}.join-card p{font-size:13px;line-height:1.5;color:#607581;margin:9px 0 18px}.wide{width:100%;font-size:18px;min-height:54px}.small-note{color:#657881;font-size:14px;line-height:1.7}.error,.join-card .error{color:#8f2830;background:#fff0ef;border-radius:9px;padding:12px;font-size:15px;line-height:1.55}.controller-screen{width:min(100%,880px);margin:0 auto;min-height:0;flex:1;display:flex;flex-direction:column;background:var(--paper);overflow:hidden}.connection-strip{display:flex;align-items:center;gap:7px;padding:8px 13px 2px;flex:none;flex-wrap:wrap}.connection-pill{font-size:12px;font-weight:600;padding:4px 9px;border-radius:20px;line-height:1.5;background:#eef1f1;color:#607078}.connection-pill:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:5px;background:currentColor}.connection-pill.online{background:#e7f0df;color:#3e6533}.connection-pill.offline{background:#ffede8;color:#9c412d}.connection-pill.waiting{background:#f5edcf;color:#7f6828}.retry{min-height:44px;font-size:13px;padding:5px 9px;margin-inline-start:auto}.connection-message{font-size:13px;line-height:1.4;color:#687d86;padding:5px 15px 8px;min-height:31px;flex:none}.connection-message.warning{color:#883d2b;background:#fff3df;margin-top:5px;padding-top:8px}.reader-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 13px;border-top:1px solid #e4e8e2;border-bottom:1px solid #e4e8e2;flex:none}.spread-picker{min-width:0;flex:1}.spread-picker select{width:100%;font-size:15px;padding:8px 10px;background:#fff;max-width:100%}.font-controls{display:flex;gap:5px;flex:none}.font-controls button{font-size:18px;min-width:46px;padding:7px}.reading-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 17px 3px;flex:none}.reading-heading h1{font-size:16px;margin:0;font-weight:700;color:#476370}.reading-heading span{font-size:12px;color:#718181;white-space:nowrap}.reading-copy{min-height:70px;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;flex:1;padding:10px 11px 35px;scroll-padding:15px;position:relative}.loading-copy{padding:20px;color:#697e86;font-size:18px;line-height:1.8}.sentence{display:block;width:100%;text-align:right;white-space:normal;font-size:var(--reader-size);font-weight:400;line-height:1.65;padding:10px 13px;margin:0 0 7px;border:1px solid transparent;border-radius:11px;background:none;color:#293c48;-webkit-tap-highlight-color:transparent}.sentence:disabled{opacity:1}.sentence.current{background:#edf3df;border-color:#cbd9af;box-shadow:inset -4px 0 #70984e;color:#203c29}.sentence.past{color:#5c6b69}.printed-bubbles{margin:17px 13px 0;padding-top:15px;border-top:1px solid #deded3;color:#576d72;font-size:var(--reader-size);line-height:1.65}.printed-bubbles p{margin:5px 0}.printed-bubbles small{font-size:13px}.control-dock{padding:7px max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));flex:none;border-top:1px solid #d5e0e2;background:#f7fafb;box-shadow:0 -5px 16px #233b4b05}.cue-status{font-size:12px;color:#566f7a;text-align:center;margin:0 0 7px;line-height:1.45;min-height:18px}.main-actions{display:flex;gap:8px}.main-actions .primary{flex:1;min-height:55px;font-size:18px}.main-actions #pause{min-width:91px;font-size:16px}.secondary-actions{display:flex;gap:6px;margin-top:7px}.secondary-actions button{font-size:13px;flex:1;padding:8px 6px}.secondary-actions #more-button{flex:0;min-width:52px}.more-controls{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;margin-top:10px;border-top:1px solid #dbe4e6;max-height:25dvh;overflow-y:auto}.more-controls label{display:flex;align-items:center;gap:7px;font-size:14px}.more-controls select{padding:5px 10px}.more-controls button{font-size:13px}.more-controls p{width:100%;margin:0;color:#70818a;font-size:12px;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@supports(height:100dvh){body{height:100dvh}}@media(min-width:700px){.masthead{padding-inline:max(24px,calc((100vw - 850px)/2))}.reading-copy{padding-inline:22px}.sentence{padding:13px 20px}.main-actions .primary{min-height:59px}.controller-screen{border-inline:1px solid #dbe3e3}.reading-heading h1{font-size:20px}.connection-pill{font-size:14px}.connection-message{font-size:15px}}@media(max-height:650px){.masthead{padding-top:4px;padding-bottom:4px}.brand{font-size:21px}.connection-strip{padding-top:4px}.reader-tools{padding-block:4px}.reading-heading{padding-top:6px}.control-dock{padding-top:4px}.cue-status{margin-bottom:4px}.main-actions .primary{min-height:48px}.secondary-actions{margin-top:5px}}@media(max-height:470px) and (orientation:landscape){.masthead{display:none}.controller-screen{display:grid;grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:auto auto auto auto minmax(0,1fr);direction:ltr}.connection-strip,.connection-message,.reader-tools,.reading-heading,.reading-copy{direction:rtl;grid-column:1}.connection-strip{grid-row:1}.connection-message{grid-row:2}.reader-tools{grid-row:3}.reading-heading{grid-row:4}.reading-copy{grid-row:5}.control-dock{direction:rtl;grid-column:2;grid-row:1/6;border-inline-start:1px solid #d5e0e2;overflow:auto;padding-top:18px}.main-actions{flex-direction:column}.main-actions #pause{min-height:48px}.secondary-actions{flex-wrap:wrap}.secondary-actions button{min-width:90px}.more-controls{max-height:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* כפתור הבחירה נשאר גדול גם במנוע Safari, שאינו מכבד תמיד גובה של בורר מקורי. */
select{-webkit-appearance:none;appearance:none;height:46px;padding-inline-end:30px}.spread-picker{position:relative}.spread-picker:after{content:"⌄";position:absolute;left:12px;top:50%;transform:translateY(-60%);font-size:20px;color:#526d7a;pointer-events:none}