body {
  margin: 0;
  font-family: ui-sans-serif, system-ui, sans-serif;
  background: #111827;
  color: #e5e7eb;
}
html[data-theme="light"] body { background: #f5f7fb; color: #172033; }
html[data-theme="light"] .topbar { background: #ffffff; border-color: #dce3ee; }
html[data-theme="light"] .topbar a, html[data-theme="light"] .deck-row a, html[data-theme="light"] .share-row a, html[data-theme="light"] .back-link { color: #2563a8; }
html[data-theme="light"] .card, html[data-theme="light"] .review-workspace[data-mode="cards"] .review-item { background: #ffffff; border-color: #dce3ee; box-shadow: 0 12px 30px rgba(31,48,77,.08); }
html[data-theme="light"] input, html[data-theme="light"] select, html[data-theme="light"] button, html[data-theme="light"] textarea { background: #ffffff; color: #172033; border-color: #c8d2e1; }
html[data-theme="light"] .muted, html[data-theme="light"] .review-count, html[data-theme="light"] label, html[data-theme="light"] .metric small { color: #64748b; }
.theme-toggle { margin: 0 0 0 12px; padding: 5px 9px; border-radius: 7px; font-size: 16px; line-height: 1; }
.admin-tabs { display: flex; gap: 4px; padding: 4px; background: #111827; border: 1px solid #28374d; border-radius: 8px; width: fit-content; }.admin-tabs a { padding: 9px 16px; color: #94a3b8; text-decoration: none; border-radius: 5px; font-size: 13px; }.admin-tabs a.active { background: #2563a8; color: white; }.admin-pagination { display: flex; justify-content: center; gap: 16px; padding: 16px; color: #94a3b8; }.admin-pagination a { color: #93c5fd; text-decoration: none; }
.admin-page { display: grid; gap: 22px; }
.admin-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; }
.admin-heading h1 { margin: 0 0 5px; font-size: 30px; }
.eyebrow { margin: 0 0 8px; color: #60a5fa; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; }
.muted { color: #94a3b8; margin: 0; }
.admin-badge { padding: 7px 10px; border: 1px solid #166534; border-radius: 6px; color: #86efac; font-size: 12px; white-space: nowrap; }
.admin-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.metric, .admin-panel { background: #151e2d; border: 1px solid #28374d; border-radius: 8px; }
.metric { padding: 17px; }
.metric span, .metric small { display: block; color: #94a3b8; font-size: 13px; }
.metric strong { display: block; margin: 9px 0 5px; font-size: 29px; letter-spacing: 0; }
.admin-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .85fr); gap: 16px; }
.admin-panel { overflow: hidden; }
.panel-title { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid #28374d; }
.panel-title h2 { margin: 0; font-size: 16px; }
.panel-title span { color: #94a3b8; font-size: 12px; }
.table-wrap { overflow-x: auto; } table { width: 100%; border-collapse: collapse; font-size: 13px; } th, td { padding: 12px 14px; text-align: left; border-bottom: 1px solid #243044; white-space: nowrap; } th { color: #94a3b8; font-size: 11px; font-weight: 600; } td strong, td small { display: block; } td small { margin-top: 3px; color: #94a3b8; font-size: 11px; }
.activity-list { padding: 4px 18px 10px; }.activity-item { display: flex; gap: 10px; padding: 13px 0; border-bottom: 1px solid #243044; font-size: 13px; }.activity-item small { display: block; margin-top: 5px; color: #94a3b8; font-size: 11px; }.activity-dot { width: 7px; height: 7px; flex: 0 0 7px; margin-top: 6px; border-radius: 50%; background: #22c55e; }
.inline-form { display: inline; }.inline-form button { padding: 5px 7px; margin-right: 5px; font-size: 11px; }.trend { height: 150px; display: flex; align-items: end; gap: 12px; padding: 20px; }.bar-col { height: 100%; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: end; gap: 7px; }.bar { width: 100%; min-height: 3px; background: #3b82f6; border-radius: 3px 3px 0 0; }.bar-col small { color: #94a3b8; font-size: 10px; }.share-admin-list { padding: 4px 18px 10px; }.share-admin-row { display: flex; justify-content: space-between; gap: 8px; align-items: center; padding: 11px 0; border-bottom: 1px solid #243044; font-size: 13px; }.share-admin-row small { display: block; margin-top: 3px; color: #94a3b8; }
html[data-theme="light"] .metric, html[data-theme="light"] .admin-panel { background: #ffffff; border-color: #dce3ee; } html[data-theme="light"] .panel-title, html[data-theme="light"] th, html[data-theme="light"] td, html[data-theme="light"] .activity-item { border-color: #e8edf4; } html[data-theme="light"] th, html[data-theme="light"] td small, html[data-theme="light"] .panel-title span { color: #64748b; }
@media (max-width: 760px) { .admin-metrics { grid-template-columns: repeat(2, 1fr); } .admin-grid { grid-template-columns: 1fr; } .admin-heading h1 { font-size: 25px; } }
/* daisyUI compatibility layer for legacy template hooks */
.topbar { max-width: none; padding: 0.75rem 1.25rem; background: hsl(var(--b1)); border-color: hsl(var(--b3)); box-shadow: 0 1px 8px rgba(0,0,0,.08); }
.topbar nav { display:flex; align-items:center; gap:.25rem; }
.topbar nav a { margin:0; padding:.5rem .7rem; border-radius:.5rem; color:hsl(var(--bc)/.72); font-size:.875rem; transition:background .15s,color .15s; }
.topbar nav a:hover { background:hsl(var(--b2)); color:hsl(var(--bc)); }
.shell { max-width:72rem; padding:2rem 1rem; }
.card, .admin-panel, .metric { background:hsl(var(--b1)); border:1px solid hsl(var(--b3)); border-radius:1rem; box-shadow:0 8px 24px rgba(0,0,0,.06); }
input, select, textarea { background:hsl(var(--b1)); color:hsl(var(--bc)); border-color:hsl(var(--b3)); }
button:not(.theme-toggle) { border-radius:.5rem; }
.theme-toggle { margin-left:.5rem; border:0; }
.admin-tabs { background:hsl(var(--b1)); border-color:hsl(var(--b3)); }
.admin-tabs a.active { background:hsl(var(--p)); color:hsl(var(--pc)); }
@media (max-width: 720px) { .topbar nav { overflow-x:auto; } .topbar nav a { white-space:nowrap; } }
/* Anki-style workbench skin */
:root { --anki-blue:#3b82f6; --anki-ink:#172033; --anki-muted:#64748b; --anki-line:#e2e8f0; }
html, body { font-family:'Inter','Noto Sans SC',system-ui,sans-serif; letter-spacing:0; }
html[data-theme="night"] { --anki-ink:#e5e7eb; --anki-muted:#94a3b8; --anki-line:#334155; }
body { background:#f1f5f9; color:var(--anki-ink); }
html[data-theme="night"] body { background:#0f172a; }
.topbar { min-height:62px; padding:0 28px; background:#fff; border-bottom:1px solid var(--anki-line); box-shadow:0 1px 3px rgba(15,23,42,.06); }
html[data-theme="night"] .topbar { background:#111827; }
.brand { display:flex; flex:0 0 42px; align-items:center; justify-content:center; width:42px; height:42px; margin-right:5px; border-radius:7px; overflow:hidden; }
.brand-logo { display:block; width:42px; height:42px; object-fit:cover; }
.brand-logo-light { display:none; }
html[data-theme="light"] .brand-logo-light { display:block; }
html[data-theme="light"] .brand-logo-night { display:none; }
.topbar nav { display:flex; flex:1 1 auto; min-width:0; align-items:center; justify-content:flex-start; gap:2px; overflow-x:auto; scrollbar-width:none; }
.topbar nav>:first-child { margin-left:auto; }
.topbar nav::-webkit-scrollbar { display:none; }
.theme-toggle { flex:0 0 auto; }
.topbar nav a { flex:0 0 auto; padding:21px 11px 18px; border-bottom:2px solid transparent; border-radius:0; color:var(--anki-muted); font-weight:500; font-size:13px; }
.topbar nav a:hover { background:transparent; color:var(--anki-blue); border-bottom-color:var(--anki-blue); }
.shell { max-width:1180px; padding:34px 28px 60px; }
h1 { font-size:28px; font-weight:700; letter-spacing:-.2px; } h2 { font-size:19px; font-weight:600; } h3 { font-weight:600; }
.card, .admin-panel, .metric { border-radius:10px; border:1px solid var(--anki-line); background:#fff; box-shadow:0 2px 8px rgba(15,23,42,.04); }
html[data-theme="night"] .card, html[data-theme="night"] .admin-panel, html[data-theme="night"] .metric { background:#172033; }
.card { padding:28px; }
input, select, textarea { border-radius:6px; min-height:42px; border:1px solid #cbd5e1; box-shadow:inset 0 1px 2px rgba(15,23,42,.04); }
textarea { min-height:100px; }
button, .button-link { border-radius:6px; font-weight:600; }
button[type="submit"], .form-actions button:not(.danger-button) { background:var(--anki-blue); border-color:var(--anki-blue); color:#fff; }
button[type="submit"]:hover { filter:brightness(.94); }
.notice { border-left-color:var(--anki-blue); background:#eff6ff; color:#1e3a8a; border-radius:6px; }
html[data-theme="night"] .notice { background:#172554; color:#bfdbfe; }
.admin-heading { padding-bottom:4px; } .admin-heading h1 { font-size:30px; }
.admin-metrics { gap:14px; } .metric { padding:20px; } .metric strong { font-size:30px; color:var(--anki-ink); }
.admin-panel { box-shadow:0 2px 8px rgba(15,23,42,.04); }
.panel-title { padding:17px 20px; } .panel-title h2 { font-size:16px; }
th { background:#f8fafc; color:#64748b; font-weight:600; } html[data-theme="night"] th { background:#1e293b; }
td, th { padding:13px 16px; }
.admin-tabs { border-radius:7px; margin-bottom:2px; } .admin-tabs a { font-weight:600; }
.review-workspace[data-mode="cards"] .review-item.is-current { border-radius:10px; box-shadow:0 12px 32px rgba(15,23,42,.12); }
.review-start { max-width:720px; }
.rating-row button { background:#fff; color:var(--anki-ink); border:1px solid #cbd5e1; } .rating-row button:hover { border-color:var(--anki-blue); color:var(--anki-blue); }
@media (max-width:720px) { .topbar { padding:0 14px; } .topbar nav a { padding:14px 8px 12px; } .shell { padding:22px 14px 42px; } .card { padding:20px; } }
.welcome-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:70px; align-items:center; min-height:60vh; max-width:1000px; margin:auto; }.welcome-copy h1 { font-size:48px; line-height:1.2; margin:0 0 18px; letter-spacing:-1px; }.lead { max-width:430px; color:var(--anki-muted); font-size:17px; line-height:1.7; }.login-card h2 { margin:0 0 5px; }.login-card .muted { margin-bottom:20px; }.home-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:24px; }.home-heading h1 { margin:0 0 5px; }.primary-action { background:var(--anki-blue); color:#fff; border-color:var(--anki-blue); }.home-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:34px; }.home-stat { padding:20px; border:1px solid var(--anki-line); border-radius:10px; background:#fff; }.home-stat span,.home-stat small { display:block; color:var(--anki-muted); font-size:13px; }.home-stat strong { display:block; margin:10px 0 5px; font-size:32px; }.quick-section { padding-top:4px; }.quick-section h2 { margin:0 0 4px; }.quick-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:16px; }.quick-item { display:flex; flex-direction:column; gap:6px; padding:20px; border:1px solid var(--anki-line); border-radius:10px; background:#fff; color:var(--anki-ink); text-decoration:none; transition:.15s; }.quick-item:hover { border-color:var(--anki-blue); transform:translateY(-2px); }.quick-item small { color:var(--anki-muted); font-size:12px; }.quick-icon { color:var(--anki-blue); font-size:22px; margin-bottom:8px; }html[data-theme="night"] .home-stat,html[data-theme="night"] .quick-item { background:#172033; }
@media(max-width:760px){.welcome-grid{grid-template-columns:1fr;gap:26px;min-height:auto;padding-top:25px}.welcome-copy h1{font-size:36px}.home-stats,.quick-grid{grid-template-columns:repeat(2,1fr)}.home-heading{align-items:start;flex-direction:column;gap:16px}}
@media(max-width:480px){.deck-tile{position:relative;padding-right:78px}.deck-actions{position:absolute;right:12px;top:58px;display:flex;flex-direction:column;gap:6px;margin:0}.deck-actions .danger-button{margin:0}.deck-actions .button-link,.deck-actions button{padding:6px 7px;font-size:11px}.deck-review-btn{margin-top:13px}}
.deck-tile{position:relative;padding-right:86px}.deck-actions{position:absolute;right:14px;top:20px;width:58px;display:grid;grid-template-columns:1fr;gap:7px;margin:0}.deck-actions form{display:block;width:100%;margin:0}.deck-actions .deck-review-btn,.deck-actions .button-link,.deck-actions button{display:flex;width:58px;min-width:58px;height:32px;box-sizing:border-box;align-items:center;justify-content:center;margin:0;padding:0;text-align:center;font-size:11px;line-height:1;border-radius:6px}.deck-actions .deck-review-btn{background:var(--anki-blue);color:#fff}.deck-actions .danger-button{margin:0}.deck-counts{margin-top:24px}
.quota-row{display:flex;flex-wrap:wrap;gap:12px;padding:12px 14px;margin:14px 0;border:1px solid var(--anki-line);border-radius:8px;color:var(--anki-muted);font-size:13px}.quota-row span:first-child{color:var(--anki-blue);font-weight:600}
.import-formats{margin:-4px 0 18px;padding:0 2px;color:var(--anki-muted);font-size:12px;line-height:1.6}
.admin-user-filter{display:flex;max-width:none;gap:10px;padding:14px 18px;background:#fff;border:1px solid var(--anki-line);border-radius:8px}.admin-user-filter input{flex:1;margin:0}.admin-user-filter select,.admin-user-filter button{margin:0}@media(max-width:560px){.admin-user-filter{flex-direction:column}}
.sponsor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sponsor-plan{position:relative}.sponsor-plan h2{margin:18px 0 8px}.sponsor-price{display:inline-block;font-size:32px;color:var(--anki-blue);margin-right:8px}.sponsor-plan del{color:var(--anki-muted)}.sponsor-plan ul{min-height:70px;color:var(--anki-muted)}.sponsor-plan form,.sponsor-plan button{width:100%}.sponsor-orders{margin-top:22px}.sponsor-orders>div{display:grid;grid-template-columns:1fr auto 90px;gap:15px;padding:12px 0;border-top:1px solid var(--anki-line)}@media(max-width:760px){.sponsor-grid{grid-template-columns:1fr}}
.empty-order{display:block!important;text-align:center;color:var(--anki-muted);padding:28px!important}.sponsor-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sponsor-admin-form{max-width:none}.sponsor-admin-form h2{margin-top:0}.price-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:900px){.sponsor-admin-grid{grid-template-columns:1fr}}
.deck-page { display:grid; gap:22px; }.deck-create { display:grid; grid-template-columns:1fr 1.5fr; align-items:center; gap:26px; }.deck-create h2,.deck-import h2 { margin:0 0 5px; }.deck-create form { display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:12px; max-width:none; padding:4px 2px; }.deck-create form input { width:100%; box-sizing:border-box; margin:0; }.deck-create form button { margin:0; padding:10px 18px; white-space:nowrap; }.deck-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.deck-tile { display:flex; flex-direction:column; min-height:190px; padding:20px; border:1px solid var(--anki-line); border-radius:10px; background:#fff; box-shadow:0 2px 8px rgba(15,23,42,.04); }.deck-tile-head { display:flex; gap:13px; }.deck-mark { display:grid; place-items:center; width:38px; height:38px; border-radius:8px; background:#eff6ff; color:var(--anki-blue); font-size:20px; }.deck-tile h2 { margin:0 0 5px; font-size:17px; }.deck-tile p { margin:0; color:var(--anki-muted); font-size:12px; }.deck-counts { display:flex; gap:22px; margin-top:auto; padding:17px 0 14px; border-bottom:1px solid var(--anki-line); color:var(--anki-muted); font-size:12px; }.deck-counts strong { color:var(--anki-ink); font-size:20px; margin-right:3px; }.deck-actions { margin-top:13px; }.deck-import { display:flex; align-items:center; justify-content:space-between; gap:20px; }.deck-import form { display:flex; align-items:center; gap:12px; max-width:none; padding:4px 2px; }.deck-import form input,.deck-import form button { margin:0; }.deck-import form input[type=password] { min-width:220px; }.deck-import input[type=file] { min-height:auto; padding:8px; }.deck-import form button { padding:10px 18px; white-space:nowrap; }.deck-tile .danger-button { margin-left:auto; }html[data-theme="night"] .deck-tile { background:#172033; }html[data-theme="night"] .deck-mark { background:#172554; }
.deck-edit{margin-top:14px;padding-top:12px;border-top:1px solid var(--anki-line)}.deck-edit summary{cursor:pointer;color:var(--anki-blue);font-size:12px;font-weight:600}.deck-edit form{display:grid;gap:10px;max-width:none;margin-top:12px}.deck-edit label{display:grid;gap:6px;color:var(--anki-ink);font-size:12px;font-weight:600}.deck-edit input,.deck-edit textarea{width:100%;box-sizing:border-box;margin:0;padding:9px 11px}.deck-edit textarea{min-height:76px}.deck-edit button{width:100%;min-height:40px;margin:0}
.account-auth{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:920px;margin:30px auto}.account-form h1{margin:0 0 5px}.account-form>.muted{margin-bottom:22px}.account-form form{gap:15px;max-width:none}.account-form label{display:grid;gap:7px;color:var(--anki-ink);font-weight:600}.account-form input{width:100%;box-sizing:border-box;margin:0}.account-form button{height:44px;margin-top:4px}.account-page{display:grid;gap:22px}.account-page .home-heading form{display:block}.account-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.account-summary article{padding:20px;border:1px solid var(--anki-line);border-radius:10px;background:#fff}.account-summary span,.account-summary small{display:block;color:var(--anki-muted);font-size:13px}.account-summary strong{display:block;margin:10px 0 6px;color:var(--anki-ink);font-size:30px}.account-progress>div{display:flex;align-items:center;justify-content:space-between}.account-progress h2{margin:0}.account-progress progress{width:100%;height:14px;margin-top:18px;accent-color:var(--anki-blue)}.account-details h2{margin-top:0}.account-details dl{margin:0}.account-details dl>div{display:grid;grid-template-columns:150px 1fr;padding:13px 0;border-top:1px solid var(--anki-line)}.account-details dt{color:var(--anki-muted)}.account-details dd{margin:0;color:var(--anki-ink);font-weight:600}html[data-theme="night"] .account-summary article{background:#172033}@media(max-width:760px){.account-auth{grid-template-columns:1fr;margin-top:0}.account-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){.account-summary{grid-template-columns:1fr}.account-details dl>div{grid-template-columns:1fr;gap:5px}}
@media(max-width:800px){.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deck-create{grid-template-columns:1fr}.deck-create form{grid-template-columns:1fr}.deck-import{align-items:stretch;flex-direction:column}.deck-import form{flex-direction:column;align-items:stretch}}@media(max-width:480px){.deck-grid{grid-template-columns:1fr}}
.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  background: #0b1220;
  border-bottom: 1px solid #243044;
}
.topbar .brand { margin:0 5px 0 0; }
.topbar>.theme-toggle { margin-left:auto; }
.topbar a { color: #93c5fd; margin-left: 12px; text-decoration: none; }
.shell { max-width: 980px; margin: 0 auto; padding: 24px; }
.card {
  background: #111827;
  border: 1px solid #243044;
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 20px 40px rgba(0,0,0,.2);
}
input, select, button {
  margin: 4px 0;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #334155;
  background: #0f172a;
  color: #e5e7eb;
}
textarea { min-height: 120px; resize: vertical; padding: 10px 12px; border: 1px solid #334155; border-radius: 8px; background: #0f172a; color: #e5e7eb; font: inherit; }
button { cursor: pointer; }
form { display: grid; gap: 8px; max-width: 520px; }
ul { padding-left: 18px; }
.card-image { display: block; width: auto; max-width: min(100%, 720px); max-height: 60vh; margin: 12px auto; object-fit: contain; }
.image-error { display: block; margin: 12px 0; padding: 12px; color: #fca5a5; border: 1px solid #7f1d1d; border-radius: 8px; }
.image-error[hidden] { display: none; }
.answer { margin-top: 14px; padding-top: 14px; border-top: 1px solid #334155; }
.rating-row { display: flex; flex-wrap: wrap; grid-template-columns: none; margin-top: 14px; }
.rating-row button { min-width: 88px; }
.show-answer { margin-top: 14px; }
.imports-history { margin-top: 28px; }
.import-result { padding: 16px 0; border-top: 1px solid #334155; }
.import-result h3 { margin-bottom: 4px; }
.import-progress { margin-top: 20px; padding: 16px 0; border-top: 1px solid #334155; }
.progress-heading { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 10px; }
.import-progress progress { width: 100%; height: 12px; accent-color: #22c55e; }
.import-progress p { margin-bottom: 0; color: #94a3b8; }
.import-progress .error-text { color: #fca5a5; }
.review-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.review-header h1 { margin: 0 0 4px; }
.review-count { margin: 0; color: #94a3b8; }
.mode-switch { display: grid; grid-template-columns: repeat(2, minmax(92px, 1fr)); padding: 3px; border: 1px solid #334155; border-radius: 8px; background: #0b1220; }
.mode-switch button { margin: 0; border: 0; border-radius: 5px; background: transparent; color: #94a3b8; }
.mode-switch button.is-selected { background: #e5e7eb; color: #111827; }
.slice-stage { position: relative; min-height: 420px; }
.slice-stack { position: absolute; inset: 10px 20px auto; height: 360px; border: 1px solid #334155; border-radius: 8px; background: #0b1220; transform: rotate(1.2deg); }
.review-items { position: relative; }
.review-item { color: #e5e7eb; }
.review-item-meta { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 24px; color: #94a3b8; font-size: 14px; }
.question { min-height: 110px; font-size: 20px; line-height: 1.6; }
.review-workspace[data-mode="cards"] .review-item { display: none; }
.review-workspace[data-mode="cards"] .review-item.is-current { display: block; min-height: 320px; padding: 24px; border: 1px solid #475569; border-radius: 8px; background: #111827; box-shadow: 0 18px 45px rgba(0,0,0,.28); }
.review-workspace[data-mode="list"] .slice-stage { min-height: 0; }
.review-workspace[data-mode="list"] .slice-stack { display: none; }
.review-workspace[data-mode="list"] .review-items { display: grid; gap: 0; }
.review-workspace[data-mode="list"] .review-item { display: block; padding: 22px 0; border-top: 1px solid #334155; }
.review-workspace[data-mode="list"] .review-item.page-hidden { display: none; }
.review-workspace[data-mode="list"] .question { min-height: 0; font-size: 17px; }
.list-pagination { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 20px; }
.list-pagination[hidden] { display: none; }
.review-workspace.mode-changing .review-items { animation: mode-in 220ms ease-out; }
.review-item.is-slicing { pointer-events: none; animation: slice-right 320ms cubic-bezier(.4,0,.2,1) forwards; }
.review-item.is-slicing.slice-again,
.review-item.is-slicing.slice-hard { animation-name: slice-left; }
.review-start { max-width: 620px; }
.scope-options { display: grid; gap: 8px; margin: 4px 0; padding: 0; border: 0; }
.scope-options legend { margin-bottom: 8px; color: #cbd5e1; }
.scope-options label { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid #334155; border-radius: 8px; cursor: pointer; }
.scope-options input { margin: 0; }
.review-finished { display: grid; justify-items: center; padding: 56px 20px; text-align: center; border-top: 1px solid #334155; }
.finish-mark { display: grid; place-items: center; width: 56px; height: 56px; border: 2px solid #22c55e; border-radius: 50%; color: #22c55e; font-size: 30px; }
.review-finished h2 { margin: 18px 0 4px; }
.review-finished p { margin: 0; color: #94a3b8; }
.finish-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 24px; }
.finish-actions form { display: block; }
.button-link { display: inline-flex; align-items: center; padding: 10px 12px; border: 1px solid #334155; border-radius: 8px; color: #e5e7eb; text-decoration: none; }
.note-row { position: relative; padding: 14px 120px 14px 0; border-top: 1px solid #334155; }
.note-row small { display: block; margin-top: 6px; color: #94a3b8; }
.note-actions { position: absolute; top: 10px; right: 0; display: flex; align-items: center; gap: 8px; }
.note-actions a { color: #93c5fd; }
.note-actions form { display: block; }
.danger-button { padding: 6px 8px; color: #fca5a5; border-color: #7f1d1d; }
.form-actions { display: flex; align-items: center; gap: 10px; }
.deck-row { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-top: 1px solid #334155; }
.deck-row a { color: #93c5fd; }
.deck-actions { display: flex; align-items: center; gap: 10px; }
.deck-actions form { display: block; }
.sharing-section { padding: 20px 0; border-top: 1px solid #334155; }
.share-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: start; padding: 14px 0; border-top: 1px solid #243044; }
.share-row p { margin: 5px 0 0; color: #94a3b8; }
.share-row form { display: flex; flex-wrap: wrap; }
.status { padding: 5px 8px; border: 1px solid #475569; border-radius: 6px; }
.status-approved { color: #86efac; border-color: #166534; }
.status-rejected { color: #fca5a5; border-color: #7f1d1d; }
.status-pending { color: #fde68a; border-color: #854d0e; }
.share-row a, .back-link { color: #93c5fd; }
.shared-note { padding: 14px 0; border-top: 1px solid #334155; }
.shared-note p { color: #cbd5e1; white-space: pre-wrap; }
.shared-note small { color: #94a3b8; }
.section-heading { display: flex; justify-content: space-between; gap: 16px; }
.section-heading h2, .section-heading p { margin: 0; }
.section-heading p { color: #94a3b8; }
.sharing-search { display: flex; grid-template-columns: none; max-width: none; align-items: center; margin: 16px 0; }
.sharing-search input { flex: 1; min-width: 160px; padding-left:14px; padding-right:40px; box-sizing:border-box; }
.sharing-search input[type="search"]::-webkit-search-cancel-button{width:18px;height:18px;margin-right:2px;cursor:pointer}
.server-pagination { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 18px; }
@keyframes mode-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes slice-right { to { opacity: 0; transform: translateX(42%) rotate(5deg) scale(.96); } }
@keyframes slice-left { to { opacity: 0; transform: translateX(-42%) rotate(-5deg) scale(.96); } }
label { display: grid; gap: 6px; color: #cbd5e1; }
.notice { padding: 12px; border-left: 3px solid #22c55e; background: #052e1a; }
.error { padding: 12px; border-left: 3px solid #ef4444; background: #3f1014; }
@media (max-width: 640px) {
  .topbar { flex-wrap:nowrap; align-items:center; gap:4px; padding:0 10px; }
  .topbar nav { flex-wrap:nowrap; gap:2px; }
  .topbar a { margin: 0; }
  .shell { padding: 16px; }
  .card { padding: 16px; border-radius: 8px; }
  .review-header { align-items: stretch; flex-direction: column; }
  .mode-switch { width: 100%; box-sizing: border-box; }
  .slice-stage { min-height: 390px; }
  .slice-stack { inset: 8px 10px auto; }
  .review-workspace[data-mode="cards"] .review-item.is-current { min-height: 300px; padding: 18px; }
  .question { font-size: 18px; }
  .rating-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: none; }
  .rating-row button { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .review-workspace.mode-changing .review-items,
  .review-item.is-slicing { animation-duration: 1ms; }
}
.note-form{display:grid;gap:16px;max-width:680px;margin-top:22px}.note-form label{gap:8px;font-size:13px;font-weight:600;color:var(--anki-ink)}.note-form input,.note-form select,.note-form textarea{width:100%;box-sizing:border-box;margin:0;padding:11px 14px;border:1px solid var(--anki-line);border-radius:8px;background:#fff;color:var(--anki-ink);font:inherit;line-height:1.5;transition:border-color .15s,box-shadow .15s}.note-form textarea{padding:13px 14px;min-height:130px}.note-form input:focus,.note-form select:focus,.note-form textarea:focus{outline:none;border-color:var(--anki-blue);box-shadow:0 0 0 3px rgba(59,130,246,.14)}.note-form input[type="file"]{padding:6px;background:#f8fafc}.note-form input[type="file"]::file-selector-button{margin-right:12px;padding:8px 13px;border:0;border-radius:6px;background:#e2e8f0;color:#334155;font-weight:600;cursor:pointer}.note-form>button[type="submit"]{width:fit-content;min-width:110px;margin:4px 0 0;padding:11px 22px}.field-help{margin:2px 0 0;padding:12px 14px;border-radius:8px;background:#f8fafc;color:var(--anki-muted);font-size:12px;line-height:1.7}.field-help code{padding:2px 6px;border-radius:4px;background:#e2e8f0;color:#334155;font-family:ui-monospace,monospace}html[data-theme="night"] .note-form input,html[data-theme="night"] .note-form select,html[data-theme="night"] .note-form textarea{background:#111827}html[data-theme="night"] .note-form input[type="file"],html[data-theme="night"] .field-help{background:#1e293b}html[data-theme="night"] .field-help code{background:#334155;color:#e2e8f0}@media(max-width:640px){.note-form{gap:14px}.note-form>button[type="submit"]{width:100%}}
.import-form{gap:15px}.import-form label{gap:8px}.import-form input,.import-form select,.import-form textarea{width:100%;box-sizing:border-box;margin:0;padding:11px 14px;border:1px solid var(--anki-line);border-radius:8px;background:#fff;color:var(--anki-ink)}.import-form input[type="file"]{padding:7px;background:#f8fafc}.import-form input[type="file"]::file-selector-button{margin-right:12px;padding:8px 13px;border:0;border-radius:6px;background:#e2e8f0;color:#334155;font-weight:600}.import-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;line-height:1.65}.import-text.is-expanded{display:block}.import-toggle{padding:6px 0;background:transparent!important;border:0!important;color:var(--anki-blue)!important;font-size:12px}.import-result{padding:18px 0}.import-result h3{margin:0 0 6px}html[data-theme="night"] .import-form input,html[data-theme="night"] .import-form select,html[data-theme="night"] .import-form textarea{background:#111827}html[data-theme="night"] .import-form input[type="file"]{background:#1e293b}
.note-form .form-actions{display:flex;align-items:center;gap:10px;margin-top:4px}.note-form .form-actions button,.note-form .form-actions .button-link{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:110px;height:42px;margin:0;padding:0 18px;border-radius:7px;font-size:13px;font-weight:600;line-height:1}.note-form .form-actions .button-link{background:#fff;color:var(--anki-ink);border:1px solid var(--anki-line)}.note-form .form-actions .button-link:hover{border-color:var(--anki-blue);color:var(--anki-blue)}html[data-theme="night"] .note-form .form-actions .button-link{background:#1e293b}@media(max-width:480px){.note-form .form-actions{display:grid;grid-template-columns:1fr 1fr}.note-form .form-actions button,.note-form .form-actions .button-link{width:100%;min-width:0}}
.note-form .auto-grow-textarea{display:block!important;width:100%!important;height:112px;min-height:112px!important;max-height:none!important;padding:12px 14px!important;overflow-x:hidden!important;overflow-y:hidden!important;resize:none!important;line-height:1.65!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.deck-tile .deck-actions{position:absolute;right:14px;top:20px;width:58px;display:grid;grid-template-columns:1fr;align-items:stretch;gap:7px;margin:0}.deck-tile .deck-actions form{display:block;width:100%;margin:0}.deck-tile .deck-actions .deck-review-btn,.deck-tile .deck-actions .button-link,.deck-tile .deck-actions button{display:flex;width:58px;min-width:58px;height:32px;box-sizing:border-box;align-items:center;justify-content:center;margin:0;padding:0;text-align:center;line-height:1}.deck-tile .deck-actions .danger-button{margin:0}
.cloze-levels{display:flex;justify-content:center;gap:8px;margin:18px 0 4px}.cloze-levels button{min-width:58px;padding:8px 10px;background:#fff;color:var(--anki-blue);border:1px solid var(--anki-line)}.cloze-levels button.is-selected{background:var(--anki-blue);color:#fff;border-color:var(--anki-blue)}html[data-theme="night"] .cloze-levels button{background:#1e293b}.superuser-panel{margin-bottom:16px}.superuser-credentials{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.6fr) minmax(300px,1.4fr);gap:18px;align-items:end;padding:18px}.superuser-credentials small,.superuser-credentials strong{display:block}.superuser-credentials small{margin-bottom:6px;color:var(--anki-muted)}.superuser-credentials form{display:flex;max-width:none;gap:8px}.superuser-credentials input{flex:1;margin:0}.superuser-credentials button{margin:0;white-space:nowrap}@media(max-width:760px){.superuser-credentials{grid-template-columns:1fr}.superuser-credentials form{flex-direction:column}}
.rating-row button[name="rating"]{font-weight:700;border-width:1px}.rating-row button[value="again"]{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.rating-row button[value="hard"]{background:#ffedd5;color:#9a3412;border-color:#fdba74}.rating-row button[value="good"]{background:#dcfce7;color:#166534;border-color:#86efac}.rating-row button[value="easy"]{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.rating-row button[name="rating"]:hover{filter:brightness(.95);color:inherit}html[data-theme="night"] .rating-row button[value="again"]{background:#7f1d1d;color:#fecaca;border-color:#ef4444}html[data-theme="night"] .rating-row button[value="hard"]{background:#7c2d12;color:#fed7aa;border-color:#f97316}html[data-theme="night"] .rating-row button[value="good"]{background:#14532d;color:#bbf7d0;border-color:#22c55e}html[data-theme="night"] .rating-row button[value="easy"]{background:#1e3a8a;color:#bfdbfe;border-color:#3b82f6}
.review-finished{border:1px solid var(--anki-line);border-radius:10px;background:#fff}.finish-actions{display:grid;grid-template-columns:repeat(2,160px);gap:12px}.finish-actions form{width:100%;max-width:none;margin:0}.finish-actions button,.finish-actions .button-link{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:44px;margin:0;padding:0 18px;border-radius:7px;font-size:14px;font-weight:600;line-height:1}.finish-actions button{background:var(--anki-blue);color:#fff;border:1px solid var(--anki-blue)}.finish-actions .button-link{background:#fff;color:var(--anki-ink);border:1px solid var(--anki-line)}.finish-actions .button-link:hover{color:var(--anki-blue);border-color:var(--anki-blue)}html[data-theme="night"] .review-finished{background:#172033}html[data-theme="night"] .finish-actions .button-link{background:#1e293b;color:#e2e8f0}@media(max-width:420px){.review-finished{padding:42px 16px}.finish-actions{grid-template-columns:1fr;width:100%;max-width:280px}}
.local-recent-notes{margin-top:30px;padding-top:24px;border-top:1px solid var(--anki-line)}.local-recent-notes h2{margin:0 0 4px}.local-recent-notes>p{margin:0 0 14px}.local-recent-notes ul{margin:0;padding:0;list-style:none}.local-recent-notes .note-row{padding:14px 0;border-top:1px solid var(--anki-line)}.local-recent-notes .note-row div{white-space:pre-wrap;overflow-wrap:anywhere}.local-recent-notes .note-row small{display:block;margin-top:7px;color:var(--anki-muted)}
.sharing-page{display:grid;gap:20px;max-width:980px}.sharing-page>h1{margin:0 0 4px}.sharing-section{padding:24px;border:1px solid var(--anki-line);border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.04)}.sharing-section>h2{margin:0 0 16px;color:var(--anki-ink)}.sharing-section .section-heading{margin-bottom:18px}.sharing-section .section-heading h2{color:var(--anki-ink)}.sharing-section .section-heading p,.sharing-section>p{color:var(--anki-muted)}.sharing-search{gap:10px;margin:0 0 18px;padding:4px;align-items:center}.sharing-search input{margin:0;min-height:42px}.sharing-search button,.sharing-search .button-link{height:42px;box-sizing:border-box;margin:0;padding:0 16px;display:inline-flex;align-items:center;justify-content:center}.share-list{display:grid;gap:10px}.share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:18px 4px;border-top:1px solid var(--anki-line)}.share-row:first-child{border-top:0}.share-row strong{display:block;color:var(--anki-ink);font-size:15px}.share-row p{margin:7px 0;color:var(--anki-muted);line-height:1.6}.share-row a,.back-link{display:inline-flex;margin-top:8px;color:var(--anki-blue);font-weight:600;text-decoration:none}.share-row a:hover,.back-link:hover{text-decoration:underline}.share-row form{display:flex;gap:8px;align-items:center;margin:0}.share-row form button{margin:0;min-height:38px;padding:0 14px}.share-row>form>button,.sharing-section>form>button{background:var(--anki-blue);border-color:var(--anki-blue);color:#fff}.status{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:600}.status-approved{color:#166534;border-color:#86efac;background:#f0fdf4}.status-rejected{color:#991b1b;border-color:#fca5a5;background:#fef2f2}.status-pending{color:#9a3412;border-color:#fdba74;background:#fff7ed}.sharing-section textarea{width:100%;box-sizing:border-box;margin:6px 0 12px;min-height:110px}.sharing-section label{display:grid;gap:7px;color:var(--anki-ink);font-weight:600}.sharing-section select{width:100%;box-sizing:border-box}.server-pagination{padding-top:16px;border-top:1px solid var(--anki-line)}.admin-review{border-color:#f1c27d}.admin-review .share-row form input{min-width:180px;margin:0}.shared-note-list{display:grid;gap:12px;margin:24px 0}.shared-note{padding:18px;border:1px solid var(--anki-line);border-radius:8px;background:#f8fafc}.shared-note strong{display:block;color:var(--anki-ink);line-height:1.6}.shared-note p{margin:9px 0 0;color:var(--anki-muted);line-height:1.7}.shared-note small{display:block;margin-top:10px;color:var(--anki-muted)}html[data-theme="night"] .sharing-section{background:#172033}.sharing-section .button-link,html[data-theme="night"] .sharing-search .button-link{background:#1e293b;color:#e2e8f0;border-color:#475569}.sharing-section .button-link:hover{color:#93c5fd;border-color:#60a5fa}html[data-theme="night"] .shared-note{background:#111827}.sharing-section>form{max-width:none}.sharing-section>form>button{min-height:42px;padding:0 18px;margin-top:4px}@media(max-width:640px){.sharing-section{padding:18px}.sharing-search{display:grid;grid-template-columns:1fr}.sharing-search input,.sharing-search button,.sharing-search .button-link{width:100%}.share-row{grid-template-columns:1fr;gap:12px;padding:16px 0}.share-row>form{width:100%}.share-row>form button{flex:1}.admin-review .share-row form{display:grid;grid-template-columns:1fr 1fr}.admin-review .share-row form input{grid-column:1/-1;width:100%;box-sizing:border-box}.shared-note{padding:15px}}

/* Review controls and complete light-theme coverage. */
.review-start>button[type="submit"]{width:100%;height:48px;margin-top:6px;padding:0 24px;font-size:15px}.show-answer{display:flex;align-items:center;justify-content:center;width:100%;height:46px;margin-top:18px;padding:0 22px;background:var(--anki-blue);border:1px solid var(--anki-blue);color:#fff;font-size:14px;font-weight:700}.cloze-levels{flex-wrap:wrap}.cloze-levels button{height:42px;margin:0;padding:0 15px}.rating-row{gap:10px}.rating-row button[name="rating"]{flex:1;min-width:96px;height:46px;margin:0;padding:0 16px;font-size:14px}.list-pagination button{min-height:42px;padding:0 16px}
html[data-theme="light"] body{background:#f4f7fb;color:#172033}html[data-theme="light"] .topbar{background:#fff;border-color:#dbe3ee}html[data-theme="light"] .card,html[data-theme="light"] .admin-panel,html[data-theme="light"] .metric,html[data-theme="light"] .deck-tile,html[data-theme="light"] .home-stat,html[data-theme="light"] .quick-item,html[data-theme="light"] .sharing-section,html[data-theme="light"] .review-finished{background:#fff;color:#172033;border-color:#dbe3ee}html[data-theme="light"] .review-workspace,html[data-theme="light"] .review-item{color:#172033}html[data-theme="light"] .review-workspace[data-mode="cards"] .review-item.is-current{background:#fff;color:#172033;border-color:#d4deeb;box-shadow:0 12px 32px rgba(30,64,120,.10)}html[data-theme="light"] .slice-stack{background:#e9eff7;border-color:#d4deeb}html[data-theme="light"] .review-workspace[data-mode="list"] .review-item,html[data-theme="light"] .answer,html[data-theme="light"] .import-result,html[data-theme="light"] .import-progress,html[data-theme="light"] .note-row,html[data-theme="light"] .deck-row{border-color:#dbe3ee}html[data-theme="light"] .review-item-meta,html[data-theme="light"] .review-count,html[data-theme="light"] .review-finished p,html[data-theme="light"] .import-progress p,html[data-theme="light"] .note-row small{color:#64748b}html[data-theme="light"] .mode-switch{background:#eef2f7;border-color:#cbd5e1}html[data-theme="light"] .mode-switch button{background:transparent;color:#526176}html[data-theme="light"] .mode-switch button.is-selected{background:#fff;color:#172033;box-shadow:0 1px 3px rgba(15,23,42,.12)}html[data-theme="light"] .scope-options legend,html[data-theme="light"] label{color:#334155}html[data-theme="light"] .scope-options label{background:#fff;border-color:#cbd5e1;color:#334155}html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fff;color:#172033;border-color:#c7d2e0}html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#8492a6}html[data-theme="light"] input:focus,html[data-theme="light"] select:focus,html[data-theme="light"] textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.14)}html[data-theme="light"] .button-link{background:#fff;color:#2563a8;border-color:#c7d2e0}html[data-theme="light"] .danger-button{background:#fff5f5;color:#b91c1c;border-color:#fca5a5}html[data-theme="light"] .notice{background:#eff6ff;color:#1e3a8a;border-left-color:#3b82f6}html[data-theme="light"] .error{background:#fef2f2;color:#991b1b;border-left-color:#ef4444}html[data-theme="light"] .field-help,html[data-theme="light"] .quota-row{background:#f8fafc;color:#526176;border-color:#dbe3ee}html[data-theme="light"] .field-help code{background:#e8eef6;color:#25364d}html[data-theme="light"] .admin-tabs{background:#fff;border-color:#dbe3ee}html[data-theme="light"] .admin-tabs a{color:#526176}html[data-theme="light"] .admin-tabs a.active{background:#2563eb;color:#fff}html[data-theme="light"] th{background:#f6f8fb;color:#526176}html[data-theme="light"] td,html[data-theme="light"] th,html[data-theme="light"] .panel-title,html[data-theme="light"] .activity-item,html[data-theme="light"] .share-admin-row{border-color:#e3e9f1}html[data-theme="light"] .admin-user-filter{background:#fff;border-color:#dbe3ee}html[data-theme="light"] .admin-badge{background:#f0fdf4;color:#166534;border-color:#86efac}html[data-theme="light"] .sponsor-orders>div{border-color:#dbe3ee}html[data-theme="light"] .shared-note{background:#f8fafc;border-color:#dbe3ee}html[data-theme="light"] .sharing-section .button-link{background:#fff;color:#2563a8;border-color:#c7d2e0}html[data-theme="light"] .image-error{background:#fef2f2;color:#991b1b;border-color:#fca5a5}@media(max-width:520px){.rating-row button[name="rating"]{min-width:calc(50% - 5px)}.cloze-levels button{flex:1;min-width:72px}}