*{box-sizing:border-box}body{margin:0;font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1d1d1f;background:#f6f5f2}
a{color:var(--a)}.top{display:flex;gap:14px;align-items:center;padding:12px 20px;background:#fff;border-bottom:1px solid #e6e3dc;font-size:15px}.top a{text-decoration:none;font-weight:600;color:#1d1d1f}.top img{width:26px;height:26px;border-radius:7px}
main{max-width:900px;margin:0 auto;padding:28px 20px 60px}h1{font-size:clamp(28px,5vw,42px);line-height:1.15;margin:.2em 0 .3em;letter-spacing:-.01em}h2{font-size:24px;margin:1.8em 0 .5em}
.lede{font-size:19px;color:#444;margin:0 0 18px}.crumb{font-size:14px;color:#777}.crumb a{color:#777}
footer{max-width:900px;margin:0 auto;padding:20px;font-size:14px;color:#777;border-top:1px solid #e6e3dc}
.btn,.bar button,.dl a{appearance:none;border:0;border-radius:999px;padding:11px 18px;font:600 15px/1 inherit;font-family:inherit;background:var(--a);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}
.ghost{background:#fff!important;color:var(--a)!important;box-shadow:inset 0 0 0 2px var(--a)}
.study{background:#fff;border-radius:22px;box-shadow:0 6px 30px rgba(0,0,0,.08);padding:18px}
.meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;color:#666}
.prog{height:8px;border-radius:9px;background:#eee;overflow:hidden;margin:10px 0 16px}.prog i{display:block;height:100%;background:var(--a);width:0;transition:width .4s}
.card{perspective:1400px;height:300px;cursor:pointer;outline:none}.card .in{position:relative;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.card.flip .in{transform:rotateY(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px;overflow:auto}
.front{background:linear-gradient(150deg,var(--a),color-mix(in srgb,var(--a) 60%,#000));color:#fff;font-size:clamp(26px,5vw,44px);font-weight:800;letter-spacing:-.01em}
.back{background:#fffdf8;border:2px solid color-mix(in srgb,var(--a) 25%,#fff);transform:rotateY(180deg);font-size:clamp(17px,2.4vw,22px)}
.face small{display:block;font-size:13px;font-weight:600;opacity:.75;margin-top:14px;letter-spacing:.04em;text-transform:uppercase}
.bar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}.bar .again{background:#b42318}.bar .good{background:#137333}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.filters button{border:0;border-radius:999px;padding:7px 12px;font:600 13px/1 inherit;font-family:inherit;background:#efece6;cursor:pointer}.filters button.on{background:var(--a);color:#fff}
.done{display:none;text-align:center;padding:20px}.done.show{display:block}.done b{font-size:24px;display:block}
.nudge{display:none;margin-top:14px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--a) 9%,#fff);font-size:15px}.nudge.show{display:block}
.dl{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
table.list{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;font-size:15px}table.list td,table.list th{padding:9px 12px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}table.list th{background:color-mix(in srgb,var(--a) 10%,#fff)}
.app{display:flex;gap:16px;align-items:center;background:#fff;border-radius:18px;padding:16px;margin:28px 0;box-shadow:0 2px 14px rgba(0,0,0,.07)}.app img{border-radius:16px;flex:none}.app p{margin:0 0 8px}.cta{display:inline-block;background:#111;color:#fff!important;text-decoration:none;font-weight:700;border-radius:12px;padding:10px 16px}
.hubgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.hubgrid a{display:block;background:#fff;border-radius:18px;padding:18px;text-decoration:none;color:#1d1d1f;box-shadow:0 2px 14px rgba(0,0,0,.07);border-top:6px solid var(--c)}.hubgrid b{display:block;font-size:19px;margin-bottom:4px}.hubgrid span{font-size:14px;color:#555}
.faq h3{font-size:18px;margin:1.2em 0 .2em}
.kbd{font-size:13px;color:#888;text-align:center;margin-top:8px}
@media print{.top,.study,.dl,.app,footer,.faq,.lede,.crumb,.kbd,h2.np{display:none}table.list{font-size:12px}}
.verse{background:#fff;border-radius:18px;padding:16px 20px;margin:12px 0;box-shadow:0 1px 10px rgba(0,0,0,.06);position:relative}.verse blockquote{margin:0;padding-right:58px;font:19px/1.6 Georgia,"Times New Roman",serif}.verse cite{display:block;font-style:normal;font-weight:700;color:var(--a);margin-top:6px}.verse button{position:absolute;top:12px;right:12px;border:0;background:#f1efe9;border-radius:999px;padding:5px 10px;font:600 12px inherit;font-family:inherit;cursor:pointer}
.topics{display:flex;flex-wrap:wrap;gap:8px}.topics a{background:#fff;border-radius:999px;padding:7px 14px;text-decoration:none;font-weight:600;box-shadow:0 1px 6px rgba(0,0,0,.06)}
@media print{.verse button,.topics{display:none}}