@font-face{font-family:Inter;src:url(fonts/Inter-Regular.woff2);font-weight:400}
@font-face{font-family:Inter;src:url(fonts/Inter-Medium.woff2);font-weight:500}
@font-face{font-family:Inter;src:url(fonts/Inter-SemiBold.woff2);font-weight:600}
@font-face{font-family:Inter;src:url(fonts/Inter-Bold.woff2);font-weight:700 800}
:root{color-scheme:light;--ac:#3b3fd8;--acbg:#3b3fd8;--ac2bg:#5b50e0;--ink:#15172b;--mut:#62647d;--faint:#6b6d88;--bg:#fff;--surface:#fff;--card:#f6f6fa;--chip:#f1f1f6;--line:#ececf3;--border:#e2e2ee;--soft:#eef0ff;--softline:#dcdcff;
  --hero1:#d9d4ff;--hero2:#b9b0ff;--warn:#b45309;--warnbg:#fff4d6;--warnfg:#7a4a00;--toastbg:#15172b;--toastfg:#fff;--overlay:rgba(21,23,43,.4)}
@media (prefers-color-scheme:dark){:root{color-scheme:dark;--ac:#a9b0ff;--acbg:#4f46e5;--ac2bg:#6d4fd8;--ink:#ecebfa;--mut:#a7a9c6;--faint:#9598ba;--bg:#0e0f1f;--surface:#17182d;--card:#1b1d36;--chip:#25274a;--line:#2a2c4a;--border:#363966;--soft:#1f2147;--softline:#3a3d7a;
  --hero1:#2a2b66;--hero2:#3b318a;--warn:#fbbf24;--warnbg:#3a2a07;--warnfg:#fcd58a;--toastbg:#ecebfa;--toastfg:#0e0f1f;--overlay:rgba(0,0,0,.6)}
  .thumb{filter:brightness(.92)}}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);max-width:480px;margin:0 auto;min-height:100vh}
button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}
main{padding:20px 24px 110px}
.hd{display:flex;justify-content:space-between;align-items:center;gap:10px}
.logo{position:relative;font-size:16px;letter-spacing:-.3px;width:44px;height:44px;border-radius:12px;background:#eef0ff;color:#1e1b4b;font-weight:800;display:flex;align-items:center;justify-content:center;padding-left:7px;box-sizing:border-box;flex:none;box-shadow:inset 0 0 0 1px #dcdcff}
.logo::before{content:'';position:absolute;left:21%;top:26%;bottom:26%;width:3.5%;min-width:2px;border-radius:1px;background:#4f46e5}
@media (prefers-color-scheme:dark){.logo{box-shadow:none}}
.lb{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--ac);text-transform:uppercase}
h1{font-size:20px;font-weight:700}h1.big{font-size:26px}
.mut{color:var(--mut);font-size:12px}
.hero{margin-top:16px;border-radius:20px;background:linear-gradient(135deg,var(--hero1),var(--hero2));padding:16px;display:flex;gap:14px;align-items:center}
.thumb{border-radius:12px;background:center/cover;flex:none}
.card{background:var(--card);border-radius:16px;padding:14px;margin-top:12px}
.sec{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-weight:700;font-size:15px}
.sec .lnk{color:var(--mut);font-size:13px;font-weight:500}
.bar{height:6px;border-radius:3px;background:var(--border);margin-top:8px}.bar>i{display:block;height:6px;border-radius:3px;background:var(--acbg)}
.avs{display:flex;margin-top:10px}.av{width:36px;height:36px;border-radius:50%;border:2px solid var(--bg);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;margin-left:-8px}.av:first-child{margin-left:0}
.chips{margin-top:12px;display:flex;gap:6px;overflow-x:auto}.chip{padding:7px 14px;border-radius:16px;background:var(--chip);font-size:13px;white-space:nowrap}.chip.on{background:var(--acbg);color:#fff}
.verse{font-family:Georgia,serif;font-size:15px;line-height:1.6}.verse sup{color:var(--ac);font-family:Inter;font-size:10px;margin-right:2px}
.note{margin-top:12px;border-radius:16px;padding:14px;background:var(--soft);border:1px solid var(--softline);font-size:13.5px;line-height:1.5}
.note h3{font-size:14px;margin:4px 0}
.q{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.45}.q b{color:var(--ac);min-width:18px}.q.cur{background:var(--soft);border-radius:10px;padding:11px 8px}
.row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.chk{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;background:var(--chip);color:var(--faint)}.chk.on{background:var(--acbg);color:#fff}
.timer{margin-top:14px;border-radius:20px;background:linear-gradient(135deg,var(--acbg),var(--ac2bg));color:#fff;padding:16px}
.timer .t{font-size:38px;font-weight:800;font-variant-numeric:tabular-nums}
.tb{background:rgba(255,255,255,.2);border-radius:12px;padding:10px 14px;color:#fff;font-weight:700}.tb.w{background:#fff;color:#3b3fd8}
textarea,input,select{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--surface);color:var(--ink);font-size:14px}
.timer textarea{background:rgba(255,255,255,.15);border:0;color:#fff;margin-top:10px;min-height:64px}.timer textarea::placeholder{color:#e2e0ff}
.btn{display:block;width:100%;border-radius:14px;height:48px;font-weight:600;background:var(--acbg);color:#fff;margin-top:10px}.btn.g{background:var(--chip);color:var(--ink)}
.tools{display:flex;gap:10px;margin-top:16px}.tool{flex:1;background:var(--card);border-radius:14px;padding:12px;font-size:13px;font-weight:600;text-align:left}.tool .i{font-size:20px;margin-bottom:6px}
.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;height:76px;border-top:1px solid var(--line);background:var(--surface);display:flex;justify-content:space-around;padding-top:10px}
.nav button{font-size:20px;color:var(--faint);display:flex;flex-direction:column;align-items:center;gap:2px}.nav small{font-size:10px;font-weight:600}.nav .on{color:var(--ac)}
.sheet{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:flex-end;justify-content:center;z-index:9}
.sheet>div{background:var(--surface);color:var(--ink);width:100%;max-width:480px;border-radius:22px 22px 0 0;padding:22px 24px 30px}
.sheet label{display:block;font-size:12px;font-weight:600;color:var(--mut);margin:12px 0 4px}
.pr{font-size:14px;line-height:1.45}.pray{font-size:12px;color:var(--mut);margin-top:6px}.pray button{color:var(--ac);font-weight:600;font-size:12px}
.pray button.on{color:var(--mut)}
.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:var(--toastbg);color:var(--toastfg);padding:10px 16px;border-radius:12px;font-size:13px}
[hidden]{display:none!important}
.timer .lb{white-space:nowrap}
.auth{padding-top:40px}.auth h1{font-size:30px;font-weight:800;line-height:1.15;margin-top:18px}
.auth label{display:block;font-size:12px;font-weight:600;color:var(--mut);margin:14px 0 4px}
.err{color:var(--warn);font-size:13px;font-weight:600;margin-top:10px;min-height:16px}.err:not(:empty)::before{content:"⚠ "}
.seg{display:flex;background:var(--chip);border-radius:12px;padding:4px;margin-top:20px}.seg button{flex:1;padding:9px;border-radius:9px;font-weight:600;font-size:14px;color:var(--mut)}.seg .on{background:var(--surface);color:var(--ink)}
.code{font-family:ui-monospace,monospace;font-size:22px;font-weight:700;letter-spacing:3px;color:var(--ac)}
.pill-s{display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;border-radius:8px;background:var(--soft);color:var(--ac)}
.prep{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px;border-radius:14px;background:var(--card);width:100%;text-align:left;font-weight:600;font-size:14px}
.offline{background:var(--warnbg);color:var(--warnfg);font-size:12px;padding:6px 10px;border-radius:10px;margin-bottom:10px}
.hist{font-size:13px;padding:9px 0;border-bottom:1px solid var(--line)}
.sm{font-size:12px;padding:6px 10px;border-radius:10px;background:var(--chip);font-weight:600}
a{color:var(--ac)}a.row,a.btn{color:var(--ink)}
@media (max-width:380px){main{padding-left:18px;padding-right:18px}.timer .t{font-size:32px}.tb{padding:9px 11px}.timer .hd>div:last-child{gap:6px!important}}
.btn.outline{background:transparent;border:2px solid var(--ac);color:var(--ac)}
.warn{color:var(--warn);font-weight:600}
.apple-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;border-radius:14px;background:#000;color:#fff;font-size:17px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}
.google-wrap{min-height:44px;display:flex;justify-content:center}
.or{display:flex;align-items:center;gap:10px;margin-top:16px;color:var(--mut);font-size:12px}.or::before,.or::after{content:"";flex:1;height:1px;background:var(--border)}
@media (prefers-color-scheme:dark){.apple-btn{background:#fff;color:#000}}