/* Iron Sharpens Iron v2.1.0 — Steel Theme */
:root{
  --accent:#475569;--accent-hover:#64748b;--accent-text:#f1f5f9;
  --accent-60:rgba(100,116,139,.5);--badge-bg:rgba(71,85,105,.35);--badge-text:#cbd5e1;
  --card-top:rgba(30,32,40,.9);--shadow:rgba(30,41,59,.2);
  --icon-bg:rgba(51,65,85,.3);--progress-gradient:linear-gradient(to right,#475569,#94a3b8);
  --glow-a:rgba(148,163,184,.1);--glow-b:rgba(148,163,184,.2);
  --header-gradient:linear-gradient(135deg,rgba(51,65,85,.15) 0%,transparent 50%,rgba(30,41,59,.1) 100%);
  --verse-accent:#94a3b8
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:#0c0a09;color:#e7e5e4;font-family:'Crimson Pro',Georgia,serif;-webkit-font-smoothing:antialiased;min-height:100vh;
  background-image:radial-gradient(ellipse at top,rgba(51,65,85,.08) 0%,transparent 60%)}
.mono{font-family:'JetBrains Mono',monospace}
a{text-decoration:none;color:inherit}
button{background:none;border:none;cursor:pointer;font-family:inherit;color:inherit}
.wrap{max-width:512px;margin:0 auto;padding:0 20px 64px}.wrap>*+*{margin-top:20px}
.header-bg{background:var(--header-gradient)}
.header-inner{max-width:512px;margin:0 auto;padding:40px 20px 24px}
.brand{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.brand-logo{width:72px;height:auto;display:block;flex-shrink:0;border-radius:12px}
.card{border-radius:16px;border:1px solid rgba(68,64,60,.4);background:rgba(28,25,23,.6);transition:all .3s;overflow:hidden}
.card:hover{border-color:rgba(68,64,60,.6)}
.card-today{border-radius:16px;border:1px solid var(--accent-60);background:linear-gradient(to bottom,var(--card-top),rgba(28,25,23,.9));box-shadow:0 10px 15px -3px var(--shadow);overflow:hidden}
.card-done{border-radius:16px;border:1px solid rgba(68,64,60,.3);background:rgba(28,25,23,.4);opacity:.7;overflow:hidden}
.card-btn{width:100%;text-align:left;padding:16px 20px;display:flex;align-items:center;gap:16px}
.day-circle{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}
.dc-today{background:var(--accent);color:var(--accent-text)}
.dc-done{background:rgba(20,83,45,.5);color:#4ade80;border:1px solid rgba(21,128,61,.4)}
.dc-def{background:#292524;color:#a8a29e}
.badge{font-size:12px;font-weight:500;padding:2px 8px;border-radius:9999px;display:inline-block}
.b-today{background:var(--badge-bg);color:var(--badge-text)}
.b-done{background:rgba(20,83,45,.3);color:#4ade80}
.chevron{width:20px;height:20px;flex-shrink:0;color:#78716c;transition:transform .2s}
.chevron-open{transform:rotate(180deg)}
.expand{padding:0 20px 20px}.expand>*+*{margin-top:16px}
.read-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:var(--accent);color:var(--accent-text);font-weight:600;font-size:14px;border-radius:12px;transition:background .2s}
.read-btn:hover{background:var(--accent-hover)}
.cl-box{background:rgba(41,37,36,.4);border-radius:12px;padding:16px;border:1px solid rgba(68,64,60,.3)}.cl-box>*+*{margin-top:8px}
.check-btn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:2px 0}
.cb{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;border:2px solid #78716c;flex-shrink:0;transition:all .2s}
.cb.on{background:var(--accent);border-color:var(--accent)}
.cl{font-size:14px;color:#e7e5e4;transition:color .2s}.cl.on{color:#78716c;text-decoration:line-through}
.pb-bg{width:100%;height:10px;background:#292524;border-radius:9999px;overflow:hidden}
.pb-fill{height:100%;background:var(--progress-gradient);border-radius:9999px;transition:width .5s}
.wd{display:flex;align-items:center;gap:12px;padding:12px 4px}
.wl{height:1px;flex:1;background:rgba(68,64,60,.5)}
.ver-toggle{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;justify-content:center}
.ver-btn{font-size:12px;font-weight:600;padding:4px 10px;border-radius:8px;border:1px solid rgba(68,64,60,.4);color:#a8a29e;transition:all .2s;font-family:'JetBrains Mono',monospace}
.ver-btn:hover{border-color:var(--accent-60);color:var(--badge-text)}
.ver-btn.active{background:var(--badge-bg);border-color:var(--accent-60);color:var(--badge-text)}
@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.anim{animation:fadeIn .25s ease-out}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 20px var(--glow-a)}50%{box-shadow:0 0 35px var(--glow-b)}}
.glow{animation:pulseGlow 4s ease-in-out infinite}
.header-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.lang-toggle{display:inline-flex;gap:4px;padding:3px;border-radius:9999px;background:rgba(28,25,23,.6);border:1px solid rgba(68,64,60,.4);width:fit-content}
.lang-btn{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.04em;padding:4px 10px;border-radius:9999px;color:#a8a29e;transition:all .15s}
.lang-btn:hover{color:#e7e5e4}
.lang-btn.active{background:var(--badge-bg,rgba(71,85,105,.35));color:var(--badge-text,#cbd5e1);border:1px solid var(--accent-60,rgba(100,116,139,.5))}