:root{font-family:system-ui,-apple-system,"Segoe UI","Noto Sans Bengali",sans-serif;color:#142237;background:#f3f6fb;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;line-height:1.52}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #80aafe;outline-offset:2px}[hidden]{display:none!important}
.shell{max-width:828px;margin:30px auto;padding:0 18px 42px}.topbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:22px}.brand{display:flex;gap:15px;align-items:center}.brand-icon{background:linear-gradient(150deg,#1c4ed7,#22429d);color:#fff;border-radius:16px;width:62px;height:62px;flex-shrink:0;display:grid;place-items:center;font-size:26px;font-weight:800;position:relative;box-shadow:0 7px 17px #1d4ed81b}.brand-icon span{position:absolute;font-size:11px;bottom:5px;right:9px;color:#dce8ff}.brand h1{font-size:clamp(20px,3.5vw,29px);margin:0;letter-spacing:-.7px;line-height:1.18}.brand p{color:#65738a;margin:6px 0 0;font-size:13px}.userbar{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.user-name{font-size:12px;color:#50617b;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.small-outline{border:1px solid #d9e0ec;background:#fff;padding:7px 10px;border-radius:9px;font-size:12px;font-weight:600;color:#324564;white-space:nowrap}
.panel{background:#fff;border:1px solid #e1e7f0;border-radius:20px;padding:24px;box-shadow:0 14px 40px #1c2f4f09}.sets-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.sets-head h2{font-size:16px;margin:0 0 12px}.subtle,.muted{color:#718199;font-size:13px}.sets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.tab{border:1px solid #d6e0ee;background:#fff;border-radius:999px;padding:8px 13px;color:#334158;font-weight:650;font-size:13px}.tab.active{background:#1e4ed8;color:#fff;border-color:#1e4ed8}.network-banner{border:1px solid #d2d9e6;background:#eaf0fa;padding:10px 14px;border-radius:12px;color:#334d75;font-size:13px;margin-bottom:15px}.network-banner.offline{background:#fff5e7;border-color:#efcc91;color:#7a4b11}.network-banner.pending{background:#eaf7ef;border-color:#bfe7ca;color:#21613b}
.batchnav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.batchnav label{font-size:14px;font-weight:650;color:#3e4d62}.batchnav select{flex:1;min-width:168px;border:1px solid #d2dcea;background:#fff;color:#1b2b42;padding:10px 9px;border-radius:10px;font-size:13px}.step{background:#f5f7fb;color:#44536a;border:1px solid #d9e0eb;border-radius:9px;padding:9px 13px}.batch-summary{margin:9px 0 15px;color:#728096;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.metric{background:#f5f7fb;border-radius:13px;padding:12px 8px;text-align:center}.metric b{display:block;font-size:27px;line-height:1.3;font-variant-numeric:tabular-nums}.metric span{font-size:12px;color:#64748b}.metric.easy b{color:#147e57}.metric.hard b{color:#c53a4e}.progress{height:8px;margin:17px 0 20px;background:#e9eef6;border-radius:20px;overflow:hidden}.progress #bar{background:linear-gradient(90deg,#2ca579,#56c996);height:100%;width:0;transition:width .25s}.filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}.filter{background:#fff;border:1px solid #d8e2ee;color:#405069;padding:8px 12px;border-radius:99px;font-size:13px;font-weight:550}.filter.active{background:#e9f0ff;color:#1e4ed8;border-color:#86aaf5}.position{display:flex;justify-content:space-between;gap:10px;color:#78859b;font-size:12px;margin-bottom:10px}
.flashcard{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:240px;gap:12px;border:1px solid #dae3f0;border-radius:17px;background:linear-gradient(155deg,#f8faff,#f1f5fb);padding:20px;transition:box-shadow .15s,transform .15s;user-select:none}.flashcard:hover{box-shadow:0 10px 23px #213f7520;transform:translateY(-1px)}#word{font-size:clamp(29px,5.5vw,44px);font-weight:750;text-align:center;line-height:1.52;overflow-wrap:anywhere}#word.answer{font-family:"Noto Sans Bengali","Nirmala UI","Vrinda",system-ui,sans-serif;font-size:clamp(24px,4.7vw,34px);font-weight:650}#reading{font-size:clamp(19px,3.8vw,28px);color:#586c86;text-align:center}#hint{font-size:12px;color:#8895a7;text-align:center}.rating{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0}.rating button{padding:13px 8px;border-radius:12px;border:1px solid;font-size:15px;font-weight:750}#hardBtn{color:#b32940;background:#fff6f6;border-color:#eab3bc}#easyBtn{color:#12764f;background:#f1fff7;border-color:#92d8ae}.nav{display:flex;justify-content:space-between;gap:8px}.nav button{background:#f1f5fa;color:#40516b;border:0;border-radius:10px;padding:10px 13px;font-size:13px}.empty{text-align:center;color:#6d778a;padding:60px 12px;background:#f8faff;border-radius:12px}
.tools{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px;padding-top:17px;border-top:1px solid #e9edf3}.tools button{border:1px solid #d9e2eb;border-radius:9px;padding:8px 12px;background:#fff;color:#54647a;font-size:13px}.toast{font-size:13px;color:#167652;min-height:16px;margin:8px 0}.footer{font-size:12px;color:#728199;margin:6px 0 0}.bottomline{text-align:center;color:#9ba7b6;font-size:11px;margin:19px 0}.auth-panel{max-width:470px;margin:55px auto;text-align:center;padding:30px}.auth-panel h2{font-size:25px;margin:4px 0}.auth-icon{display:inline-block;border-radius:99px;background:#edf3ff;color:#2852ab;padding:7px 13px;font-size:12px;font-weight:750}.auth-panel .muted{margin:5px 0 24px}.auth-panel form{display:flex;flex-direction:column;gap:15px;text-align:left}.auth-panel form label{font-weight:650;font-size:13px;color:#3f4c5e;display:flex;flex-direction:column;gap:6px}.auth-panel input{background:#fff;border:1px solid #ccd7e7;border-radius:10px;padding:12px;color:#182943;font-size:16px}.auth-panel .primary{margin-top:4px;background:#1d4ed8;border:none;border-radius:11px;color:#fff;padding:13px;font-weight:750}.auth-switch{font-size:13px;color:#768298}.linklike{border:0;background:none;color:#2354c6;font-weight:700;text-decoration:underline;padding:0}.error{margin-top:10px;border-radius:9px;color:#ac2833;background:#fff0f1;padding:10px;font-size:13px}
@media(max-width:600px){.shell{margin:18px auto;padding:0 10px 28px}.topbar{align-items:flex-start;flex-wrap:wrap}.brand-icon{width:48px;height:48px;font-size:21px;border-radius:13px}.brand{gap:9px}.brand h1{font-size:20px}.brand p{font-size:11px}.userbar{width:100%;justify-content:flex-end}.panel{padding:14px;border-radius:15px}.tab{padding:7px 11px}.metrics{gap:5px}.metric{padding:10px 4px}.metric b{font-size:23px}.metric span{font-size:10px}.flashcard{min-height:226px}.rating button{font-size:13px;padding:13px 4px}.nav button{font-size:12px;padding:9px}.batchnav{gap:6px}.batchnav label{width:100%}.auth-panel{margin:24px auto;padding:20px}}