:root{color-scheme:dark;--bg: #0b1020;--bg-elevated: #121a30;--panel: #111827;--panel-soft: #182235;--panel-strong: #0f172a;--line: rgba(148, 163, 184, .16);--line-strong: rgba(148, 163, 184, .28);--text: #e5eefc;--muted: #93a4c3;--primary: #60a5fa;--primary-strong: #3b82f6;--accent: #22c55e;--danger: #f87171;--warning: #fbbf24;--shadow: 0 24px 80px rgba(2, 6, 23, .36)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,Noto Sans SC,PingFang SC,sans-serif;color:var(--text);background:radial-gradient(circle at top,rgba(59,130,246,.18),transparent 32%),linear-gradient(180deg,#0b1120,#08101d)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid var(--line);background:#090e1beb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-block,.sidebar-note,.panel-block,.metric-card,.summary-card,.bank-card,.session-panel,.wrong-card,.library-strip,.empty-state{background:linear-gradient(180deg,#111827f5,#0c1422f5);border:1px solid var(--line);box-shadow:var(--shadow)}.brand-block{display:flex;align-items:center;gap:14px;padding:18px;border-radius:22px}.brand-icon,.summary-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:#eaf3ff;background:linear-gradient(135deg,var(--primary-strong),#8b5cf6)}.brand-title{font-size:22px;font-weight:800}.brand-subtitle{margin-top:4px;color:var(--muted);font-size:14px}.sidebar-nav{display:grid;gap:10px;margin-top:22px}.side-link{min-height:52px;display:flex;align-items:center;gap:12px;padding:0 16px;border-radius:16px;color:var(--muted);transition:.16s ease}.side-link:hover{background:#60a5fa14;color:var(--text)}.side-link.active{color:#f8fbff;background:linear-gradient(135deg,#3b82f638,#8b5cf638);border:1px solid rgba(96,165,250,.24)}.side-link-badge{margin-left:auto;min-width:28px;height:28px;display:grid;place-items:center;padding:0 8px;border-radius:999px;background:#f8717129;color:#fecaca;font-size:13px;font-weight:700}.sidebar-note{margin-top:24px;padding:16px;border-radius:18px}.note-label,.page-kicker{color:#8fb9ff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.sidebar-note p{margin:10px 0 0;color:var(--muted);line-height:1.65}.app-main{min-width:0;padding:28px 28px 80px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px}.page-head h1{margin:8px 0 10px;font-size:clamp(32px,4vw,52px);line-height:1}.page-head p{margin:0;max-width:760px;color:var(--muted);font-size:17px;line-height:1.65}.page-actions,.session-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status-chip,.toggle-chip,.question-pill,.bank-badge,.result-tag{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:700}.status-chip,.toggle-chip,.bank-badge{border:1px solid var(--line);background:#0f172ae0}.bank-badge.subtle,.question-pill.muted{color:var(--muted)}.hero-band{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);gap:18px;padding:28px;border-radius:28px;border:1px solid rgba(96,165,250,.16);background:radial-gradient(circle at right top,rgba(34,197,94,.12),transparent 34%),linear-gradient(135deg,#111827fa,#0f172afa);box-shadow:var(--shadow)}.hero-pill{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:#60a5fa24;color:#cfe3ff;font-size:13px;font-weight:700}.hero-copy h2{margin:14px 0 12px;font-size:clamp(28px,3vw,40px);line-height:1.12}.hero-copy p{margin:0;color:var(--muted);line-height:1.75}.hero-metrics,.summary-grid,.dashboard-grid,.bank-grid,.wrong-grid,.import-layout{display:grid;gap:16px}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{padding:18px;border-radius:22px}.metric-card span,.summary-card span,.bank-row span,.history-row span,.bank-card p,.library-row span,.wrong-card span{color:var(--muted)}.metric-card strong,.summary-card strong,.library-stat strong{display:block;margin-top:10px;font-size:30px}.summary-grid{margin-top:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.summary-card{padding:18px;border-radius:22px}.summary-icon{margin-bottom:14px}.dashboard-grid{margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.panel-block{padding:20px;border-radius:24px}.panel-headline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.panel-headline h3,.bank-card h3,.wrong-card h3{margin:0;font-size:22px}.text-link{color:#b3ceff;font-weight:700}.bank-list,.history-list,.library-list{display:grid;gap:12px}.bank-row,.history-row,.library-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border-radius:18px;border:1px solid var(--line);background:#131c2dc7}.bank-row-main strong,.history-row strong,.library-row strong{display:block;line-height:1.55}.bank-row-side{min-width:160px}.mini-progress,.bank-card-bar,.session-progress{height:10px;border-radius:999px;background:#94a3b824;overflow:hidden}.mini-progress{margin-top:8px}.mini-progress-fill,.bank-card-bar-fill,.session-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#60a5fa)}.empty-inline{min-height:160px;display:grid;place-items:center;border-radius:18px;border:1px dashed var(--line-strong);color:var(--muted)}.bank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bank-card{display:grid;gap:16px;padding:22px;border-radius:24px;transition:transform .16s ease}.bank-card:hover{transform:translateY(-2px)}.bank-card-top,.bank-card-meta,.bank-card-action,.session-topline,.session-footer,.wrong-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.bank-card p{margin:0;line-height:1.65}.bank-card-action{font-weight:700;color:#d5e6ff}.session-panel{max-width:980px;padding:24px;border-radius:28px}.session-topline{margin-bottom:12px}.session-topline strong{font-size:18px}.question-panel{margin-top:18px}.question-meta,.option-stack,.wrong-options{display:grid;gap:12px}.question-meta{grid-auto-flow:column;justify-content:start}.question-panel h2{margin:16px 0 18px;font-size:clamp(24px,2.5vw,34px);line-height:1.38}.option-row{width:100%;display:flex;align-items:center;gap:14px;min-height:74px;padding:14px 18px;border-radius:20px;border:1px solid var(--line);background:#0f172ad1;color:var(--text);text-align:left;cursor:pointer}.option-row.selected{border-color:#60a5fa80;background:#162138f0}.option-row.correct{border-color:#22c55e6b;background:#113528e6}.option-row.wrong{border-color:#f871716b;background:#3b181fe6}.option-key{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:#60a5fa24;color:#d8e9ff;font-weight:800}.option-copy{flex:1;line-height:1.6}.result-tag.ok{color:#bbf7d0;background:#22c55e29}.result-tag.bad{color:#fecaca;background:#f8717129}.explain-box{margin-top:18px;padding:18px;border-radius:20px;border:1px solid var(--line);background:#0c1422e0}.explain-box p,.wrong-note{margin:12px 0 0;color:var(--muted);line-height:1.7}.session-footer{margin-top:18px}.primary-button,.secondary-button{min-height:52px;border-radius:16px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;font-weight:800;cursor:pointer}.primary-button{color:#fff;background:linear-gradient(135deg,var(--primary-strong),#8b5cf6)}.secondary-button{color:var(--text);background:#0f172ae0;border-color:var(--line)}.secondary-button.compact{min-height:40px;padding:0 14px}.primary-button:disabled,.secondary-button:disabled,.option-row:disabled{opacity:.5;cursor:not-allowed}.wrong-grid{grid-template-columns:1fr}.import-layout{grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr)}.import-card{padding:22px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,#111827f5,#0c1422f5);box-shadow:var(--shadow)}.import-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:#eaf3ff;background:linear-gradient(135deg,var(--primary-strong),#8b5cf6)}.import-card h3{margin:14px 0 10px;font-size:22px}.import-card p,.import-meta,.format-note pre{color:var(--muted)}.file-button{position:relative;width:fit-content;margin-top:10px}.import-meta{margin-top:12px}.import-error{margin-top:12px;color:#fecaca;font-weight:700}.form-grid{display:grid;gap:14px}.form-grid label{display:grid;gap:8px}.form-grid span{font-weight:700}.form-grid input,.form-grid textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#0f172ae0;color:var(--text)}.form-grid textarea{min-height:140px;resize:vertical}.format-note{margin:18px 0;padding:16px;border-radius:18px;border:1px solid var(--line);background:#0f172ab8}.format-note strong{display:block;margin-bottom:10px}.format-note pre{margin:0;white-space:pre-wrap;line-height:1.7;font-family:inherit}.wrong-card{padding:20px;border-radius:22px}.wrong-card-head{align-items:start}.wrong-options{margin-top:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.wrong-option{display:flex;gap:12px;padding:14px;border-radius:18px;border:1px solid var(--line);background:#0f172ad1}.wrong-option.correct{border-color:#22c55e5c;background:#113528e0}.wrong-option.wrong{border-color:#f871715c;background:#3b181fe0}.empty-state{min-height:300px;padding:28px;border-radius:26px;display:grid;place-items:center;text-align:center}.empty-state h3{margin:12px 0 8px;font-size:26px}.empty-state p{margin:0;color:var(--muted)}.library-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px;border-radius:24px}.library-stat span{color:var(--muted)}.library-row em{font-style:normal;font-weight:700;color:#d6e7ff}.floating-reset{position:fixed;right:28px;bottom:24px;min-height:48px;display:inline-flex;align-items:center;gap:10px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#0c1422eb;color:var(--text);box-shadow:var(--shadow);cursor:pointer}@media(max-width:1180px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.hero-band,.dashboard-grid,.bank-grid,.summary-grid,.import-layout{grid-template-columns:1fr}}@media(max-width:760px){.app-main{padding:18px 16px 92px}.sidebar{padding:18px 14px}.page-head{flex-direction:column;align-items:start}.hero-metrics,.wrong-options,.library-strip,.session-footer{grid-template-columns:1fr}.bank-card,.panel-block,.session-panel,.wrong-card,.hero-band{padding:18px;border-radius:22px}.wrong-card-head,.session-actions{flex-direction:column;align-items:stretch}}