:root{--bg:#0b1020;--card:#111827;--card2:#172033;--text:#e5e7eb;--muted:#94a3b8;--accent:#60a5fa;--accent2:#34d399;--bad:#f87171;--good:#4ade80;--line:#263244;--warn:#fbbf24}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#1e3a8a 0,#0b1020 32%,#050816 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}.app-shell{max-width:1180px;margin:0 auto;padding:24px}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:18px}.eyebrow{color:var(--accent2);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}h1{font-size:34px;margin:4px 0 4px}h2{margin:0 0 14px;font-size:20px}.topbar p,.muted{color:var(--muted)}.top-actions,.button-row{display:flex;gap:8px;flex-wrap:wrap}button,.secondary,.file-label{border:0;border-radius:12px;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:white;padding:10px 14px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #0004}button:hover,.secondary:hover{filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}.secondary,.file-label{background:#1f2937;color:#e5e7eb;border:1px solid var(--line);box-shadow:none}.danger{background:#7f1d1d!important}.hidden{display:none!important}.file-label input{display:none}.tabs{display:flex;gap:8px;margin:18px 0;overflow-x:auto}.tab{background:#111827;border:1px solid var(--line);box-shadow:none}.tab.active{background:#2563eb}.panel{display:none}.panel.active{display:block}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:340px 1fr}.card{background:linear-gradient(180deg,var(--card),#0f172a);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 20px 60px #0005}.controls label{display:block;margin:12px 0;color:#cbd5e1;font-weight:700}.controls select,.controls input,.filters input,.filters select,textarea{width:100%;margin-top:6px;border-radius:10px;border:1px solid var(--line);background:#0b1220;color:var(--text);padding:10px}label.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-grid.mini{grid-template-columns:repeat(2,1fr);margin-top:18px}.stat-grid>div{background:#0b1220;border:1px solid var(--line);border-radius:14px;padding:14px}.stat-grid b{display:block;font-size:24px}.stat-grid span{color:var(--muted);font-size:13px}.quiz-head{display:flex;justify-content:space-between;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}.badge{display:inline-block;background:#1d4ed8;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:900}.progress{min-width:160px;color:var(--muted);font-size:13px}.progress div{height:8px;background:#0b1220;border-radius:999px;overflow:hidden;margin-top:6px}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2))}.question-box{padding:22px 0}.question-box .jp{font-size:30px;font-weight:900;line-height:1.25}.question-box .kana{font-size:16px;color:var(--muted);margin-top:4px}.question-box code{background:#0b1220;padding:2px 5px;border-radius:6px}.choices{display:grid;gap:10px}.choice{display:flex;gap:10px;align-items:flex-start;text-align:left;background:#0b1220;border:1px solid var(--line);border-radius:14px;padding:14px;cursor:pointer}.choice input{margin-top:4px}.choice.selected{border-color:var(--accent);box-shadow:0 0 0 2px #2563eb55}.choice.correct{border-color:var(--good);background:#06281a}.choice.wrong{border-color:var(--bad);background:#2a0c12}.quiz-actions{margin-top:16px}.explain{margin-top:16px;background:#0b1220;border:1px solid var(--line);border-radius:16px;padding:16px}.explain.good{border-color:#166534}.explain.bad{border-color:#991b1b}.explain h3{margin:0 0 8px}.explain .why{color:#cbd5e1}.library-head{display:flex;gap:16px;justify-content:space-between;align-items:flex-start}.filters{display:grid;grid-template-columns:minmax(240px,1fr) 100px 120px 110px;gap:8px}.library-list,.list{display:grid;gap:10px;margin-top:16px}.item{background:#0b1220;border:1px solid var(--line);border-radius:14px;padding:14px}.item-head{display:flex;justify-content:space-between;gap:10px}.item-title{font-weight:900;font-size:18px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.chip{background:#1f2937;color:#cbd5e1;border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:12px}.priority{color:#fbbf24}.detail textarea{min-height:130px}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud span{background:#0b1220;border:1px solid var(--line);border-radius:999px;padding:8px 12px}.prose{max-width:820px}.note{background:#1f2937;border-left:4px solid var(--warn);padding:12px;border-radius:10px}@media(max-width:850px){.topbar{flex-direction:column}.grid.two{grid-template-columns:1fr}.library-head{flex-direction:column}.filters{grid-template-columns:1fr}.app-shell{padding:14px}.question-box .jp{font-size:24px}}