@charset "UTF-8";
:root{color-scheme:light;--ink:#14253c;--muted:#5c6c7f;--blue:#153f73;--line:#d9e2ed;--surface:#f3f6fb;--white:#fff;--orange:#9d470f}
*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1rem;border:1px solid var(--blue);background:var(--blue);color:white;border-radius:7px;cursor:pointer;font-weight:600;text-decoration:none;font-size:.9rem;line-height:1.4}button:hover,.button:hover{filter:brightness(.92)}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:white;color:var(--blue);border-color:var(--line)}input,select,textarea{border:1px solid #bac7d7;border-radius:6px;padding:.65rem;background:white;color:var(--ink);max-width:100%}textarea{resize:vertical}label{display:block;font-weight:600;font-size:.9rem}input[type=checkbox]{width:18px;height:18px;flex:none;accent-color:var(--blue)}input[type=range]{accent-color:var(--blue);padding:0}a{color:var(--blue)}:focus-visible{outline:3px solid #3396df;outline-offset:3px}[hidden]{display:none!important}.topbar{height:auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 2rem;background:white;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:1.5rem;font-weight:700}.brandmark{display:grid;place-items:center;background:var(--blue);color:white;width:46px;height:46px;border-radius:9px;font-size:2rem;font-family:serif}.brand small{display:block;font-size:.75rem;letter-spacing:.1em;color:var(--muted);font-weight:500}.account{display:flex;align-items:center;gap:1rem;font-size:.875rem;flex-wrap:wrap}.account span{overflow-wrap:anywhere}main{display:grid;grid-template-columns:275px minmax(0,1fr);max-width:1900px;margin:auto}.chapter-panel{padding:1.4rem 1.2rem;background:#fff;border-right:1px solid var(--line);height:calc(100vh - 88px);position:sticky;top:0;display:flex;flex-direction:column;min-height:500px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem}h1,h2,h3,p{margin-top:0}h1{font-size:1.125rem;margin-bottom:0}h2{font-size:1.75rem;line-height:1.6;margin-bottom:0}h3{font-size:1rem;margin-bottom:.5rem}.book-label{font-family:serif;font-size:1.1rem}.intro{font-size:.875rem;color:var(--muted);margin:1rem 0}.book-progress{font-size:.875rem;background:#edf3fb;padding:.75rem;border-radius:6px;margin-bottom:1rem}.search-label{margin-bottom:.35rem}.chapter-panel input,.chapter-panel select{width:100%;margin-bottom:.7rem}.chapter-panel nav{overflow:auto;flex:1;margin:1rem -.3rem .5rem;padding:0 .3rem}.story-label{margin:1rem 0 .5rem;color:var(--muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.chapter-item{width:100%;background:transparent;border:1px solid transparent;color:var(--ink);display:flex;justify-content:start;align-items:flex-start;gap:.7rem;text-align:left;padding:.75rem .6rem;margin-bottom:.3rem;font-weight:400}.chapter-item.active{background:#eaf1fb;border-color:#c9d8ed}.chapter-number{color:var(--muted);font-size:.875rem;padding-top:.2rem;min-width:22px}.chapter-copy{min-width:0;flex:1}.chapter-copy b{font-size:1.1rem;font-family:"Noto Naskh Arabic","Traditional Arabic",serif;display:block;direction:rtl;font-weight:500}.chapter-copy small{display:block;color:var(--muted);font-size:.75rem;margin-top:.25rem}.source-link{font-size:.875rem;padding:.5rem 0}.workspace{padding:1.75rem 2rem 3rem;min-width:0}.chapter-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.eyebrow{font-size:.75rem;letter-spacing:.12em;color:var(--muted);font-weight:700;margin-bottom:.4rem}.pill{font-size:.875rem;border:1px solid var(--line);padding:.35rem .7rem;background:white;border-radius:30px;white-space:nowrap}.pill.approved{background:#e7f5ef;color:#195d43;border-color:#bbdfcf}.review-strip{display:flex;align-items:center;gap:1.8rem;padding:1rem 1.2rem;margin-bottom:1.3rem;border:1px solid var(--line);background:white;border-radius:8px}.review-strip>div{display:flex;flex-direction:column;min-width:110px}.review-strip strong{font-size:1.5rem;color:var(--blue)}.review-strip span{font-size:.8rem;color:var(--muted)}.review-strip p{margin:0 0 0 auto;font-size:.875rem;max-width:320px;color:var(--muted)}.comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.2rem;align-items:start}.scan-panel,.text-panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;min-width:0}.pane-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid var(--line);gap:1rem}.pane-toolbar h3{margin:0}.pane-toolbar a,.pane-toolbar span{font-size:.875rem}.scan-controls,.zoom-controls{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;flex-wrap:wrap}.scan-controls button{font-size:.8rem;background:white;color:var(--blue);border-color:var(--line);padding:.4rem .65rem}.scan-controls select{padding:.25rem .5rem}.zoom-controls{padding-top:0}.zoom-controls input{width:120px}.zoom-controls output{font-size:.875rem}.scan-viewport{overflow:auto;max-height:650px;background:#e7ecf3;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.8rem}.scan-viewport img{display:block;width:100%;max-width:none;height:auto;box-shadow:0 2px 10px #14253c20}.page-check{display:flex;gap:.5rem;align-items:flex-start;padding:1rem 1rem .2rem;font-weight:400}.small{font-size:.875rem;color:var(--muted);line-height:1.5}.scan-panel>.small{padding:.5rem 1rem;margin:0}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 .75rem;gap:.5rem}.tabs button{border:0;border-radius:0;background:white;color:var(--muted);padding:1rem .6rem;font-size:.875rem;border-bottom:3px solid transparent}.tabs button[aria-selected=true]{color:var(--blue);border-color:var(--blue)}#text-pane{padding:1rem}#transcription{width:100%;min-height:420px;font-family:"Noto Naskh Arabic","Traditional Arabic","Times New Roman",serif;font-size:1.95rem;line-height:2.05;border-color:#d9e2ed;white-space:pre;overflow:auto;tab-size:5;padding:1rem;resize:vertical}#transcription.vocabulary{font-size:1.2rem;line-height:2.2;direction:ltr;unicode-bidi:plaintext}.draft-actions{display:flex;align-items:center;gap:.75rem;padding:0 1rem 1rem;flex-wrap:wrap}.draft-actions span{font-size:.8rem;color:var(--muted)}.draft-actions button{font-size:.8rem}.report-form{border-top:1px solid var(--line);padding:1rem;background:#f8fafd}.report-form label{margin-bottom:.5rem}.report-form textarea{width:100%;font-size:.9rem}.report-buttons{display:flex;gap:.5rem;flex-wrap:wrap;margin:.6rem 0}.report-form .small{margin-bottom:0}.finish-panel{margin:1.3rem 0;display:flex;align-items:center;gap:1.2rem;background:#eaf1fb;border:1px solid #c9d8ed;padding:1.2rem;border-radius:8px;flex-wrap:wrap}.finish-panel div{flex:1;min-width:220px}.finish-panel p{font-size:.875rem;color:var(--muted);margin:0}.finish-panel label{display:flex;gap:.5rem;align-items:flex-start;font-weight:400;flex:1.2;min-width:230px}.contributions,.admin-panel{padding:1.2rem;background:white;border:1px solid var(--line);border-radius:8px;margin-top:1.2rem}.flag{border-top:1px solid var(--line);padding:1rem 0}.flag p{margin-bottom:.5rem;white-space:pre-wrap;overflow-wrap:anywhere}.flag-meta{font-size:.875rem;color:var(--muted)}.flag-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.proposal-preview{max-height:260px;overflow:auto;white-space:pre-wrap;font-family:serif;font-size:1.3rem;line-height:2}.admin-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}details summary{cursor:pointer;color:var(--blue);font-size:.9rem}.audit-row{font-size:.875rem;padding:.5rem 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.notice{background:#fff3de;border:1px solid #edcd94;border-radius:7px;padding:.9rem;color:#754213;font-size:.875rem}#message{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);background:#14253c;color:white;padding:1rem 1.5rem;border-radius:8px;max-width:calc(100% - 2rem);z-index:20;box-shadow:0 5px 30px #0003}#message.error{background:#8b2525}dialog{border:1px solid var(--line);border-radius:14px;width:min(480px,calc(100% - 2rem));padding:2rem;color:var(--ink)}dialog::backdrop{background:#14253c88}dialog h2{font-size:1.5rem;line-height:1.3;margin:.5rem 0 1rem}dialog p{font-size:.95rem;color:var(--muted)}dialog input{width:100%;margin:.4rem 0 1rem}dialog button[type=submit]{width:100%}.dialog-close{float:right;font-size:.8rem;margin-bottom:1rem}#resend-code{width:100%;margin-top:.75rem;font-size:.8rem}#login-error{color:#a12222;white-space:pre-wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){#transcription{min-height:570px}.scan-viewport{max-height:830px}}
@media(max-width:1150px){main{grid-template-columns:220px minmax(0,1fr)}.workspace{padding:1.3rem}.comparison{grid-template-columns:1fr}.scan-viewport{max-height:520px}.review-strip{gap:1rem}.review-strip p{display:none}}
@media(max-width:700px){.topbar{padding:1rem;align-items:start;flex-wrap:wrap}.brand small{font-size:.7rem}.account{font-size:.8rem;gap:.6rem;width:100%;justify-content:space-between}main{display:block}.chapter-panel{position:static;height:auto;min-height:0;padding:1rem;border-right:0;border-bottom:1px solid var(--line)}.chapter-panel nav{max-height:180px;margin:.5rem 0}.chapter-panel .intro,.source-link,.book-label{display:none}.panel-title{margin-bottom:.75rem}.book-progress{margin-bottom:.75rem}.workspace{padding:1rem}.chapter-heading{align-items:start}.chapter-heading h2{font-size:1.4rem}.pill{font-size:.75rem}.review-strip{padding:.8rem;gap:1rem}.review-strip strong{font-size:1.2rem}.eyebrow{font-size:.7rem}.scan-viewport{max-height:500px}.finish-panel{padding:1rem}.finish-panel>button{width:100%}#transcription{font-size:1.8rem;min-height:330px}.tabs{gap:0;padding:0 .5rem}.tabs button{flex:1;font-size:.8rem}dialog{padding:1.4rem}}

/* Guided comparison: editable transcription on the left, source on the right. */
.comparison{align-items:start}
#scan-sheet{position:relative;width:100%;min-height:1px}
.scan-viewport #scan{width:100%;box-shadow:0 2px 10px #14253c20}
#scan-highlight{position:absolute;border:2px solid #d48b17;background:#ffbf362b;box-shadow:0 0 0 2px #fff9;pointer-events:none;border-radius:3px}
.source-location{padding:.6rem 1rem;margin:0;min-height:3.4rem;background:#f8fafd}
.guide-controls{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}
.guide-controls button{font-size:.85rem;padding:.5rem .7rem}
#line-position{font-size:.875rem;font-weight:600;color:var(--blue)}
#guided-line{width:100%;margin-top:.5rem;min-height:180px;font-family:"Noto Naskh Arabic","Traditional Arabic","Times New Roman",serif;font-size:2.2rem;line-height:2.1;padding:1.1rem;white-space:pre-wrap;background:#f6f9ff;border-color:#adbed6}
#full-text{margin-top:1rem;border-top:1px solid var(--line);padding-top:.75rem}
#full-text textarea{margin-top:.75rem;min-height:260px}
#vocabulary-grid{max-width:100%;min-width:0}
.vocabulary-table-scroll{overflow:auto;border:1px solid #d8aac1;border-radius:6px;max-height:620px}
.vocabulary-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:480px}
.vocabulary-table caption{text-align:left;padding:.6rem .8rem;font-size:.875rem;font-weight:600;background:#fff8fc;color:#663b50}
.vocabulary-table th{padding:.5rem;background:#f3d8e7;font-size:.875rem;font-weight:600;text-align:center;border:1px solid #d8aac1}
.vocabulary-table td{border:1px solid #d8aac1;padding:0;vertical-align:middle;background:#fff7fb}
.vocabulary-table tr:nth-child(even) td{background:#fce8f2}
.vocabulary-table td:nth-child(2n){background:#fae0ed}
.vocabulary-table td.selected-cell{background:#fff0c9;outline:2px solid #d48b17;outline-offset:-2px}
.vocabulary-table textarea{width:100%;min-width:0;min-height:90px;display:block;padding:.4rem .5rem;border:0;border-radius:0;background:transparent;resize:vertical;line-height:1.5;overflow:auto;font-size:1.15rem}
.vocabulary-table textarea[lang=ar]{font-family:"Noto Naskh Arabic","Traditional Arabic","Times New Roman",serif;font-size:1.8rem}
.vocabulary-table textarea:focus{outline:0}
.vocabulary-table td:focus-within{box-shadow:inset 0 0 0 2px #153f73}
@media(min-width:900px){.comparison{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.scan-panel{position:sticky;top:1rem}.scan-viewport{height:460px;max-height:60vh}.guide-controls{justify-content:center}.guide-controls #line-position{flex:1;text-align:center}}
@media(min-width:1400px){.scan-viewport{height:560px}.vocabulary-table{min-width:0}}
@media(max-width:899px){.comparison{grid-template-columns:1fr}.scan-panel{position:static}.scan-viewport{height:340px}.text-panel{order:1}.scan-panel{order:0}#guided-line{min-height:120px}.vocabulary-table-scroll{max-height:430px}}
.local-accounts{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.65rem 2rem;background:#fff0cc;border-bottom:1px solid #e0c77b;font-size:.875rem;color:#634810}.local-accounts select{padding:.3rem .6rem}.local-accounts label{font-weight:400}@media(max-width:700px){.local-accounts{padding:.65rem 1rem;gap:.5rem}}
.arabic-keyboard{border:1px solid #c9d8ed;border-radius:7px;padding:.65rem .8rem;margin-bottom:1rem;background:#f3f7fd}.arabic-keyboard summary{font-weight:600}.arabic-keyboard .small{margin:.65rem 0}.keyboard-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;margin:.35rem 0;direction:rtl}.keyboard-key{font-family:serif;font-size:1.4rem;min-width:2.3rem;height:2.6rem;padding:.25rem;border-color:#b8c8dc}.harakat-row .keyboard-key{background:#e5edfa;border-color:#9bb3d2}.keyboard-actions{direction:ltr;margin-top:.6rem}.keyboard-actions button{font-size:.8rem;padding:.4rem .6rem}.optional-note{margin:.7rem 0}.optional-note textarea{margin-top:.6rem}.correction-comparison{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:.7rem 0}.correction-comparison>div{min-width:0;border:1px solid var(--line);border-radius:6px;padding:.7rem}.correction-comparison strong{font-size:.875rem}.correction-comparison pre{font-family:serif;font-size:1.3rem;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto;margin:.4rem 0}.correction-comparison del{background:#ffe0e0;text-decoration:none;color:#8a1717}.correction-comparison ins{background:#d9f3df;text-decoration:none;color:#19502c}@media(max-width:600px){.keyboard-key{min-width:2rem}.correction-comparison{grid-template-columns:1fr}}

/* A quieter reading surface with large, explicit controls. */
body{font-size:18px}main{display:block;max-width:1650px}.chapter-panel{position:static;height:auto;min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:.9rem 2rem;display:block;background:white}.chapter-panel>summary{font-size:1rem;font-weight:600;cursor:pointer;color:var(--blue);padding:.4rem 0}.chapter-picker-content{max-width:700px;padding-top:1rem}.chapter-panel nav{max-height:280px;overflow:auto}.chapter-panel .intro,.chapter-panel .book-label{display:none}.workspace{padding:1.4rem 2rem 3rem}.chapter-heading{margin-bottom:1rem}.review-details{margin-bottom:1rem}.review-details>summary{font-size:1rem}.review-strip{margin-top:.7rem;margin-bottom:0}.simple-instructions{background:#eaf1fb;border-left:4px solid var(--blue);padding:1rem 1.2rem;font-size:1.1rem;line-height:1.6;margin-bottom:1.2rem}button,.button{font-size:1rem;min-height:48px;padding:.75rem 1rem}label,.small,.pane-toolbar span,.pane-toolbar a,.scan-controls button,.tabs button,.draft-actions button,.draft-actions span,.finish-panel p,.account,.search-label,.book-progress{font-size:1rem}.guide-controls{margin:1rem 0 .25rem;gap:.75rem}.guide-controls button{font-size:1.05rem;min-height:52px}.guide-controls #line-position{font-size:1rem}.tabs button{min-height:54px}.scan-options{padding:.7rem 1rem;border-bottom:1px solid var(--line)}.scan-options summary{font-size:1rem}.scan-options .scan-controls{padding-left:0;padding-right:0}.scan-options .zoom-controls{padding-left:0;padding-right:0}.page-check{font-size:1rem;line-height:1.6;padding:1rem;align-items:center;background:#f2f7fd}input[type=checkbox]{width:24px;height:24px}.source-location{min-height:0;font-size:1rem}.contributions>summary{font-size:1.05rem;font-weight:600;padding:.2rem 0}.contributions[open]>summary{margin-bottom:1rem}.keyboard-key{font-size:1.5rem;min-width:2.65rem;min-height:46px}.keyboard-actions button{font-size:.95rem;min-height:44px}.optional-note summary,#full-text summary,.arabic-keyboard summary{font-size:1rem}.report-buttons{gap:.75rem}.report-buttons #proposal-button{flex:1}.finish-panel{padding:1.5rem;gap:1.5rem}.finish-panel h3{font-size:1.15rem}.finish-panel label{font-size:1rem;line-height:1.6}.finish-panel button{font-size:1.05rem;min-height:54px}.chapter-copy small{font-size:.9rem}.chapter-item{min-height:54px}.topbar .brand small{font-size:.8rem}.notice{font-size:1rem}
@media(min-width:900px){.comparison{gap:1.5rem}.scan-viewport{height:540px;max-height:65vh}.scan-panel{top:1rem}}
@media(max-width:899px){.workspace{padding:1rem}.chapter-panel{padding:.75rem 1rem}.simple-instructions{font-size:1rem}.report-buttons{flex-direction:column}.report-buttons button{width:100%}.finish-panel{padding:1rem}.guide-controls button{flex:1}.guide-controls #line-position{order:-1;flex-basis:100%;text-align:center}}

/* Phone review: keep the original close while editing, without a wide table. */
@media(max-width:899px){
  html{scroll-padding-top:260px}
  .topbar{min-height:0;padding:.7rem 1rem}.brand{font-size:1.25rem}.brandmark{width:36px;height:36px}.brand small{display:none}.account{font-size:.9rem}.account button{min-height:44px}
  .chapter-heading{gap:.6rem}.chapter-heading h2{font-size:1.4rem}.eyebrow{letter-spacing:0;font-size:.85rem}.simple-instructions{padding:.75rem;font-size:1rem}.workspace{padding:.75rem}
  .comparison{display:flex;flex-direction:column;gap:.75rem;position:relative}.text-panel,.scan-panel{width:100%}
  .scan-panel{position:sticky;top:0;z-index:5;box-shadow:0 4px 14px #14253c20;order:0;background:white}
  .scan-panel .pane-toolbar{padding:.4rem .75rem}.scan-panel .pane-toolbar a{padding:.4rem;min-height:40px;display:inline-flex;align-items:center}
  .scan-options{padding:.35rem .75rem}.scan-options summary{font-size:.9rem}.scan-options[open]{max-height:180px;overflow:auto}
  .scan-viewport{height:clamp(115px,20svh,170px);max-height:none;padding:.4rem;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .scan-panel>.small{display:none}.source-location{padding:.25rem .75rem;margin:0;font-size:.85rem;min-height:0;line-height:1.4}
  .text-panel{order:1}.text-panel .pane-toolbar{padding:.6rem .75rem}.tabs{padding:0}.tabs button{padding:.7rem .4rem;font-size:1rem;min-width:0}.text-panel #text-pane{padding:.75rem}
  #guided-line{font-size:2rem;min-height:135px;padding:.6rem;scroll-margin-top:260px}
  .guide-controls{gap:.5rem}.guide-controls button{min-height:52px;font-size:1rem;padding:.65rem .5rem}.guide-controls #line-position{margin-bottom:.2rem}
  .report-form{padding:.75rem}.report-buttons{gap:.5rem}.draft-actions{padding:0 .75rem .75rem}.draft-actions span{overflow-wrap:anywhere}
  .vocabulary-table-scroll{max-height:none;overflow:visible;border:0}.vocabulary-table{min-width:0;table-layout:auto;display:block;width:100%}.vocabulary-table caption{display:block;font-size:.9rem;padding:.4rem 0;background:none}.vocabulary-table thead{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.vocabulary-table tbody{display:block}.vocabulary-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;margin:.65rem 0;border:1px solid #d8aac1;border-radius:6px;overflow:hidden}.vocabulary-table td{display:block;min-width:0}.vocabulary-table td::before{content:attr(data-label);display:block;padding:.25rem .5rem;font-family:Arial,sans-serif;font-size:.85rem;color:#663b50;font-weight:600}.vocabulary-table textarea{min-height:95px;font-size:1.1rem;padding:.4rem;scroll-margin-top:260px}.vocabulary-table textarea[lang=ar]{font-size:1.65rem}
  .arabic-keyboard{padding:.5rem}.keyboard-row{gap:.25rem}.keyboard-key{flex:0 0 calc((100% - 2.5rem)/11);min-width:0;min-height:44px;height:44px;font-size:1.45rem}.harakat-row .keyboard-key{flex-basis:calc((100% - 2rem)/9)}.keyboard-actions button{flex:1 1 45%;font-size:.85rem;min-height:44px;padding:.4rem}.keyboard-actions{gap:.4rem}
  .finish-panel{display:block}.finish-panel button{width:100%;margin-top:1rem}.finish-panel p{font-size:1rem}.admin-actions{flex-direction:column}.admin-actions button,.admin-actions a{width:100%}.contributions,.admin-panel{padding:.85rem}
  dialog{max-height:90svh;overflow:auto}dialog input{font-size:1rem}#message{bottom:max(.75rem,env(safe-area-inset-bottom));font-size:1rem;padding:.75rem;width:calc(100% - 1.5rem)}
  .phone-keyboard-open .scan-viewport{height:75px}.phone-keyboard-open .scan-panel .pane-toolbar,.phone-keyboard-open .scan-options,.phone-keyboard-open .source-location{display:none}.phone-keyboard-open #guided-line,.phone-keyboard-open .vocabulary-table textarea{scroll-margin-top:95px}
}
@media(max-width:380px){.account{font-size:.85rem}.guide-controls button{font-size:.9rem}.keyboard-key{font-size:1.3rem}.vocabulary-table textarea[lang=ar]{font-size:1.5rem}}
@media(max-width:899px) and (orientation:landscape){.scan-viewport{height:85px}.scan-panel .pane-toolbar,.scan-options,.source-location{display:none}}
.auth-page{min-height:100svh;display:grid;place-items:center;padding:1.5rem;background:#edf3fb}.auth-card{display:block;width:min(100%,480px);background:white;border:1px solid var(--line);border-radius:14px;padding:2rem;box-shadow:0 10px 40px #14253c12}.auth-card .brand{margin-bottom:1.5rem}.auth-card h1{font-size:1.6rem;line-height:1.35;margin-bottom:1rem}.auth-card>p{font-size:1.05rem;color:var(--muted)}.auth-card label{font-size:1rem;margin-top:1rem}.auth-card input{width:100%;font-size:1.1rem;margin:.5rem 0;min-height:52px}.auth-card button{width:100%;margin-top:.75rem;min-height:54px}.auth-footnote{margin:1.5rem 0 0}#auth-error{color:#a12222;white-space:pre-wrap}#auth-code{font-size:1.5rem;letter-spacing:.2em}.auth-card #auth-sent{overflow-wrap:anywhere}@media(max-width:600px){.auth-page{padding:1rem}.auth-card{padding:1.4rem}.auth-card .brand{font-size:1.5rem}}
.line-tools{margin:.75rem 0;padding:.75rem;border:1px solid var(--line);border-radius:6px;background:#f6f9fd}.line-tools summary{font-size:1rem}.line-tools .small{margin:.75rem 0}.line-tool-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.line-tool-buttons button{font-size:1rem}@media(max-width:899px){.line-tool-buttons{flex-direction:column}.line-tool-buttons button{width:100%}}