:root{--bg:#101319;--bg-glow:#161b24;--panel:#1a202b;--panel-raised:#202836;--border:#2a3242;--border-soft:#232b39;--text:#ece6d8;--text-dim:#a6adbb;--text-faint:#6d7585;--accent:#d9a441;--accent-soft:rgba(217,164,65,0.14);--good:#6fbf8b;--bad:#c96a5e;--serif:Georgia,"Iowan Old Style","Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:dark}body{background:radial-gradient(1200px 500px at 50% -10%,var(--bg-glow),var(--bg) 60%) var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.55;min-height:100dvh}a{color:var(--accent);text-decoration:none}.shell{max-width:580px;margin:0 auto;padding:20px 18px 96px}.masthead{display:flex;align-items:baseline;justify-content:space-between;padding:6px 2px 18px}.wordmark{font-family:var(--serif);font-size:22px;letter-spacing:.4px}.wordmark em{color:var(--accent);font-style:normal}.masthead .date{color:var(--text-faint);font-size:13px;text-transform:capitalize}.page-title{font-family:var(--serif);font-size:26px;margin:4px 0}.page-sub{color:var(--text-dim);font-size:14px;margin-bottom:20px}.card{background:linear-gradient(180deg,var(--panel-raised),var(--panel));border:1px solid var(--border);border-radius:16px;padding:18px 18px 12px;margin-bottom:16px;transition:opacity .25s ease}.card.disliked{opacity:.45}.card-top{display:flex;justify-content:space-between;margin-bottom:10px}.card-top,.chip{align-items:center}.chip{display:inline-flex;gap:7px;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--text-dim)}.chip .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.difficulty{color:var(--text-faint);font-size:12px;letter-spacing:2px}.card h2{font-family:var(--serif);font-size:20px;line-height:1.3;margin-bottom:8px}.card .body{color:var(--text);font-size:15.5px;margin-bottom:10px}.card .extra{border-left:2px solid var(--accent);background:var(--accent-soft);border-radius:0 10px 10px 0;padding:12px 14px;font-size:14.5px;color:var(--text);margin:4px 0 12px}.card .source{font-size:12.5px;color:var(--text-faint);margin-bottom:10px}.card .source a{color:var(--text-dim);border-bottom:1px dotted var(--text-faint)}.actions{display:flex;align-items:center;gap:6px;border-top:1px solid var(--border-soft);padding-top:10px}.actions .spacer{flex:1 1}.act{background:none;border:1px solid transparent;border-radius:10px;color:var(--text-dim);cursor:pointer;font-family:var(--sans);font-size:13.5px;padding:7px 10px;transition:all .15s ease}.act:hover{background:var(--panel-raised);border-color:var(--border)}.act.on{color:var(--accent);background:var(--accent-soft);border-color:rgba(217,164,65,.35)}.act.on-bad{color:var(--bad);background:rgba(201,106,94,.12);border-color:rgba(201,106,94,.3)}.more-btn{display:block;width:100%;background:var(--panel);border:1px dashed var(--border);border-radius:14px;color:var(--text-dim);cursor:pointer;font-family:var(--sans);font-size:14.5px;padding:14px;margin-top:6px}.more-btn:hover{border-color:var(--accent);color:var(--accent)}.quiz-question{font-family:var(--serif);font-size:19px;line-height:1.4;margin-bottom:16px}.option{display:block;width:100%;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;font-family:var(--sans);font-size:15px;padding:13px 15px;margin-bottom:9px;transition:all .15s ease}.option:hover:not(:disabled){border-color:var(--accent)}.option:disabled{cursor:default}.option.correct{border-color:var(--good);background:rgba(111,191,139,.12)}.option.wrong{border-color:var(--bad);background:rgba(201,106,94,.12)}.quiz-feedback{display:flex;align-items:center;justify-content:space-between;margin:14px 0;font-size:15px}.xp-pill{background:var(--accent-soft);border:1px solid rgba(217,164,65,.35);border-radius:999px;color:var(--accent);font-size:13px;font-weight:600;padding:4px 12px}.primary-btn{background:var(--accent);border:none;border-radius:12px;color:#1c1608;cursor:pointer;font-family:var(--sans);font-size:15px;font-weight:600;padding:12px 22px}.primary-btn:hover{filter:brightness(1.08)}.empty-state{text-align:center;color:var(--text-dim);padding:60px 20px}.empty-state .big{font-size:40px;margin-bottom:12px}.quiz-progress{color:var(--text-faint);font-size:13px;margin-bottom:14px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-bottom:24px}.stat-tile{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.stat-tile .value{font-family:var(--serif);font-size:26px;color:var(--text)}.stat-tile .label{color:var(--text-faint);font-size:12.5px;margin-top:2px}.theme-row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--border-soft)}.theme-row .emoji{font-size:22px;width:30px;text-align:center}.theme-row .info{flex:1 1;min-width:0}.theme-row .name{font-size:14.5px;font-weight:600}.theme-row .meta{color:var(--text-faint);font-size:12px;margin-top:1px}.theme-row .bar{height:5px;background:var(--border-soft);border-radius:3px;margin-top:7px;overflow:hidden}.theme-row .bar>div{height:100%;border-radius:3px}.level-badge{background:var(--panel-raised);border:1px solid var(--border);border-radius:10px;color:var(--text-dim);font-size:12.5px;font-weight:700;padding:5px 10px;white-space:nowrap}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(16,19,25,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border-soft);display:flex;justify-content:center;gap:8px;padding:8px 16px calc(10px + env(safe-area-inset-bottom));z-index:50}.nav-link{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-faint);font-size:11.5px;padding:6px 22px;border-radius:12px;position:relative}.nav-link .ico{font-size:19px}.nav-link.active{color:var(--accent);background:var(--accent-soft)}.nav-badge{position:absolute;top:2px;right:12px;background:var(--bad);border-radius:999px;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;line-height:16px;text-align:center;padding:0 4px}.login-box{max-width:340px;margin:18vh auto 0;text-align:center}.login-box input{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:16px;padding:13px 15px;margin:18px 0 12px;text-align:center}.loading{color:var(--text-faint);text-align:center;padding:60px 0}.toast-level{background:var(--accent-soft);border:1px solid rgba(217,164,65,.4);border-radius:12px;color:var(--accent);font-size:14px;padding:10px 14px;text-align:center;margin-bottom:14px}