@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-hebrew-400-normal-Dp0lvSRB.woff2)format("woff2"),url(/assets/rubik-hebrew-400-normal-BQDoxs6C.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rubik-hebrew-500-normal-B_5jqoVI.woff2)format("woff2"),url(/assets/rubik-hebrew-500-normal--anb7y8_.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/rubik-hebrew-700-normal-Da14F88e.woff2)format("woff2"),url(/assets/rubik-hebrew-700-normal-B2Hm7hpE.woff)format("woff")}:root{--bg:#f6f4ee;--ink:#1b1836;--muted:#6b6890;--card:#fff;--line:#d9d6e6;--accent:#2f6fed;--danger:#d64545;--ok:#2e9e6b;--r:16px;--font-ui:"Rubik", system-ui, -apple-system, sans-serif;--fs-body:17px;--fs-button:20px;--fs-small:14px;--topbar-h:56px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-body);overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;line-height:1.4}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button[disabled]{opacity:.45;cursor:not-allowed}input,textarea{font:inherit;-webkit-user-select:text;user-select:text}#app{flex-direction:column;height:100%;display:flex}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.pager{flex-direction:column;flex:1;min-height:0;display:flex}.tabs{padding:calc(var(--safe-top) + 8px) 12px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--line);background:var(--bg);flex:none;gap:8px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{font-weight:500;font-size:var(--fs-body);color:var(--ink);background:var(--card);border:2px solid var(--line);white-space:nowrap;border-radius:999px;flex:none;padding:10px 16px}.tab[aria-selected=true]{background:var(--tab-color);border-color:var(--tab-color);color:#fff}.track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-height:0;display:flex;overflow:auto hidden}.track::-webkit-scrollbar{display:none}.page{scroll-snap-align:start;scroll-snap-stop:always;width:100%;padding:12px 12px calc(var(--safe-bottom) + 96px);flex:0 0 100%;overflow-y:auto}.grid{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(58px,auto);gap:10px;display:grid}.phrase{border-radius:var(--r);background:var(--card);min-height:58px;color:var(--ink);border:2px solid color-mix(in srgb, var(--page-color) 45%, var(--line));box-shadow:0 3px 0 color-mix(in srgb, var(--page-color) 35%, transparent);font-size:var(--fs-button);text-align:center;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;padding:10px 12px;font-weight:500;line-height:1.25;display:flex;position:relative}.phrase:active{box-shadow:0 1px 0 color-mix(in srgb, var(--page-color) 35%, transparent);transform:translateY(2px)}.phrase-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.phrase.no-audio{border-style:dashed}.phrase-mark{top:4px;opacity:.7;font-size:12px;position:absolute}.phrase-mark:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:6px}.phrase-mark:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:6px}.phrase-mark:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:6px}.phrase-mark:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:6px}.fab{bottom:calc(var(--safe-bottom) + 18px);background:var(--page-color,var(--accent));color:#fff;z-index:3;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:12px 0 0;font-size:34px;line-height:1;display:flex;position:sticky;box-shadow:0 4px 12px #00000040}.sheet-backdrop{z-index:10;background:#1b183673;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{background:var(--bg);width:100%;padding:18px 18px calc(var(--safe-bottom) + 18px);border-radius:22px 22px 0 0;flex-direction:column;gap:14px;max-height:90vh;display:flex;overflow-y:auto}.sheet-title{font-size:22px;font-weight:700}.sheet-input{border:2px solid var(--line);background:var(--card);width:100%;color:var(--ink);border-radius:12px;padding:14px;font-size:20px}.sheet-row{flex-wrap:wrap;gap:10px;display:flex}.sheet-row button,.sheet-delete{background:var(--card);border:2px solid var(--line);color:var(--ink);border-radius:12px;padding:14px 18px;font-size:18px;font-weight:700}.sheet-next,.sheet-save{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.rec-toggle{background:var(--danger)!important;border-color:var(--danger)!important;color:#fff!important}.rec-toggle.is-recording{animation:1s infinite pulse}@keyframes pulse{50%{opacity:.6}}.sheet-delete,.sheet-delete-yes{color:var(--danger)!important}.sheet-confirm-text{align-self:center;font-weight:500}.rec-status{min-height:1.4em;color:var(--muted)}.rec-timer{font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.rec-meter{background:var(--line);border-radius:6px;height:12px;overflow:hidden}.rec-meter i{background:var(--ok);width:0;height:100%;transition:width 60ms linear;display:block}.free{flex-direction:column;gap:12px;display:flex}.free-input{border-radius:var(--r);border:2px solid var(--line);background:var(--card);width:100%;min-height:130px;color:var(--ink);resize:none;padding:14px;font-size:22px}.free-speak{flex:1;background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.recent-title{font-size:var(--fs-small);color:var(--muted);margin-top:6px}.recent{flex-direction:column;gap:8px;display:flex}.recent-item{text-align:start;background:var(--card);border:2px solid var(--line);width:100%;font-size:var(--fs-body);border-radius:12px;padding:12px 14px}.overlay{background:var(--bg);z-index:8;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.overlay-panel{padding:calc(var(--safe-top) + 12px) 16px calc(var(--safe-bottom) + 24px);flex-direction:column;gap:10px;display:flex}.overlay-head{justify-content:space-between;align-items:center;display:flex}.overlay-head h2{font-size:22px;font-weight:700}.overlay-close{padding:8px 12px;font-size:24px}.overlay-empty{color:var(--muted);text-align:center;padding:40px 0;font-size:20px}.group-title{font-size:var(--fs-body);margin-top:10px;font-weight:700}.to-record-item{text-align:start;background:var(--card);border:2px dashed var(--line);width:100%;font-size:var(--fs-button);border-radius:12px;padding:14px}.banner{font-size:var(--fs-small);color:var(--ink);background:#fff1c2;border-bottom:1px solid #e8d48a;padding:10px 14px}.hint{font-size:var(--fs-small);background:#e9f0ff;border:1px solid #c4d4ff;border-radius:12px;flex-direction:column;gap:6px;margin:8px 12px;padding:12px 14px;display:flex}.hint-dismiss{background:var(--accent);color:#fff;border-radius:10px;align-self:flex-start;padding:8px 14px;font-weight:700}.tab-menu{margin-inline-start:auto}.rec-autostop-row{font-size:var(--fs-body);color:var(--muted);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.rec-autostop{width:22px;height:22px;accent-color:var(--accent)}
