:root{--bg: #f5f3ee;--surface: #ffffff;--ink: #24232b;--muted: #66636c;--line: #e6e2d8;--brand: #4338ca;--brand-ink: #ffffff;--high: #be123c;--high-bg: #fdecef;--med: #b45309;--med-bg: #fdf3e2;--low: #52606d;--low-bg: #eef1f4;--green: #047857;--amber: #a16207;--blue: #1d4ed8;--violet: #6d28d9;--grade-again: #be123c;--grade-hard: #c2410c;--grade-good: #047857;--grade-easy: #1d4ed8;--radius: 16px;--shadow: 0 1px 3px rgba(20, 24, 40, .06), 0 8px 24px rgba(20, 24, 40, .06)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.loading,.empty{text-align:center;padding:80px 20px;color:var(--muted)}.app{max-width:760px;margin:0 auto;padding:0 16px 96px}.topbar{position:sticky;top:0;z-index:10;background:var(--bg);padding:18px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:18px;box-shadow:var(--shadow)}.title{font-weight:800;font-size:17px;letter-spacing:-.3px}.subtitle{font-size:12px;color:var(--muted)}.tabs{display:flex;gap:4px;background:#eceef5;padding:4px;border-radius:12px}.tab{border:none;background:transparent;padding:8px 16px;border-radius:9px;font-weight:600;font-size:14px;color:var(--muted)}.tab.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.deck-controls{display:flex;gap:8px;margin:4px 0 16px;flex-wrap:wrap}.deck-controls select,.filter-row select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--surface);padding:9px 14px;border-radius:10px;font-size:13px;font-weight:600;color:var(--ink)}.deck-controls select,.filter-row select,.learn-controls select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2366636c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:30px}.session-bar{height:6px;background:var(--line);border-radius:99px;overflow:hidden}.session-bar-fill{height:100%;background:var(--brand);transition:width .3s ease}.session-meta{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);margin:10px 2px 14px;font-weight:600}.session-meta .dot{opacity:.5}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;border-top:4px solid var(--line)}.card.band-high{border-top-color:var(--high)}.card.band-medium{border-top-color:var(--med)}.card.band-low{border-top-color:var(--low)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.chip{font-size:11px;font-weight:700;padding:4px 10px;border-radius:99px;text-transform:uppercase;letter-spacing:.4px}.chip.band-high{background:var(--high-bg);color:var(--high)}.chip.band-medium{background:var(--med-bg);color:var(--med)}.chip.band-low{background:var(--low-bg);color:var(--low)}.freq-src{font-size:11px;color:var(--muted);font-weight:600}.stem{font-size:18px;line-height:1.5;font-weight:600;margin:0 0 20px;letter-spacing:-.2px}.options{display:flex;flex-direction:column;gap:10px}.option{display:flex;align-items:center;gap:12px;text-align:left;border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:13px 15px;font-size:15px;color:var(--ink);transition:all .12s ease}.option:hover:not(:disabled){border-color:#c7cbe0}.option.selected{border-color:var(--brand);background:#f5f5ff}.option.correct{border-color:var(--green);background:#ecfdf5}.option.wrong{border-color:var(--high);background:var(--high-bg)}.opt-letter{width:26px;height:26px;flex:none;border-radius:7px;background:#eef0f7;display:grid;place-items:center;font-weight:700;font-size:13px;color:var(--muted)}.option.correct .opt-letter{background:var(--green);color:#fff}.option.wrong .opt-letter{background:var(--high);color:#fff}.opt-text{flex:1}.opt-mark{font-weight:800}.option.correct .opt-mark{color:var(--green)}.option.wrong .opt-mark{color:var(--high)}.pearl{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}.verdict{font-weight:700;font-size:13px;margin-bottom:6px}.verdict.ok{color:var(--green)}.verdict.no{color:var(--high)}.pearl p{margin:0;color:#3b3f4d;line-height:1.55;font-size:14.5px}.btn{border:none;border-radius:12px;font-weight:700;font-size:15px;padding:14px 20px}.btn.primary{background:var(--brand);color:var(--brand-ink)}.btn.primary:hover{filter:brightness(1.06)}.btn.wide{width:100%;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:10px}.kbd{font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;background:#ffffff38;border:1px solid rgba(255,255,255,.3)}.grades{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.btn.grade{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;color:#fff}.grade-label{font-size:14px}.grade-hint{font-size:10.5px;font-weight:600;opacity:.85}.grade .kbd{margin-top:3px}.grade-again{background:var(--grade-again)}.grade-hard{background:var(--grade-hard)}.grade-good{background:var(--grade-good)}.grade-easy{background:var(--grade-easy)}.session-done{text-align:center;padding:60px 20px}.big-check{width:72px;height:72px;margin:0 auto 16px;border-radius:50%;background:#ecfdf5;color:var(--green);font-size:36px;display:grid;place-items:center}.session-done h2{margin:0 0 6px}.session-done p{color:var(--muted);margin:0 0 22px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.kpi{background:var(--surface);border-radius:14px;padding:16px 12px;text-align:center;box-shadow:var(--shadow)}.kpi-n{font-size:26px;font-weight:800;letter-spacing:-.5px}.kpi-l{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:2px}.kpi.green .kpi-n{color:var(--green)}.kpi.amber .kpi-n{color:var(--amber)}.kpi.violet .kpi-n{color:var(--violet)}.kpi.slate .kpi-n{color:var(--low)}.overall{background:var(--surface);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.overall-head{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:12px}.overall-head span:last-child{color:var(--muted)}.stack-bar{height:12px;border-radius:99px;overflow:hidden;display:flex;background:#eef0f7}.stack-bar .seg.green{background:var(--green)}.stack-bar .seg.amber{background:var(--amber)}.stack-bar .seg.blue{background:var(--blue)}.legend{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);margin-top:12px;flex-wrap:wrap}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-left:8px}.legend i.green{background:var(--green)}.legend i.amber{background:var(--amber)}.legend i.blue{background:var(--blue)}.legend i.slate{background:#cbd2e0}.section-title{font-size:14px;font-weight:700;margin:26px 2px 12px}.section-title small{color:var(--muted);font-weight:500;margin-left:6px}.subject-list,.weightage{display:flex;flex-direction:column;gap:8px}.subject-row,.w-row{display:grid;grid-template-columns:130px 1fr 46px;align-items:center;gap:10px}.subject-name,.w-name{font-size:12.5px;font-weight:600}.subject-bar,.w-bar{height:8px;background:#eef0f7;border-radius:99px;overflow:hidden}.subject-fill{height:100%;background:var(--green);border-radius:99px}.w-bar div{height:100%;background:var(--brand);border-radius:99px}.subject-num,.w-num{font-size:11.5px;color:var(--muted);text-align:right;font-weight:600}.pred-intro{font-size:13.5px;color:var(--muted);line-height:1.55;margin:0 2px 16px}.filter-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.filter-row label{font-size:12.5px;font-weight:600;color:var(--muted)}.pred-list{display:flex;flex-direction:column;gap:8px}.pred-row{display:grid;grid-template-columns:30px 1fr 90px;align-items:center;gap:12px;background:var(--surface);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow)}.pred-rank{font-weight:800;color:#c2c7d6;font-size:14px;text-align:center}.pred-theme{font-size:14px;font-weight:600;letter-spacing:-.1px}.pred-sub{font-size:11.5px;color:var(--muted);margin-top:2px}.src.pyq{color:var(--green);font-weight:700}.src.proxy{color:var(--low);font-weight:600}.pred-score{text-align:right}.score-num{font-size:17px;font-weight:800;letter-spacing:-.5px}.pred-score.band-high .score-num{color:var(--high)}.pred-score.band-medium .score-num{color:var(--med)}.pred-score.band-low .score-num{color:var(--low)}.score-bar{height:5px;background:#eef0f7;border-radius:99px;overflow:hidden;margin-top:4px}.score-bar div{height:100%;background:currentColor;border-radius:99px}.pred-score.band-high .score-bar div{background:var(--high)}.pred-score.band-medium .score-bar div{background:var(--med)}.pred-score.band-low .score-bar div{background:var(--low)}.learn-controls{display:flex;gap:8px;margin-bottom:12px}.search{flex:1;border:1px solid var(--line);background:var(--surface);padding:10px 14px;border-radius:10px;font-size:14px;color:var(--ink)}.search:focus{outline:2px solid var(--brand);outline-offset:-1px}.learn-controls select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--surface);padding:9px 14px;border-radius:10px;font-size:13px;font-weight:600;color:var(--ink)}.learn-count{font-size:12px;color:var(--muted);font-weight:600;margin:0 2px 14px}.learn-group{margin-bottom:24px}.learn-subject{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:0 2px 10px}.learn-subject small{color:#c2c7d6;margin-left:6px}.learn-card{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);padding:18px;margin-bottom:10px;border-left:4px solid var(--line)}.learn-card.band-high{border-left-color:var(--high)}.learn-card.band-medium{border-left-color:var(--med)}.learn-card.band-low{border-left-color:var(--low)}.learn-theme{font-size:12.5px;font-weight:700;color:var(--muted)}.learn-card .stem{font-size:15.5px;margin:8px 0 14px}.option.static{cursor:default}.learn-card .pearl{margin-top:14px;padding-top:12px}.pred-layout{display:grid;grid-template-columns:1fr 232px;gap:22px;align-items:start}.pred-aside{position:sticky;top:84px}.pred-aside .section-title{margin-top:0}.pred-aside .w-row{display:block;margin-bottom:10px}.pred-aside .w-name{font-size:11.5px;font-weight:600;margin-bottom:4px;display:block}.pred-aside .w-bar{height:7px}.pred-aside .w-num{font-size:10.5px;text-align:left;margin-top:3px;display:block}.footer{display:flex;align-items:center;gap:16px;margin-top:32px;padding-top:16px;border-top:1px solid var(--line);flex-wrap:wrap}.link{background:none;border:none;color:var(--brand);font-weight:600;font-size:13px;padding:0}.link.danger{color:var(--high)}.footer-note{font-size:12px;color:var(--muted);margin-left:auto}@media (max-width: 560px){.topbar{padding-top:14px}.tabs{order:3;width:100%}.tab{flex:1}.grades{grid-template-columns:repeat(2,1fr)}.pred-layout{grid-template-columns:1fr;gap:8px}.pred-aside{position:static;margin-top:20px}.subject-row,.w-row{grid-template-columns:104px 1fr 40px}.stem{font-size:16.5px}}