:root{color-scheme:light;--ink:#25332d;--muted:#626b64;--line:#d4d8d1;--paper:#f5f4ef;--accent:#33483f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:12pt 'Arno Pro',Georgia,serif}html[lang=he] body{font-family:'Guttman Frnew','Noto Serif Hebrew','Times New Roman',serif}main{max-width:740px;margin:auto;padding:max(24px,env(safe-area-inset-top)) 20px 50px}h1{font-size:1.9rem;font-weight:600;margin:8px 0 12px}h2{font-size:1.25rem;margin:0 0 18px}p{line-height:1.6}.muted,small{color:var(--muted)}section,details{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px;margin:20px 0}label{display:block;margin:16px 0}input,select,textarea,button,.download{font:inherit;min-height:46px;border:1px solid #b3bcb4;border-radius:6px;padding:10px 12px;width:100%;margin-top:7px;background:#fff;color:var(--ink)}textarea{min-height:85px}button,.download{cursor:pointer;background:var(--accent);color:#fff;text-align:center;text-decoration:none;display:block}button.secondary{background:#fff;color:var(--ink)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8ba69a;outline-offset:2px}.check{display:flex;align-items:flex-start;gap:10px}.check input{width:22px;min-height:22px;flex-shrink:0;margin:0}.check span{line-height:1.6}summary{cursor:pointer;font-weight:600}#photo-preview{display:block;max-width:100%;max-height:400px;object-fit:contain;margin:18px auto}#status{white-space:pre-wrap;line-height:1.6;border-inline-start:3px solid #b5c5bb;padding-inline-start:12px}#recent{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.photo-card{border:1px solid var(--line);padding:10px;border-radius:6px;overflow-wrap:anywhere}.photo-card img{width:100%;height:130px;object-fit:contain}.photo-card p{margin:7px 0}.photo-card a{display:block;color:#234f45;margin-top:10px}#counts{color:var(--muted)}#new-ms-form{padding-top:12px}#new-ms-form label{margin-top:12px}.buttons{display:flex;gap:10px;flex-wrap:wrap}.buttons>*{flex:1;min-width:160px}[hidden]{display:none!important}.pill{display:inline-block;border:1px solid var(--line);border-radius:5px;padding:4px 8px}bdi{unicode-bidi:isolate}input,textarea{unicode-bidi:plaintext}li{margin:10px 0;line-height:1.6}nav{text-align:end}nav a{color:#335d4e}

.appearance-picker{max-width:220px;margin:28px auto 0;color:var(--muted);font-size:.95rem}html[data-appearance=light]{--paper:#f1f5f9;--ink:#183047;--muted:#52667a;--line:#cbd5e1;--accent:#245b83}html[data-appearance=night]{color-scheme:dark;--paper:#131d24;--ink:#e9eff0;--muted:#b3c2c8;--line:#455964;--accent:#39756c}html[data-appearance=night] section,html[data-appearance=night] details{background:#1e2d36}html[data-appearance=night] input,html[data-appearance=night] textarea,html[data-appearance=night] select,html[data-appearance=night] button.secondary{background:#263b46;color:var(--ink);border-color:#657c88}html[data-appearance=night] a{color:#a9ddd0}

/* Quiet reading-room palette, touch-friendly controls, and clear focus states. */
:root{--paper:#f3efe6;--ink:#263e35;--muted:#6e756c;--line:#dfdfd1;--accent:#285748;--card:#fffef9;--field:#f8f7f0;--glow:#e3e9dc;--shadow:0 8px 32px #32463809}
body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;background:radial-gradient(ellipse at 10% 0%,var(--glow),transparent 60%),var(--paper);line-height:1.55}
html[lang=he] body{font-family:'Segoe UI',Arial,sans-serif}
main{max-width:620px;padding: max(34px,env(safe-area-inset-top)) 22px max(44px,env(safe-area-inset-bottom))}
h1{font:500 clamp(2rem,8vw,2.65rem)/1.1 Georgia,serif;letter-spacing:-.045em;margin:14px 0 14px;max-width:480px}
html[lang=he] h1{font-family:'Noto Serif Hebrew','Times New Roman',serif;letter-spacing:0;font-weight:600}
main>h1:before{content:'';display:block;width:46px;height:4px;background:var(--accent);border-radius:8px;margin-bottom:22px}
main>p.muted:first-of-type{font-size:1rem;max-width:410px;margin-bottom:30px}
h2{font-size:1.22rem;letter-spacing:-.02em;font-weight:650;margin-bottom:16px}
section,details{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:25px;margin:22px 0;box-shadow:var(--shadow)}
label{font-size:.94rem;font-weight:600;margin:20px 0}label small,small{font-weight:400;line-height:1.6}small{display:block;font-size:.84rem}
input,select,textarea{min-height:54px;background:var(--field);border:1px solid var(--line);border-radius:12px;padding:13px 15px;font-size:16px;box-shadow:inset 0 1px 2px #23392c03}
input:focus,textarea:focus,select:focus{border-color:var(--accent);background:var(--card)}
button,.download{min-height:54px;border-radius:13px;border:1px solid var(--accent);padding:14px 18px;font-weight:600;font-size:.97rem;background:var(--accent);transition:background .15s,transform .15s;box-shadow:0 3px 8px #193b2e0c}
button:active{transform:translateY(1px)}button.secondary{background:var(--card);border-color:var(--line);color:var(--ink);box-shadow:none}button.secondary:hover{border-color:var(--accent)}
button:disabled{opacity:.5}fieldset{border:1px solid var(--line);border-radius:14px;padding:10px 16px;margin:20px 0}legend{padding:0 8px;color:var(--muted);font-size:.86rem}
.check{padding:9px 0;align-items:center;font-weight:500;margin:10px 0;gap:12px}.check input{width:23px;height:23px;min-height:23px;padding:0;accent-color:var(--accent);box-shadow:none}.check span{line-height:1.5}
#amud-choices{display:flex;gap:26px;flex-wrap:wrap}#amud-choices .check{margin:0}
#review-stage button{margin-top:12px}#finish{margin-top:25px!important}#photo-preview{border-radius:13px;background:var(--field);width:100%;padding:8px;max-height:390px}
#profile-summary{font-size:.86rem;background:var(--glow);border-radius:24px;padding:8px 14px;display:inline-block;margin:0 0 9px;overflow-wrap:anywhere}#edit-profile{width:auto;min-height:38px;padding:7px 12px;font-size:.8rem;background:transparent;margin:0 0 18px}
#status:empty{display:none}#status{background:var(--glow);border:0;border-radius:12px;padding:14px 16px;font-size:.9rem}
#drive-status{font-size:.89rem}#open-drive{background:transparent;border-color:var(--line);color:var(--accent);font-size:.9rem;box-shadow:none}
details{padding:19px 23px}summary{font-size:.94rem}.photo-card{border-radius:12px;background:var(--field)}.photo-card p{font-size:.85rem}
.pill{background:var(--glow);border:0;border-radius:10px;padding:11px 14px;font-size:.95rem}.appearance-picker{margin:32px auto 0;max-width:220px;text-align:center;font-size:.79rem;font-weight:500;letter-spacing:.015em}.appearance-picker select{min-height:44px;font-size:.87rem;background:transparent}a{color:var(--accent);text-underline-offset:3px}main>p:last-of-type{font-size:.85rem}
html[data-appearance=light]{--paper:#eef3f6;--ink:#233d4f;--muted:#607688;--line:#d9e3eb;--accent:#315e7a;--card:#fff;--field:#f6f9fc;--glow:#dfeaf1}
html[data-appearance=night]{--paper:#14241f;--ink:#e5eee6;--muted:#acbbb0;--line:#3b5147;--accent:#487c67;--card:#1e3028;--field:#263c32;--glow:#2b4337;--shadow:none}
html[data-appearance=night] section,html[data-appearance=night] details{background:var(--card)}html[data-appearance=night] input,html[data-appearance=night] textarea,html[data-appearance=night] select,html[data-appearance=night] button.secondary{background:var(--field);border-color:var(--line)}html[data-appearance=night] #open-drive{color:#b9dcc7}
@media(max-width:400px){main{padding-inline:16px}section,details{padding:21px;border-radius:19px}h1{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){button,.download{transition:none}}

.language-picker{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:.8rem;color:var(--muted);font-weight:500;margin:0 0 24px}.language-picker select{width:auto;min-height:40px;padding:8px 12px;margin:0;font-size:.85rem;background:var(--card)}#watermark-choice{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--glow)}

/* KTIV-inspired ivory, sky blue, muted gold and serif headings. */
:root{--paper:#f7f1eb;--ink:#24231f;--muted:#6f6b61;--line:#d7d0c1;--accent:#a99b70;--card:#fffdf9;--field:#fff;--glow:#ece8db;--shadow:none}
html:not([data-appearance=night]) body{background:var(--paper)}h1,h2{font-family:Georgia,'Times New Roman',serif;color:var(--ink)}html[lang=he] h1,html[lang=he] h2{font-family:'Noto Serif Hebrew','Times New Roman',serif}h1{font-weight:500;letter-spacing:-.025em}h2{font-size:1.35rem;font-weight:500}main>h1:before{background:#399fcd;width:64px;height:3px;border-radius:0}section,details{border-radius:3px;box-shadow:none}section{border-top:3px solid #399fcd}input,select,textarea{border-radius:2px;border-color:#b9b5aa}button,.download{border-radius:2px;color:#24231f;border-color:#a99b70;background:#b8ab83}button.secondary{background:var(--card);color:#256e8b;border-color:#b7c9ce}#profile-summary{border-radius:2px;background:#e9e3d1}#status,.pill,#watermark-choice{border-radius:2px;background:#ece8db}#photo-preview{border-radius:2px}.language-picker select{border-radius:2px}.photo-card{border-radius:2px}.photo-card img{border-bottom:2px solid #d77c5e}a{color:#256e8b}
html[data-appearance=light]{--paper:#f4f8fa;--ink:#24343b;--muted:#5e7078;--line:#d3e2e4;--accent:#a99b70;--card:#fff;--field:#fff;--glow:#e2eef0}
html[data-appearance=night]{--paper:#1c272e;--ink:#f0ede4;--muted:#b8bdb9;--line:#43545e;--accent:#b8ab83;--card:#27343c;--field:#30434c;--glow:#37454b;--shadow:none}html[data-appearance=night] section{border-top-color:#399fcd}html[data-appearance=night] button.secondary{color:#c4e6f6}html[data-appearance=night] #profile-summary,html[data-appearance=night] #status,html[data-appearance=night] .pill,html[data-appearance=night] #watermark-choice{background:var(--glow)}html[data-appearance=night] main>h1:before{background:#399fcd}html[data-appearance=night] #open-drive{color:#c4e6f6}
@media(max-width:400px){section,details{border-radius:3px}}

.menu-button{width:44px;min-height:42px;font-size:1.35rem;padding:4px;float:inline-end;margin:0 0 12px 12px;background:transparent!important}.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.menu-heading h2{margin:0}.menu-heading button{width:40px;min-height:40px;margin:0;padding:3px;font-size:1.5rem}#account-menu{border:1px solid var(--line);background:var(--paper);color:var(--ink);width:min(94vw,540px);max-height:90dvh;overflow:auto;padding:22px}#account-menu::backdrop{background:#1b292e88}#account-menu section{padding:18px}#account-menu #profile-summary{display:block;margin-top:20px}#account-menu #edit-profile{margin-bottom:0}#email-stage{margin-top:30px}#bookview-help{margin:0 0 20px;font-weight:400}

.library-suggestions{border:1px solid var(--line);background:var(--card);padding:4px;margin-top:-12px;margin-bottom:18px;max-height:260px;overflow:auto}.library-suggestions button{background:transparent;color:var(--ink);border:0;text-align:start;margin:0;min-height:44px;box-shadow:none}.library-suggestions button:hover,.library-suggestions button[aria-selected=true]{background:var(--glow)}
