:root{--font-family: "Roboto Condensed", system-ui, -apple-system, sans-serif;--font-body: 17px;--font-body-min: 16px;--font-small: 14px;--font-label: 16px;--font-heading-sm: 20px;--font-heading-md: 24px;--font-heading-lg: 28px;--font-display: 36px;--font-weight-bold: 700;--font-weight-semi: 600;--font-weight-regular: 400}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{background-color:#f8fafc;overflow-x:hidden;font-family:var(--font-family);font-size:var(--font-body);font-weight:500;line-height:1.5}button{cursor:pointer;border:none;background:none;font-family:inherit;font-weight:var(--font-weight-bold);font-size:var(--font-label)}select,.style-guide-select{font-family:var(--font-family);font-weight:var(--font-weight-bold);font-size:var(--font-body-min);min-height:44px;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#0f172a;cursor:pointer}select:focus,.style-guide-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}input,textarea{font-family:var(--font-family);font-weight:var(--font-weight-semi);font-size:var(--font-body-min)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:var(--font-weight-bold)}h1{font-size:var(--font-heading-lg)}h2{font-size:var(--font-heading-md)}h3{font-size:var(--font-heading-sm)}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(./KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(./KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(./KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(./KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(./KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(./KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(./KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(./KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(./KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(./KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(./KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(./KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(./KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(./KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(./KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(./KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(./KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(./KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(./KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(./KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(./KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(./KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(./KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(./KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(./KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(./KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(./KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(./KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(./KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(./KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(./KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(./KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(./KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(./KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(./KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(./KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(./KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(./KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(./KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(./KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(./KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(./KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(./KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(./KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(./KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(./KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(./KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(./KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(./KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(./KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(./KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(./KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(./KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(./KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(./KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(./KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(./KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(./KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(./KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font: 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.33"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex svg{fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.mcq-widget{display:flex;flex-direction:column;gap:20px;width:100%;position:relative}.mcq-widget.has-edit-btn{padding-top:40px}.simple-edit-trigger{position:absolute;top:6px;right:0;background:#eef2ff;color:#6366f1;border:1.5px solid #e0e7ff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;z-index:10}.simple-edit-trigger:hover{background:#6366f1;color:#fff;border-color:#6366f1;box-shadow:0 4px 12px #6366f133}.interactive-edit-mode{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;animation:none}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.edit-form-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.header-title-row{display:flex;align-items:center;gap:12px}.q-type-badge{background:#f5f3ff;color:#6366f1;font-size:10px;font-weight:800;padding:2px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.header-icon{width:44px;height:44px;background:#f5f3ff;color:#6366f1;border-radius:12px;display:flex;align-items:center;justify-content:center}.header-text h3{font-size:18px;font-weight:800;color:#0f172a;margin:0}.header-text p{font-size:13px;color:#94a3b8;margin:2px 0 0}.edit-form-body{display:flex;flex-direction:column;gap:20px}.edit-group{display:flex;flex-direction:column;gap:8px}.group-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:1.2px}.big-textarea{width:100%;min-height:100px;border:2px solid #f1f5f9;border-radius:12px;padding:12px;font-family:inherit;font-size:15px;line-height:1.5;color:#1e293b;resize:vertical;transition:all .2s}.big-textarea.mid{min-height:80px}.big-textarea:focus,.big-input:focus{border-color:#6366f1;background:#fdfdff;outline:none}.big-input{width:100%;height:44px;border:2px solid #f1f5f9;border-radius:10px;padding:0 14px;font-size:15px;font-weight:600;color:#1e293b;transition:all .2s}.big-input.standout{background:#f8fafc;border-color:#cbd5e1}.edit-options-stack{display:flex;flex-direction:column;gap:12px}.edit-opt-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border:2px solid #f1f5f9;border-radius:14px;transition:all .2s}.edit-opt-item.is-correct{border-color:#10b981;background:#f0fdf4}.opt-alpha{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#94a3b8;background:#f8fafc;border-radius:8px;flex-shrink:0}.edit-opt-item.is-correct .opt-alpha{background:#10b981;color:#fff}.opt-actions{display:flex;gap:6px}.action-btn{width:32px;height:32px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#f1f5f9;color:#cbd5e1;transition:all .2s}.action-btn.correct.active{background:#10b981;color:#fff}.action-btn.remove:hover{background:#fee2e2;color:#ef4444}.add-option-trigger{align-self:flex-start;margin-top:4px;padding:6px 12px;border:2px dashed #e2e8f0;border-radius:10px;background:none;color:#64748b;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px}.add-option-trigger:hover{border-color:#6366f1;color:#6366f1;background:#f5f3ff}.edit-form-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:16px;border-top:2px solid #f8fafc}.footer-right{display:flex;gap:12px}.edit-form-body{animation:fadeInStep .3s ease-out}@keyframes fadeInStep{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.footer-btn{height:42px;padding:0 16px;border-radius:12px;font-size:13px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:8px;border:none;transition:all .2s}.footer-btn.primary{background:#6366f1;color:#fff;box-shadow:0 10px 20px -5px #6366f166}.footer-btn.secondary{background:#f1f5f9;color:#64748b}.footer-btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 24px -5px #6366f180}.q-text{font-size:18px;font-weight:500;line-height:1.7;color:#1e293b}.q-options{display:flex;flex-direction:column;gap:16px}.q-opt-item{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;background:#fff;border:1.5px solid #f1f5f9;border-radius:18px;transition:all .2s ease}.q-opt-item.selectable{cursor:pointer}.q-opt-item.selectable:hover{border-color:#6366f1;background:#f8fafc}.q-opt-item.active{border-color:#6366f1;background:#eef2ff}.q-opt-item.correct{border-color:#10b981;background:#f0fdf4}.q-opt-label{width:32px;height:32px;border-radius:10px;border:1.5px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:800;color:#64748b;flex-shrink:0}.q-opt-item.correct .q-opt-label{background:#10b981;border-color:#10b981;color:#fff}.q-opt-item.active .q-opt-label{background:#6366f1;border-color:#6366f1;color:#fff}.q-explanation{margin-top:16px;padding:28px;background:#f8fafc;border-radius:24px;border:1px solid #e2e8f0}.q-explanation h4{font-size:11px;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}.q-image{max-width:240px;border-radius:12px}.katex-display{max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.katex-display::-webkit-scrollbar{display:none}.katex{max-width:100%;overflow-x:auto;overflow-y:hidden;display:inline-block;vertical-align:middle;scrollbar-width:none;-ms-overflow-style:none}.katex::-webkit-scrollbar{display:none}.q-input-fallback{margin-top:8px;display:flex;flex-direction:column;gap:12px}.numerical-answer-box{border:2px solid #e2e8f0;border-radius:16px;padding:20px 24px;background:#f8fafc;transition:border-color .2s,background .2s;position:relative}.numerical-answer-box:focus-within{border-color:#6366f1;background:#fff}.numerical-answer-box.numerical-correct{border-color:#10b981;background:#f0fdf4}.numerical-answer-box.numerical-wrong{border-color:#f43f5e;background:#fff1f2}.numerical-answer-label{font-size:10px;font-weight:700;letter-spacing:1.2px;color:#94a3b8;text-transform:uppercase;margin-bottom:8px}.numerical-answer-input{width:100%;border:none;background:transparent;font-size:32px;font-weight:700;color:#0f172a;outline:none;letter-spacing:-.5px;-moz-appearance:textfield}.numerical-answer-input::-webkit-outer-spin-button,.numerical-answer-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numerical-answer-input::placeholder{color:#cbd5e1;font-weight:400}.numerical-answer-input:disabled{color:#64748b}.numerical-entered-badge{position:absolute;top:14px;right:16px;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#6366f1;background:#eef2ff;padding:3px 10px;border-radius:20px}.correct-numerical-revealed{display:flex;align-items:center;gap:6px;font-size:14px;color:#10b981;font-weight:600;padding:10px 16px;background:#f0fdf4;border-radius:12px;border:1.5px solid #bbf7d0}.qn-floating-btn{position:fixed;bottom:24px;right:24px;height:56px;width:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-size:20px;font-weight:700;cursor:pointer;z-index:1200;box-shadow:0 8px 20px #00000026}.qn-panel{position:fixed;bottom:90px;right:24px;width:260px;max-height:320px;overflow-y:auto;background:#fff;border-radius:20px;padding:16px;border:1px solid #e2e8f0;box-shadow:0 10px 30px #00000026;z-index:1199}.qn-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.qn-item{height:40px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;font-weight:600;cursor:pointer;transition:all .2s ease}.qn-item:hover{transform:scale(1.05)}.qn-item.answered{background:#d1fae5;border-color:#10b981}.qn-item.active{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none}*{box-sizing:border-box;margin:0;padding:0}:root{--accent: #6366f1;--accent-light: #818cf8;--gradient: linear-gradient(135deg, #6366f1, #a855f7);--glass: rgba(255, 255, 255, .8)}.student-view-container{width:100%;min-height:100vh;background:#fdfdff;display:flex;flex-direction:column;font-family:Inter,-apple-system,sans-serif}.student-view-container.quiz-mode .student-header.premium-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:12px}.premium-header .header-left{flex:1;display:flex;justify-content:flex-start;min-width:0}.premium-header .header-center{flex:0 0 auto;display:flex;justify-content:center}.premium-header .header-right{flex:1;display:flex;justify-content:flex-end;min-width:0}.header-nav-arrows{display:flex;align-items:center;gap:4px}.header-arrow-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#475569;cursor:pointer;transition:all .2s}.header-arrow-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#f5f3ff}.header-arrow-btn:disabled{opacity:.35;cursor:not-allowed}.header-q-counter{display:flex;align-items:center;gap:2px;padding:0 12px;font-weight:800;font-size:16px}.header-q-counter .current{color:var(--accent)}.header-q-counter .sep{opacity:.4;color:#64748b}.header-q-counter .total{color:#64748b;font-size:14px}.premium-header{background:#fffc!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05)!important;height:70px!important;padding:0 24px!important}.nav-arrow{width:40px;height:40px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#475569;transition:all .2s}.nav-arrow:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#f5f3ff}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.q-counter{background:#f1f5f9;padding:6px 16px;border-radius:20px;display:flex;align-items:center;gap:4px;font-weight:800}.q-counter .current{color:var(--accent);font-size:18px}.q-counter .sep{opacity:.3}.q-counter .total{color:#64748b;font-size:14px}.submit-btn-premium{background:var(--gradient);color:#fff;border:none;padding:10px 24px;border-radius:12px;font-weight:800;font-size:14px;letter-spacing:1px;cursor:pointer;box-shadow:0 4px 15px #6366f14d;transition:transform .2s,background .2s}.submit-btn-premium:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}.student-welcome-container{display:flex;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));min-height:100dvh;height:auto}.student-start-screen{min-height:100dvh;height:auto}.student-start-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 24px 24px!important;width:100%;max-height:90dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.student-brand-header{display:flex;justify-content:center;margin-bottom:4px}.student-start-logo{height:36px;width:auto;object-fit:contain;opacity:.9}.student-test-info{width:100%;text-align:center;flex-shrink:0}.student-test-title{font-size:1.375rem;font-weight:800;color:#0f172a;margin:0 0 4px;line-height:1.25;letter-spacing:-.3px}.student-test-desc{font-size:.8125rem;color:#94a3b8;margin:0 0 14px;font-weight:500;line-height:1.4}.student-test-meta{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.student-test-meta li{background:#f1f5f9;color:#475569;font-size:.8125rem;font-weight:600;padding:5px 12px;border-radius:20px;white-space:nowrap}.student-test-meta li strong{color:#6366f1;font-weight:800}.student-start-divider{width:100%;height:1px;background:#f1f5f9;flex-shrink:0}.student-start-card .input-with-label{width:100%;margin-bottom:0}.student-start-card .premium-input-v2{height:52px;font-size:16px;border-radius:14px}.back-btn-simple{display:flex;align-items:center;gap:8px;background:#f1f5f9;border:none;padding:8px 16px;border-radius:12px;font-weight:700;color:#475569;cursor:pointer}.premium-results{background:linear-gradient(to bottom,#f8f9ff,#fff)!important}.performance-card{max-width:500px!important;position:relative;overflow:hidden}.confetti-placeholder{position:absolute;top:20px;right:20px;font-size:32px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.results-grid{display:flex;flex-direction:column;align-items:center;gap:32px;margin:24px 0;width:100%}.score-circle-container{display:flex;flex-direction:column;align-items:center;gap:12px}.circular-chart{display:block;margin:10px auto;max-width:160px;max-height:160px}.circle-bg{fill:none;stroke:#eee;stroke-width:2.8}.circle{fill:none;stroke-width:2.8;stroke-linecap:round;animation:progress 1s ease-out forwards}@keyframes progress{0%{stroke-dasharray:0 100}}.circular-chart.indigo .circle{stroke:#6366f1}.percentage{fill:#1e293b;font-family:Inter,sans-serif;font-size:8px;font-weight:900;text-anchor:middle}.score-text{font-size:20px;color:#64748b}.score-text strong{color:#1e293b;font-size:28px}.stats-breakdown{display:flex;justify-content:center;gap:12px;width:100%}.stat-item{flex:1;padding:12px;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px;font-weight:700}.stat-item.correct{background:#ecfdf5;color:#059669}.stat-item.wrong{background:#fef2f2;color:#dc2626}.stat-item.skipped{background:#f8fafc;color:#64748b}.topic-breakdown-section{width:100%;margin:4px 0 8px}.topic-breakdown-title{font-size:13px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.topic-row{display:flex;align-items:center;gap:10px;padding:6px 0}.topic-row-name{flex:1;font-size:13px;font-weight:600;color:#334155;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-row-bar-wrap{width:80px;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;flex-shrink:0}.topic-row-bar{height:100%;border-radius:4px;transition:width .4s}.topic-row-score{font-size:13px;font-weight:800;color:#475569;width:36px;text-align:right;flex-shrink:0}.action-buttons-wrap{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:12px}.auth-btn.premium{background:var(--gradient);box-shadow:0 10px 25px -5px #6366f166}.auth-btn.secondary{background:#f1f5f9;color:#475569}.review-mode{background:#f8fafc!important}.review-status-bar{max-width:900px;margin:0 auto 16px;display:flex;justify-content:center}.status-pill{padding:6px 16px;border-radius:24px;font-size:14px;font-weight:700}.status-pill.submitted{background:#e0e7ff;color:#4338ca}.status-pill.skipped{background:#f1f5f9;color:#64748b}.review-label{display:flex;align-items:center;gap:6px;color:#f59e0b;font-weight:800;font-size:13px;background:#fffbeb;padding:6px 12px;border-radius:10px;border:1px solid #fef3c7}.immersive{background:#fff;border:none!important;box-shadow:0 40px 100px -20px #0000001a!important;padding:60px 48px!important;align-items:center}.student-start-card.immersive{padding:24px 20px!important}.student-auth-tracks{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:0}.student-auth-tracks .auth-btn.premium{height:52px;border-radius:14px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.student-auth-tracks .auth-btn.secondary{height:46px;border-radius:14px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1.5px solid #e2e8f0;color:#64748b}.student-auth-tracks .auth-btn.secondary:hover:not(:disabled){border-color:#cbd5e1;background:#f8fafc;color:#475569}.student-returning-actions{display:flex;flex-direction:column;gap:8px;width:100%}.student-returning-banner{width:100%;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:14px 16px;text-align:center}.student-returning-text{font-size:14px;color:#0369a1;margin:0;line-height:1.5;font-weight:500}.student-returning-text strong{font-weight:800;color:#0c4a6e}.student-history-section{width:100%}.student-history-title{font-size:13px;font-weight:800;color:#64748b;letter-spacing:.5px;text-transform:uppercase;margin:0 0 8px}.student-history-list{display:flex;flex-direction:column;gap:6px}.student-history-card{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;gap:12px}.history-card-left{display:flex;flex-direction:column;gap:2px;min-width:0}.history-title{font-size:14px;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-meta{font-size:12px;color:#94a3b8;font-weight:500}.history-card-right{flex-shrink:0}.history-score{font-size:14px;font-weight:800;color:#6366f1;background:#f0f0ff;padding:4px 10px;border-radius:8px}.history-pending{font-size:12px;font-weight:700;color:#f59e0b;background:#fffbeb;padding:4px 10px;border-radius:8px}.student-home-card{max-width:440px}.student-home-actions-row{display:flex;gap:8px;width:100%}.student-home-actions-row .auth-btn{flex:1;font-size:13px;padding:10px 12px}.student-home-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;text-align:center}.student-home-empty p{font-size:15px;font-weight:700;color:#64748b;margin:0}.student-home-empty span{font-size:13px;color:#94a3b8;line-height:1.4}.student-home-link{text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px}.student-history-view-all{display:block;text-align:center;font-size:13px;font-weight:700;color:#6366f1;text-decoration:none;padding:8px 0 0}.student-history-view-all:hover{text-decoration:underline}.student-history-load-more{width:100%;padding:10px;margin-top:8px;border:1.5px dashed #e2e8f0;border-radius:12px;background:transparent;color:#6366f1;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.student-history-load-more:hover:not(:disabled){background:#f5f3ff;border-color:#c7d2fe}.student-history-load-more:disabled{opacity:.6;cursor:not-allowed}.student-history-count{text-align:center;font-size:12px;color:#94a3b8;margin:8px 0 0;font-weight:500}.student-history-card-link{text-decoration:none;color:inherit;transition:background .15s}.student-history-card-link:hover{background:#f1f5f9}.student-auth-hint{font-size:12px;color:#94a3b8;text-align:center;margin:0}.student-auth-error{font-size:13px;color:#ef4444;text-align:center;margin:0;min-height:18px;width:100%}.student-auth-label{font-size:11px;font-weight:800;color:#94a3b8;letter-spacing:.8px;margin-bottom:6px;align-self:flex-start;width:100%}.student-auth-back{display:flex;align-items:center;gap:4px;font-size:13px;color:#6366f1;background:none;border:none;cursor:pointer;padding:0;margin-bottom:14px;align-self:flex-start;font-weight:600}.student-session-banner{display:flex;align-items:center;gap:8px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:10px 14px;font-size:13px;color:#15803d;width:100%;margin-bottom:4px}.student-session-switch{margin-left:auto;background:none;border:none;color:#6366f1;font-size:12px;font-weight:700;cursor:pointer;padding:0}.brand-badge{background:#f5f3ff;color:#6366f1;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:6px;margin-bottom:24px}.pulse-slow{animation:pulse 3s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.input-with-label{width:100%;margin-bottom:24px;text-align:center}.input-with-label label{font-size:11px;font-weight:800;color:#94a3b8;letter-spacing:1px;margin-bottom:6px;display:block}.premium-input-v2{width:100%;height:60px;background:#f8fafc;border:2px solid #f1f5f9;border-radius:20px;padding:0 24px;font-size:18px;font-weight:600;color:#1e293b;text-align:center;transition:all .2s}.premium-input-v2:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 4px #6366f11a;outline:none}.trust-footer{margin-top:32px;font-size:12px;font-weight:600;color:#cbd5e1;letter-spacing:1px}.elevation-smooth{box-shadow:0 10px 30px -10px #0000000d}.quiz-main-layout{flex:1;padding:16px;max-width:900px;width:100%;margin:0 auto;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.progress-bar-wrapper{width:100%;height:3px;background:#f1f5f9;flex-shrink:0}.question-card{background:#fff;border-radius:16px;padding:20px;border:1px solid #f1f5f9}.progress-bar-fill-premium{height:100%;background:var(--gradient);transition:width .4s cubic-bezier(.16,1,.3,1)}.qallery-attribution{display:block;text-align:center;font-size:12px;color:#94a3b8;text-decoration:none;padding:16px 0 8px;font-weight:500}.qallery-attribution strong{color:#6366f1;font-weight:800}.qallery-attribution:hover{color:#6366f1}.loading-state{justify-content:center!important;align-items:center!important}.lock-notice{display:flex;align-items:center;gap:12px;background:#fdf2f2;color:#991b1b;padding:16px 20px;border-radius:16px;font-size:14px;font-weight:700;margin-top:12px;border:1px solid #fecaca;width:100%}.pending-icon-box{margin-bottom:24px;background:#f5f3ff;width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center}.quiz-navigation-footer{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:24px auto;padding:0 20px;gap:16px;width:100%}.quiz-nav-right{display:flex;align-items:center;gap:12px}.nav-btn-primary,.nav-btn-secondary,.nav-btn-submit{height:54px;border-radius:16px;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s;border:none;padding:0 32px}.nav-btn-primary{background:var(--gradient);color:#fff;box-shadow:0 10px 20px -5px #6366f166}.nav-btn-secondary{background:#f1f5f9;color:#475569}.nav-btn-secondary:disabled{opacity:.3;cursor:not-allowed}.nav-btn-submit{background:#10b981;color:#fff;box-shadow:0 10px 20px -5px #10b98166}.submit-confirm-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.submit-confirm-modal{background:#fff;border-radius:20px;padding:28px 24px;max-width:360px;width:100%;box-shadow:0 25px 50px -12px #00000040}.submit-confirm-title{font-size:1.25rem;font-weight:800;color:#1e293b;margin:0 0 12px}.submit-confirm-message{font-size:.9375rem;color:#64748b;line-height:1.5;margin:0 0 24px}.submit-confirm-actions{display:flex;gap:12px;justify-content:flex-end}.submit-confirm-cancel{padding:12px 20px;border-radius:12px;font-weight:700;font-size:14px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;cursor:pointer;transition:all .2s}.submit-confirm-cancel:hover{background:#f1f5f9}.submit-confirm-submit{padding:12px 20px;border-radius:12px;font-weight:700;font-size:14px;border:none;background:var(--gradient);color:#fff;cursor:pointer;box-shadow:0 4px 14px #6366f159;transition:all .2s}.submit-confirm-submit:hover{filter:brightness(1.05);transform:translateY(-1px)}.leaderboard-view{background:linear-gradient(to bottom,#f8f9ff,#f1f5f9);min-height:100vh}.leaderboard-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}.leaderboard-header.student-topbar{height:64px;padding:0 20px;background:#ffffffd9;border-bottom:1px solid #cbd5e1;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.leaderboard-header .topbar-left{display:flex;align-items:center}.leaderboard-header .topbar-back-btn{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border-radius:12px;border:none;background:transparent;color:#475569;font-size:15px;font-weight:800;cursor:pointer;transition:all .2s}.leaderboard-header .topbar-back-btn:hover{background:#f1f5f9;color:#0f172a}.leaderboard-header .topbar-page-title{font-size:16px;font-weight:800;color:#64748b;letter-spacing:-.3px}.leaderboard-title{font-size:18px;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.3px;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-header-spacer{width:88px;flex-shrink:0}.leaderboard-content{padding:20px 16px 32px;max-width:560px;margin:0 auto}.leaderboard-card{background:#fff;border-radius:20px;border:1px solid #f1f5f9;padding:20px;box-shadow:0 4px 20px #0000000f}.leaderboard-stats-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.leaderboard-stat-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:700;color:#4f46e5;background:#6366f11a}.leaderboard-live-banner{display:flex;align-items:flex-start;gap:14px;padding:16px;margin-bottom:20px;background:#fffbeb;border:1px solid #fef3c7;border-radius:14px}.leaderboard-live-banner svg{color:#f59e0b;flex-shrink:0}.leaderboard-live-text{flex:1;min-width:0}.leaderboard-live-text strong{display:block;font-size:14px;color:#92400e;margin-bottom:4px}.leaderboard-live-text p{font-size:13px;color:#a16207;margin:0 0 6px;line-height:1.4}.leaderboard-live-text small{font-size:12px;color:#b45309}.leaderboard-list{border-radius:12px;overflow:hidden;border:1px solid #f1f5f9}.leaderboard-list-header{display:grid;grid-template-columns:56px 1fr 64px 48px;gap:12px;padding:12px 16px;background:#f8fafc;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.leaderboard-row{display:grid;grid-template-columns:56px 1fr 64px 48px;gap:12px;align-items:center;padding:14px 16px;font-size:14px;font-weight:600;color:#334155;border-bottom:1px solid #f1f5f9;transition:background .15s}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:hover{background:#f8fafc}.leaderboard-row-me{background:#6366f114;border-left:3px solid var(--accent)}.leaderboard-row-me:hover{background:#6366f11f}.leaderboard-rank-badge{font-size:16px;font-weight:800}.lb-col-rank{text-align:left}.lb-col-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-you{display:inline-block;margin-left:6px;font-size:12px;font-weight:700;font-style:normal;color:var(--accent)}.lb-col-score{font-weight:800;color:#0f172a;text-align:right}.lb-col-pct{text-align:right;color:#64748b;font-weight:700}.leaderboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.leaderboard-empty-icon{color:#cbd5e1;margin-bottom:16px}.leaderboard-empty p{font-size:15px;font-weight:600;color:#64748b;margin:0 0 20px}.leaderboard-refresh-btn{padding:12px 24px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.leaderboard-refresh-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#f5f3ff}.leaderboard-refresh-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.premium-header{padding:0 16px!important}.stats-breakdown{flex-wrap:wrap}.stat-item{min-width:100px}.student-start-card{gap:16px;padding:16px!important}.leaderboard-header{padding:12px 16px}.leaderboard-content{padding:16px 12px 24px}.leaderboard-card{padding:16px;border-radius:16px}.leaderboard-list-header,.leaderboard-row{grid-template-columns:44px 1fr 52px 40px;gap:8px;padding:10px 12px}.leaderboard-row{font-size:13px}.leaderboard-rank-badge{font-size:14px}}:root{--bg-light: #fdfdfd;--card-white: #ffffff;--primary: #6366f1;--primary-soft: rgba(99, 102, 241, .08);--primary-glow: rgba(99, 102, 241, .15);--accent: #8b5cf6;--accent-soft: rgba(139, 92, 246, .08);--text-main: #0f172a;--text-muted: #64748b;--border: rgba(0, 0, 0, .05);--success: #10b981;--brand-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3)}*{margin:0;padding:0;box-sizing:border-box}.auth-container{min-height:100vh;width:100vw;background-color:var(--bg-light);display:flex;align-items:center;justify-content:center;color:var(--text-main);font-family:var(--font-family);overflow-x:hidden;overflow-y:auto;position:relative;padding:20px}html,body,#root,.App{min-height:100vh;scroll-behavior:smooth}.auth-container.review-mode{display:block!important;height:100vh!important;overflow:hidden!important;padding:0!important;background:var(--bg-light);position:relative!important}.login-tagline-desc{font-weight:500;color:var(--text-main)}.login-card-with-about{position:relative}.login-about-icon-corner{position:absolute;top:16px;right:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:50%;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.login-about-icon-corner:hover{color:var(--primary);background:var(--primary-soft);border-color:var(--primary)}.login-about-backdrop{position:fixed;inset:0;background:#0f172a80;z-index:1000}.login-about-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1001;width:90%;max-width:420px;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.login-about-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.login-about-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-main)}.login-about-header button{padding:8px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:8px}.login-about-header button:hover{background:var(--primary-soft);color:var(--primary)}.login-about-body{padding:24px;font-size:15px;line-height:1.6;color:var(--text-main)}.login-about-body p{margin:0 0 14px}.login-about-body p:last-child{margin-bottom:0}.login-card-and-footer{display:flex;flex-direction:column;align-items:center;width:100%;max-width:540px}.login-footer-block{text-align:center;padding:28px 16px 20px;width:100%;max-width:420px}.login-footer-tagline{font-size:14px;color:var(--text-muted);line-height:1.5;margin:0 0 16px;font-weight:500}.login-footer-legal{text-align:center;margin:0;padding:10px 24px;font-size:13px;color:#0f172a;line-height:1.5;font-weight:600;background:#ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:99px;display:inline-block;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 15px #0000000d}.login-footer-legal a{color:var(--primary);font-weight:700;text-decoration:none}.login-footer-legal a:hover{text-decoration:underline}.auth-card{width:100%;max-width:480px;background:var(--card-white);border:1px solid var(--border);border-radius:40px;padding:48px;box-shadow:0 40px 80px -20px #0000001f;z-index:10;display:flex;flex-direction:column;gap:32px;text-align:center;position:relative;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .5s cubic-bezier(.16,1,.3,1)}.auth-card.review-step{width:100vw!important;max-width:none!important;height:100vh!important;margin:0!important;padding:0!important;background:transparent;border:none;box-shadow:none;display:flex!important;flex-direction:column!important;overflow:hidden!important}.review-step-content{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.step-indicator{display:flex;gap:8px;justify-content:center}.dot{width:6px;height:6px;border-radius:50%;background:#e2e8f0;transition:all .3s ease}.dot.active{width:28px;border-radius:10px;background:var(--primary)}.auth-header{display:flex;flex-direction:column;align-items:center;gap:12px}.auth-logo{color:var(--primary);margin-bottom:8px}.auth-badge{font-size:14px;font-weight:700;letter-spacing:1.5px;color:var(--primary);text-transform:uppercase;padding:6px 16px;background:var(--primary-soft);border-radius:50px}.auth-title{font-size:42px;font-weight:900;letter-spacing:-1.5px;line-height:1;color:var(--text-main);margin-bottom:4px}.login-page-logo{height:64px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(99,102,241,.2));display:block;margin-inline:auto}.login-tagline-main{font-size:18px;font-weight:700;margin:2px 0 0;letter-spacing:.02em;display:inline-block;padding:6px 14px;border-radius:12px;background:linear-gradient(135deg,#6366f11f,#a855f714);color:var(--text-main);box-shadow:0 2px 12px #6366f126;border:1px solid rgba(99,102,241,.2)}.login-tagline-spacer{height:8px}.login-tagline-flow{font-size:15px;font-weight:500;color:var(--text-muted);margin:0;letter-spacing:.2px}.login-flow-animation{display:flex;align-items:flex-start;justify-content:center;flex-wrap:nowrap;gap:0 4px;margin:28px auto 0;max-width:400px}.login-flow-item{display:flex;flex-direction:column;align-items:center;gap:10px;flex:0 0 auto}.login-flow-circle{width:58px;height:58px;border-radius:50%;background:#f8fafc;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000f}.login-flow-icon{flex-shrink:0;color:#475569}.login-flow-label-group{display:flex;flex-direction:column;align-items:center;margin-top:8px;min-width:76px}.login-flow-label{font-size:15px;font-weight:700;color:#475569;text-align:center;line-height:1.1}.login-flow-sublabel{font-size:10px;font-weight:600;color:var(--text-muted);text-align:center;line-height:1;margin-top:4px;opacity:.8}.login-flow-arrow{display:flex;align-items:center;justify-content:center;padding-top:18px;color:#94a3b8}.login-value-line{font-size:14px;color:var(--text-muted);line-height:1.5;max-width:420px;margin:20px auto 0;font-weight:500}.login-supported-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}.login-pill{font-size:12px;font-weight:600;color:#64748b;background:#f1f5f9;padding:6px 12px;border-radius:999px}.review-step .auth-title{margin-bottom:24px;text-align:center;width:100%}.auth-subtitle{color:var(--text-muted);font-size:18px;line-height:1.1;max-width:440px;margin:0 auto;font-weight:500;text-align:center}.smart-highlight{color:var(--primary);font-weight:700;position:relative;display:inline-block;padding:0 4px}.smart-highlight:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:8px;background:var(--primary-soft);z-index:-1;border-radius:4px}.input-group{display:flex;flex-direction:column;gap:16px;width:100%}.premium-input{background:#f1f5f9;border:2px solid transparent;border-radius:20px;padding:18px 24px;color:var(--text-main);font-size:16px;font-weight:600;outline:none;transition:all .3s ease}.premium-input:focus{background:#fff;border-color:var(--primary);box-shadow:0 10px 20px -5px var(--primary-soft)}.auth-btn{background:var(--text-main);border:none;border-radius:20px;padding:18px 32px;color:#fff;font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.auth-btn.secondary{background:#fff;color:var(--text-main);border:1px solid var(--border);box-shadow:0 4px 6px #0000000d}.auth-btn.secondary:hover{background:#f8fafc;border-color:var(--primary)}.auth-btn.compact{padding:12px 24px;border-radius:12px;font-size:14px}.auth-btn:hover{background:#000;transform:translateY(-2px);box-shadow:0 15px 30px -10px #0000004d}.auth-btn.primary-gradient{background:var(--brand-gradient);box-shadow:0 12px 30px -10px var(--primary-glow);color:#fff}.auth-btn.primary-gradient:hover{transform:translateY(-2px);box-shadow:0 20px 40px -12px var(--primary-glow)}.premium-login-bg{position:fixed;inset:0;overflow:hidden;z-index:-1;background:#000}.premium-bg-image{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(2px) brightness(.9);opacity:.95;z-index:-1}.floating-shape{position:absolute;border-radius:50%;filter:blur(60px);z-index:1;opacity:.6}.shape-1{width:400px;height:400px;background:var(--primary);top:-100px;right:-100px;animation:float-1 20s infinite alternate}.shape-2{width:300px;height:300px;background:var(--accent);bottom:-50px;left:-50px;animation:float-2 15s infinite alternate-reverse}@keyframes float-1{0%{transform:translate(0) scale(1)}to{transform:translate(-50px,50px) scale(1.1)}}@keyframes float-2{0%{transform:translate(0) scale(1)}to{transform:translate(40px,-40px) scale(.9)}}.phone-field{flex:1;border:none;background:transparent;padding:14px 16px;font-size:18px;font-weight:700;color:var(--text-main);letter-spacing:.05em;outline:none}.otp-box{width:54px;height:64px;background:#f8fafc;border:2px solid #f1f5f9;border-radius:16px;font-size:24px;font-weight:800;color:var(--text-main);text-align:center;transition:all .25s ease}.otp-box:focus{background:#fff;border-color:var(--primary);box-shadow:0 12px 24px -10px var(--primary-glow)}.auth-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.upload-zone{border:2px dashed #e2e8f0;border-radius:24px;padding:48px 24px;background:#f8fafc;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:16px}.upload-zone:hover{border-color:var(--primary);background:#fff;transform:scale(1.02)}.upload-icon-circle{width:72px;height:72px;border-radius:24px;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:var(--primary)}.upload-main-text{font-weight:800;font-size:15px;color:var(--text-main)}.upload-sub-text{font-size:13px;color:var(--text-muted)}.processing-container{display:flex;flex-direction:column;gap:24px}.progress-track{width:100%;height:8px;background:#f1f5f9;border-radius:10px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent))}.ai-tip-card{background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:28px;padding:32px;text-align:left;min-height:200px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.tip-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.tip-icon{width:32px;height:32px;background:var(--primary-soft);color:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center}.tip-label{text-transform:uppercase;font-size:14px;font-weight:800;letter-spacing:1px;color:var(--primary)}.tip-title{font-size:24px;font-weight:800;color:var(--text-main);margin-bottom:12px;letter-spacing:-.5px}.tip-text{font-size:17px;line-height:1.6;color:var(--text-muted);font-weight:500}.processing-status-mini{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:700;color:var(--text-muted);margin-top:8px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.log-line .success{color:#10b981}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.debug-divider{font-size:14px;font-weight:800;color:var(--text-muted);margin:24px 0 16px;display:flex;align-items:center;gap:12px;opacity:.6}.debug-divider:before,.debug-divider:after{content:"";flex:1;height:1px;background:var(--border)}.secondary-btn{background:#fff!important;color:var(--text-main)!important;border:1px solid var(--border)!important;box-shadow:0 4px 12px #0000000d!important}.secondary-btn:hover{border-color:var(--primary)!important;color:var(--primary)!important}.review-viewer{background:transparent;border:none;box-shadow:none;width:100%;height:auto!important;overflow:visible!important}.review-header-fixed{z-index:100;background:var(--bg-light);padding:12px 40px;border-bottom:2px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;width:100%}.review-page-title{display:flex;align-items:center;gap:16px;margin-bottom:0!important}.q-count-badge{background:var(--primary-soft);color:var(--primary);padding:4px 12px;border-radius:50px;font-size:13px;font-weight:700}.final-welcome-container{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background:var(--bg-light)}.welcome-logo-wrapper{margin-bottom:32px}.welcome-logo{width:120px;height:120px;border-radius:28px;box-shadow:0 20px 40px #6366f126}.final-welcome-container h1{font-size:56px;font-weight:900;margin-bottom:16px;letter-spacing:-2px;color:var(--text-main)}.final-welcome-container p{color:var(--text-muted);font-size:20px;max-width:600px;line-height:1.6;font-weight:500;margin-bottom:48px}.action-group{display:flex;gap:20px}.header-actions{display:flex;align-items:center;gap:20px}.questions-display{flex:1;overflow-y:auto;padding:40px;width:100%;background:#f8fafc}.questions-inner-scroll{max-width:1240px;margin:0 auto;width:100%}.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.question-card{background:#fff;border-radius:20px;border:1px solid #e2e8f0;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.question-card.active{border-color:var(--primary);background:#eef2ff;box-shadow:0 10px 30px -10px var(--primary-glow);transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center}.card-meta{display:flex;align-items:center;gap:12px}.card-index{font-size:16px;font-weight:800;color:var(--primary)}.card-tag{font-size:14px;font-weight:700;color:var(--text-muted);background:#f8fafc;padding:4px 10px;border-radius:6px}.card-main-content{display:flex;gap:16px;align-items:flex-start}.card-preview-text{flex:1;font-size:17px;line-height:1.6;color:var(--text-main);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-clamp:3}.card-preview-text p{margin:0}.card-preview-text .katex-display{margin:4px 0!important;font-size:.95em;overflow-x:auto;overflow-y:hidden}.card-preview-text .katex{white-space:nowrap}.card-thumbnail{width:60px;height:60px;border-radius:12px;overflow:hidden;background:#f8fafc;border:1px solid #e2e8f0;flex-shrink:0}.card-thumbnail img{width:100%;height:100%;object-fit:cover}.card-image-notif{margin-top:12px;font-size:14px;font-weight:700;color:#10b981;display:flex;align-items:center;gap:4px}.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;color:#94a3b8;padding-top:12px;border-top:1px solid #f1f5f9}.drawer-overlay{position:fixed;inset:0;background:#0f172a33;z-index:1000}.question-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:650px;background:#f8fafcd9;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:1001;display:flex;flex-direction:column;box-shadow:-20px 0 50px #0000001a;border-left:1px solid rgba(255,255,255,.3);overscroll-behavior:contain}.drawer-header{padding:20px 32px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#fff}.drawer-nav{display:flex;align-items:center;gap:16px}.nav-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:none;background:#f1f5f9;color:#475569;cursor:pointer;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:var(--primary-soft);color:var(--primary);transform:translateY(-2px)}.nav-btn:active:not(:disabled){transform:translateY(0)}.drawer-title{font-weight:800;font-size:18px;color:var(--text-main)}.close-drawer{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;transition:all .2s ease}.close-drawer:hover{background:#fee2e2;color:#ef4444}.drawer-content{flex:1;overflow-y:auto;padding:32px}.drawer-viewer-inner{max-width:800px;margin:0 auto}.drawer-footer{padding:20px 32px;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.drawer-action-btn{padding:10px 24px;border-radius:12px;font-weight:700;font-size:14px;border:none;cursor:pointer}.drawer-action-btn.secondary{background:#f1f5f9;color:#64748b}.drawer-progress{font-size:14px;font-weight:700;color:var(--text-muted)}.timeline-scrubber{padding:0;background:transparent;border:none;display:flex;align-items:center;gap:16px;position:relative;width:100%}.timeline-container{flex:1;position:relative;height:48px;display:flex;align-items:center}.timeline-track{width:100%;display:flex;align-items:center;gap:0px;justify-content:space-between;position:relative;z-index:1}.timeline-line{position:absolute;top:50%;left:0;right:0;height:2px;background:#e2e8f0;transform:translateY(-50%);z-index:0}.nav-btn{width:36px;height:36px;border-radius:12px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);z-index:2}.nav-btn:hover:not(:disabled){color:var(--primary);border-color:var(--primary);transform:scale(1.1)}.timeline-node{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;position:relative;transition:all .3s ease}.node-unit{width:36px;height:36px;border-radius:10px;background:#fff;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#94a3b8;z-index:5;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 4px 8px #0000000d}.unit-tooltip{position:absolute;top:-32px;background:#0f172a;color:#fff;font-size:14px;font-weight:800;padding:4px 8px;border-radius:4px;opacity:0;transform:translateY(4px);transition:all .2s ease;pointer-events:none;white-space:nowrap}.timeline-node:hover .unit-tooltip{opacity:1;transform:translateY(0)}.timeline-node.active .node-unit{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.15);box-shadow:0 0 25px var(--primary-glow);z-index:6}.timeline-node.passed .node-unit{background:#ecfdf5;border-color:#10b981;color:#10b981;box-shadow:0 0 10px #10b9814d}.timeline-node:hover:not(.active) .node-unit{border-color:var(--primary);color:var(--primary);transform:scale(1.15)}.share-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.share-square{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;border-radius:24px;background:#f8fafc;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.share-square:hover{background:#fff;border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 20px -10px var(--primary-glow)}.share-square span{font-size:14px;font-weight:700;color:var(--text-main)}@media(max-width:768px){.auth-container{padding:24px 12px 12px;align-items:flex-start;justify-content:center}.auth-container.review-mode{padding:0!important}.auth-card{width:96%!important;padding:28px 18px!important;gap:24px!important;border-radius:28px!important}.login-card-with-about{padding:24px 16px!important}.phone-input-container{height:56px!important}.country-prefix{padding:0 12px 0 16px!important;font-size:16px!important;min-width:52px!important}.phone-field{padding:0 12px!important;font-size:18px!important}.auth-title{font-size:28px!important}.auth-card.review-step{width:100%!important;max-width:none!important;height:100vh!important}.review-header-fixed{padding:16px 20px;flex-direction:column;align-items:flex-start;gap:16px;background:#fff}.review-page-title{font-size:28px!important}.header-actions{width:100%;justify-content:space-between}.top-finish{flex:1;max-width:none!important}.questions-display{padding:16px}.grid-view{grid-template-columns:1fr;gap:16px}.question-card{padding:16px;border-radius:16px}.question-drawer{max-width:none;height:100%}.drawer-header{padding:16px 20px}.drawer-content{padding:20px}.final-welcome-container{padding:24px!important}.final-welcome-container h1{font-size:36px!important}.final-welcome-container .action-group{flex-direction:column!important;width:100%!important;gap:12px!important}.final-welcome-container .auth-btn{width:100%!important}.ai-tip-card{padding:24px 20px!important;min-height:180px!important;border-radius:20px!important}.tip-title{font-size:18px!important}.tip-text{font-size:14px!important}.card-preview-text{-webkit-line-clamp:3;line-clamp:3}}@media(max-width:480px){.auth-container{padding:20px 8px 8px;align-items:flex-start;justify-content:center}.auth-card,.login-card-with-about{width:100%!important;padding:20px 14px!important;border-radius:24px!important}.country-prefix{padding:0 10px 0 14px!important;font-size:15px!important;min-width:48px!important}.phone-field{padding:0 10px!important;font-size:17px!important}}.phone-input-container{display:flex;align-items:center;width:100%;height:64px;background:linear-gradient(180deg,#fff,#f8fafc);border:1.5px solid #e2e8f0;border-radius:18px;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;overflow:hidden;position:relative;margin-top:4px;box-shadow:0 2px 8px #0000000a}.phone-input-container:focus-within{border-color:#6366f180!important;background:#fff!important;box-shadow:0 0 0 3px #6366f11f,0 4px 20px -4px #6366f133!important}.country-prefix{display:flex;align-items:center;justify-content:center;padding:0 14px 0 16px;font-weight:700;font-size:17px;color:#475569;white-space:nowrap;position:relative;height:100%;background:#00000005;border-right:1px solid #e2e8f0;flex-shrink:0;width:64px;min-width:64px;box-sizing:border-box}.country-prefix:before{content:"+";margin-right:2px}.country-prefix:after{content:"";position:absolute;right:0;top:22%;bottom:22%;width:1px;background:linear-gradient(180deg,transparent,#e2e8f0 20%,#e2e8f0 80%,transparent)}.phone-field{flex:1;border:none!important;background:transparent!important;height:100%!important;padding:0 20px!important;font-size:19px!important;font-weight:600!important;color:var(--text-main)!important;letter-spacing:.5px;outline:none!important;box-shadow:none!important}.phone-field::placeholder{color:#94a3b8;font-weight:500}.otp-wrapper{display:flex;justify-content:center;gap:clamp(6px,2vw,12px);margin-bottom:8px;width:100%;max-width:100%;box-sizing:border-box}.otp-box{width:clamp(40px,13vw,52px);height:clamp(50px,15vw,64px);border-radius:12px;border:1.5px solid #e2e8f0;text-align:center;font-size:clamp(20px,5vw,26px);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;background:linear-gradient(180deg,#fff,#f8fafc);color:var(--text-main);transition:border-color .25s ease,box-shadow .25s ease,transform .2s ease,background .25s ease;box-shadow:0 2px 8px #0000000a;padding:0;flex-shrink:1;min-width:0}.otp-box::placeholder{color:#cbd5e1}.otp-box:focus{border-color:#6366f199;background:#fff;box-shadow:0 0 0 3px #6366f11f,0 4px 16px -4px #6366f140;outline:none;transform:translateY(-1px)}.security-footer{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:800;color:var(--text-muted);letter-spacing:1.5px;margin-top:auto}.premium-logo-container{position:relative;width:84px;height:84px;margin:0 auto}.logo-white-box{background:#fff;border-radius:24px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px #0000000f;z-index:10;position:relative}.logo-aura{position:absolute;inset:-20px;background:radial-gradient(circle,var(--primary-soft) 0%,transparent 70%);z-index:0;filter:blur(15px);animation:pulse-aura 4s infinite ease-in-out}@keyframes pulse-aura{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.2);opacity:.7}}.secure-avatar{width:68%;height:68%;object-fit:contain;position:relative;z-index:11}.secure-shield-float{position:absolute;bottom:-6px;right:-6px;background:var(--success);color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3.5px solid white;z-index:20;box-shadow:0 4px 12px #10b98166}.premium-login-wrapper{background-color:#f8fafc;position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center}.login-ambient-bg{position:absolute;inset:0;overflow:hidden;z-index:0;background:#f8fafc}.login-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 20s infinite ease-in-out alternate}.orb-1{width:600px;height:600px;background:linear-gradient(135deg,#6366f166,#a855f766);top:-100px;left:-100px;animation-duration:25s}.orb-2{width:500px;height:500px;background:linear-gradient(135deg,#10b9814d,#3b82f64d);bottom:-100px;right:-50px;animation-duration:28s;animation-delay:-5s}.orb-3{width:400px;height:400px;background:linear-gradient(135deg,#ec48994d,#8b5cf64d);top:40%;left:40%;animation-duration:22s;animation-delay:-10s}.login-glass-overlay{position:absolute;inset:0;background:#fff6;backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px);z-index:1}@keyframes float{0%{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,40px) scale(.9)}to{transform:translate(0) scale(1)}}.premium-glass-card{background:#fffc!important;backdrop-filter:blur(30px)!important;-webkit-backdrop-filter:blur(30px)!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 40px 80px -20px #0000001a,inset 0 0 0 1px #ffffff80!important;border-radius:36px!important;padding:56px 48px!important;position:relative;z-index:10;transition:box-shadow .4s ease,transform .4s ease}.premium-glass-card:hover{box-shadow:0 50px 100px -20px #6366f126,inset 0 0 0 1px #fffc!important;transform:translateY(-4px)}.login-premium-header{text-align:center;margin-bottom:32px}.premium-logo-wrapper{display:inline-flex;padding:16px;background:linear-gradient(135deg,#fff,#f1f5f9);border-radius:24px;box-shadow:0 10px 30px -10px #0000001a,inset 0 2px 4px #fff;margin-bottom:24px;border:1px solid rgba(255,255,255,.8)}.login-page-logo-premium{height:48px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.05))}.premium-tagline{font-size:28px;font-weight:800;letter-spacing:-.5px;color:#0f172a;margin:0;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.premium-phone-wrapper{position:relative;background:#ffffffe6;border-radius:20px;padding:4px;box-shadow:0 4px 20px #00000008,inset 0 2px 5px #00000003;border:1px solid rgba(226,232,240,.8);transition:all .3s ease}.premium-phone-wrapper:focus-within{box-shadow:0 8px 30px #6366f126,inset 0 2px 5px #00000003;border-color:#6366f166;transform:translateY(-2px)}.premium-country-prefix{font-weight:700;color:#475569;padding:0 16px 0 20px;font-size:18px;border-right:2px solid #f1f5f9;height:32px;display:flex;align-items:center}.premium-phone-field{flex:1;background:transparent!important;border:none!important;font-size:20px!important;font-weight:600!important;color:#0f172a!important;padding:0 20px!important;height:56px!important;outline:none!important;box-shadow:none!important;letter-spacing:1px}.premium-phone-field::placeholder{color:#94a3b8;font-weight:500}.premium-primary-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;font-size:18px!important;font-weight:700!important;height:60px!important;border-radius:20px!important;border:none!important;box-shadow:0 10px 25px -5px #6366f166,inset 0 2px 4px #fff3!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;cursor:pointer}.premium-primary-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.premium-primary-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02)!important;box-shadow:0 15px 35px -5px #6366f180,inset 0 2px 4px #fff3!important}.premium-primary-btn:hover:not(:disabled):after{transform:translate(100%)}.premium-otp-wrapper{display:flex;justify-content:space-between;gap:10px;margin:20px 0}.premium-otp-box{width:56px!important;height:68px!important;font-size:28px!important;border-radius:18px!important;border:2px solid rgba(226,232,240,.8)!important;background:#ffffffe6!important;box-shadow:0 4px 15px #00000005!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important;color:#0f172a!important}.premium-otp-box:focus{border-color:#6366f1!important;transform:translateY(-4px)!important;box-shadow:0 12px 25px -5px #6366f140!important;background:#fff!important}.premium-flow-container{background:#fff9;border-radius:24px;padding:24px;border:1px solid rgba(255,255,255,.9);margin:24px 0;box-shadow:inset 0 2px 10px #00000005}.premium-flow-item{display:flex;flex-direction:column;align-items:center;gap:12px}.premium-flow-circle{width:56px;height:56px;border-radius:20px;background:#fff;box-shadow:0 8px 20px -5px #00000014;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(241,245,249,1)}.premium-flow-item:hover .premium-flow-circle{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 25px -5px #6366f126}.premium-flow-icon{color:#6366f1}.premium-flow-arrow{color:#cbd5e1}.premium-features-list{display:flex;flex-direction:column;gap:16px;text-align:left;margin-top:24px}.premium-feature-item{display:flex;align-items:flex-start;gap:12px}.premium-feature-icon-wrapper{width:32px;height:32px;border-radius:10px;background:#6366f11a;color:#6366f1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.premium-feature-text{font-size:15px;color:#475569;line-height:1.5;margin:0;font-weight:500}.login-premium-footer{position:relative;z-index:10;text-align:center;padding-top:32px;color:#64748b;font-weight:500}.premium-legal-link{color:#6366f1;text-decoration:none;font-weight:600;transition:color .2s}.premium-legal-link:hover{color:#4f46e5;text-decoration:underline}.error-badge-premium{background:#fef2f2;color:#b91c1c;padding:12px 16px;border-radius:16px;font-size:13px;font-weight:700;margin-bottom:20px;border:1.5px solid #fee2e2;display:flex;align-items:center;gap:8px}.verification-icon-box{width:80px;height:80px;background:var(--primary-soft);border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;margin-inline:auto}.brand-reveal{margin-bottom:4px}.auth-container.premium-login-theme{background:transparent!important;padding:20px;display:flex;align-items:center;justify-content:center;min-height:100vh;position:relative}.premium-login-theme .auth-card{background:#ffffffb3!important;backdrop-filter:blur(8px) saturate(1.8)!important;-webkit-backdrop-filter:blur(8px) saturate(1.8)!important;border:1px solid rgba(255,255,255,.4);box-shadow:0 50px 100px -20px #0000004d}.brand-reveal img{height:64px;width:auto}.buy-credits-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.buy-credits-modal{background:#fff;border-radius:20px;max-width:420px;width:100%;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.buy-credits-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f1f5f9}.buy-credits-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:800;color:#0f172a;margin:0}.buy-credits-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f1f5f9;border-radius:8px;color:#64748b;cursor:pointer;transition:all .15s}.buy-credits-close:hover{background:#e2e8f0;color:#0f172a}.buy-credits-balance{padding:12px 24px;font-size:13px;color:#64748b;background:#f8fafc}.buy-credits-balance strong{color:#6366f1;font-weight:800}.buy-credits-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 24px;color:#94a3b8;font-size:14px}.buy-credits-packs{display:flex;flex-direction:column;gap:10px;padding:16px 20px 20px}.buy-credits-pack{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid #f1f5f9;border-radius:14px;background:#fff;transition:all .2s;position:relative}.buy-credits-pack:hover{border-color:#e2e8f0;background:#fafbff}.buy-credits-pack.featured{border-color:#c7d2fe;background:#faf5ff}.buy-credits-pack.featured:hover{border-color:#a5b4fc}.buy-credits-pack.selected{border-color:#6366f1}.buy-credits-badge{position:absolute;top:-8px;right:12px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-size:10px;font-weight:800;padding:2px 10px;border-radius:10px;letter-spacing:.3px}.buy-credits-pack-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f1f5f9;color:#6366f1;flex-shrink:0}.buy-credits-pack.featured .buy-credits-pack-icon{background:#ede9fe;color:#7c3aed}.buy-credits-pack-info{flex:1;min-width:0}.buy-credits-pack-name{font-size:15px;font-weight:800;color:#0f172a;margin:0}.buy-credits-pack-credits{font-size:13px;color:#6366f1;font-weight:700;margin:2px 0 0}.buy-credits-pack-per{font-size:11px;color:#94a3b8;margin:1px 0 0;font-weight:500}.buy-credits-pack-action{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.buy-credits-pack-price{font-size:18px;font-weight:900;color:#0f172a}.buy-credits-buy-btn{padding:6px 20px;border:none;border-radius:10px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-size:13px;font-weight:800;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:60px}.buy-credits-buy-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.buy-credits-buy-btn:disabled{opacity:.6;cursor:not-allowed}.buy-credits-polling{display:flex;flex-direction:column;align-items:center;padding:40px 24px;text-align:center;gap:12px;color:#6366f1}.buy-credits-polling h3{font-size:18px;font-weight:800;color:#0f172a;margin:0}.buy-credits-polling p{font-size:14px;color:#64748b;margin:0;line-height:1.5}.buy-credits-success{display:flex;flex-direction:column;align-items:center;padding:32px 24px;text-align:center;gap:8px}.buy-credits-success-icon{width:64px;height:64px;border-radius:50%;background:#ecfdf5;color:#10b981;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.buy-credits-success h3{font-size:18px;font-weight:800;color:#0f172a;margin:0}.buy-credits-success p{font-size:14px;color:#64748b;margin:0}.buy-credits-new-balance{color:#6366f1!important;font-weight:600}.buy-credits-done-btn{margin-top:16px;padding:10px 32px;border:none;border-radius:12px;background:#f1f5f9;color:#475569;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s}.buy-credits-done-btn:hover{background:#e2e8f0}@media(max-width:480px){.buy-credits-modal{max-width:100%;border-radius:16px}.buy-credits-packs{padding:12px 16px 16px}.buy-credits-pack{padding:12px;gap:10px}}.app-shell{display:flex;flex-direction:column;height:100vh;min-height:100vh;background:var(--dash-bg, #f8fafc);overflow:hidden}.app-shell.sidebar-less .shell-sidebar{display:none}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0f172a4d;z-index:199}.shell-topbar{height:64px;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #cbd5e1;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:fixed;top:0;left:0;right:0;z-index:1000}.topbar-logo-brand{display:flex;align-items:center;gap:12px;cursor:pointer;padding:6px 12px;border-radius:14px;transition:background .2s}.topbar-logo-brand:hover{background:#f8fafc}.topbar-logo{height:32px;width:auto;max-width:140px;object-fit:contain;object-position:left center;border-radius:8px}.topbar-brand-name{font-size:18px;font-weight:900;color:#0f172a;letter-spacing:-.5px}.topbar-separator-nav{display:flex;align-items:center;gap:12px;color:#cbd5e1}.nav-divider-icon{margin-top:2px}.topbar-left{display:flex;align-items:center;min-width:0;overflow:hidden;flex-shrink:1}.topbar-page-title{font-size:16px;font-weight:800;color:#64748b;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-center{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;padding:0 16px}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-credits{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:100px;font-size:13px;font-weight:700;color:#166534;cursor:pointer;transition:all .15s;font-family:inherit}.topbar-credits:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac}.topbar-credits-num{color:#15803d}.topbar-credits-label{color:#166534;font-weight:600}.app-shell.shell-welcome-open{overflow:hidden}.welcome-credits-overlay{position:fixed;inset:0;z-index:1100;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.welcome-credits-popup{z-index:1001;width:min(360px,100%);padding:28px 24px;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;border:1px solid #e2e8f0;text-align:center}.welcome-credits-popup-icon{width:72px;height:72px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;display:flex;align-items:center;justify-content:center}.welcome-credits-popup-title{margin:0 0 10px;font-size:20px;font-weight:800;color:#0f172a}.welcome-credits-popup-text{margin:0 0 24px;font-size:15px;line-height:1.5;color:#475569}.welcome-credits-popup-text strong{color:#059669}.welcome-credits-popup-btn{display:inline-block;padding:12px 28px;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:12px;cursor:pointer;transition:transform .15s,box-shadow .15s}.welcome-credits-popup-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #05966966}.profile-dropdown-item.text-delete{color:#dc2626;border-top:1px solid #fee2e2;margin-top:4px;padding-top:10px;opacity:.85}.profile-dropdown-item.text-delete:hover{background:#fef2f2;opacity:1}.delete-confirm-popup{z-index:1001;width:min(380px,100%);padding:28px 24px;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;border:1px solid #fecaca;text-align:center}.delete-confirm-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:#fee2e2;color:#dc2626;display:flex;align-items:center;justify-content:center}.delete-confirm-title{margin:0 0 10px;font-size:20px;font-weight:800;color:#0f172a}.delete-confirm-text{margin:0 0 24px;font-size:14px;line-height:1.6;color:#64748b}.delete-confirm-actions{display:flex;gap:10px;justify-content:center}.delete-confirm-cancel{flex:1;padding:11px 16px;font-size:14px;font-weight:600;color:#475569;background:#f1f5f9;border:none;border-radius:10px;cursor:pointer;transition:background .15s}.delete-confirm-cancel:hover:not(:disabled){background:#e2e8f0}.delete-confirm-btn{flex:1;padding:11px 16px;font-size:14px;font-weight:700;color:#fff;background:#dc2626;border:none;border-radius:10px;cursor:pointer;transition:background .15s}.delete-confirm-btn:hover:not(:disabled){background:#b91c1c}.delete-confirm-btn:disabled,.delete-confirm-cancel:disabled{opacity:.6;cursor:not-allowed}.topbar-user-pill{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;background:#fff;border-radius:100px;border:1px solid #f1f5f9;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #00000005}.topbar-user-pill:hover{border-color:#cbd5e1;background:#f8fafc;box-shadow:0 4px 12px #0000000d}.topbar-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.topbar-user-name{font-size:14px;font-weight:700;color:#0f172a}.topbar-profile-container{position:relative;display:inline-block}.profile-chevron{color:#94a3b8;transition:transform .2s ease}.profile-chevron.open{transform:rotate(180deg)}.profile-menu-backdrop{position:fixed;inset:0;z-index:99}.profile-dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:8px;min-width:200px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:100}.profile-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:700;color:#475569;cursor:pointer;background:transparent;transition:all .2s;border:none;text-align:left}.profile-dropdown-item:hover{background:#f1f5f9;color:#0f172a}.profile-dropdown-name{padding:8px 16px;border-bottom:1px solid #f1f5f9;margin-bottom:4px}.profile-dropdown-name span{font-size:14px;font-weight:700;color:#0f172a;display:block}.profile-dropdown-item.text-danger{color:#e11d48}.profile-dropdown-item.text-danger:hover{background:#fff1f2;color:#be123c}.shell-main{flex:1;margin-left:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}.shell-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding-top:64px;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.shell-content::-webkit-scrollbar{width:0;height:0;display:none}.shell-content::-webkit-scrollbar-track,.shell-content::-webkit-scrollbar-thumb{display:none}.shell-content-inner{width:100%;max-width:1400px;padding:28px 40px 100px;scrollbar-width:none;-ms-overflow-style:none}.shell-content-inner::-webkit-scrollbar{width:0;height:0;display:none}.courses-tab-bar{display:flex;gap:4px;background:#f1f5f9;border-radius:16px;padding:6px;margin-bottom:28px;width:fit-content;position:relative}.courses-tab{padding:10px 24px;border-radius:12px;border:none;background:transparent;color:#64748b;font-size:18px;font-weight:900;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;position:relative;z-index:1}.tab-inner-content{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.tab-count-badge{background:#ef4444;color:#fff;font-size:11px;font-weight:900;padding:1px 6px;border-radius:20px;margin-left:4px}.courses-tab.active{color:#0f172a}.active-tab-bg-premium{position:absolute;inset:4px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;z-index:0}.tab-count-badge{background:#6366f11a;color:#6366f1;font-size:12px;font-weight:800;padding:2px 8px;border-radius:6px}.topbar-back-btn{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border-radius:12px;border:none;background:transparent;color:#475569;font-size:15px;font-weight:800;cursor:pointer;transition:all .2s;min-width:0;overflow:hidden;flex-shrink:1}.topbar-back-btn:hover{background:#f1f5f9;color:#0f172a}.topbar-icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid #f1f5f9;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.topbar-icon-btn:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.topbar-text-btn{height:40px;padding:0 16px;border-radius:12px;border:1px solid #f1f5f9;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:700}.topbar-text-btn:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.topbar-text-btn-label{white-space:nowrap}.topbar-text-btn.manage-courses-topbar-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none}.topbar-text-btn.manage-courses-topbar-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-color:transparent;box-shadow:0 4px 12px #6366f159}.manage-courses-fab{display:none}.my-courses-page{padding:8px 0 16px;max-width:100%;overflow-x:hidden;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.my-courses-page::-webkit-scrollbar{width:0;height:0;display:none}.my-courses-header{margin-bottom:12px}.my-courses-subtitle{font-size:16px;color:#475569;font-weight:600;margin:0}.my-courses-general-bank{margin:16px 0 8px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.my-courses-general-bank-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:4px 0;color:#94a3b8;font-size:13px;font-weight:500;cursor:pointer;transition:color .15s}.my-courses-general-bank-btn:hover{color:#6366f1}.no-courses-screen{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;max-width:400px;margin:0 auto}.no-courses-icon{font-size:48px;margin-bottom:16px}.no-courses-title{font-size:22px;font-weight:700;color:#1e1b4b;margin:0 0 12px}.no-courses-desc{font-size:14px;color:#6b7280;line-height:1.6;margin:0 0 28px}.no-courses-primary-btn{width:100%;padding:14px;border-radius:14px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:15px;font-weight:700;cursor:pointer;margin-bottom:12px}.no-courses-skip-btn{width:100%;padding:13px;border-radius:14px;border:1.5px dashed #d1d5db;background:none;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:10px;transition:border-color .15s,color .15s}.no-courses-skip-btn:hover{border-color:#9ca3af;color:#374151}.no-courses-skip-hint{font-size:12px;color:#9ca3af;line-height:1.5;margin:0}.my-courses-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;color:#64748b;font-weight:600}.pot-loader{width:40px;height:40px;border:4px solid #f1f5f9;border-top:4px solid var(--dash-primary, #6366f1);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.my-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;width:100%;max-width:100%;box-sizing:border-box}.my-course-card{background:#fff;padding:20px 24px;border-radius:20px;border:1px solid #f1f5f9;display:flex;align-items:center;gap:18px;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);min-width:0;max-width:100%}.my-course-card:hover{border-color:#6366f1;box-shadow:0 8px 24px #6366f11a;transform:translateY(-2px)}.my-course-thumb{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.my-course-thumb-img{width:100%;height:100%;object-fit:contain}.my-course-info{flex:1;min-width:0}.my-course-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;font-size:18px;font-weight:800;color:#0f172a;margin-bottom:6px}.my-course-category{display:block;font-size:15px;color:#94a3b8;font-weight:600;margin-bottom:6px}.my-course-stats{display:flex;gap:8px}.my-course-stat{font-size:14px;font-weight:700;color:#6366f1;background:#6366f114;padding:2px 8px;border-radius:6px}.my-course-stat-questions{background:#10b9811a;color:#059669}.my-course-stat-assessments{background:#f59e0b1f;color:#b45309}.my-course-activity{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.my-course-activity-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;font-size:14px;font-weight:700;white-space:nowrap}.my-course-activity-pill span{line-height:1}.my-course-activity-questions{background:#10b9811f;color:#059669}.my-course-activity-assessments{background:#f59e0b24;color:#b45309}.my-course-activity-taken{background:#6366f11f;color:#4f46e5}.my-course-arrow{color:#cbd5e1;flex-shrink:0;transition:transform .2s,color .2s}.my-course-card:hover .my-course-arrow{transform:translate(4px);color:#6366f1}.add-course-card{border:2px dashed #e2e8f0;background:#fafbfc}.add-course-card:hover{border-color:#6366f1;background:#fff}.add-course-icon-circle{width:56px;height:56px;border-radius:16px;background:#6366f114;color:#6366f1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.course-home{padding:8px 0}.course-home-header{margin-bottom:28px}.course-home-title{font-size:26px;font-weight:900;color:#0f172a;letter-spacing:-.6px;margin:0 0 4px}.course-home-subtitle{font-size:14px;color:#475569;font-weight:600;margin:0}.course-sections-list{display:flex;flex-direction:column;gap:16px}.course-section-card{display:flex;align-items:center;gap:22px;padding:26px 28px;background:#fff;border:1px solid #f1f5f9;border-radius:22px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-align:left;width:100%}.course-section-card:hover{border-color:var(--section-color);box-shadow:0 8px 24px #0000000f}.section-card-icon{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-card-info{flex:1;min-width:0}.section-card-label{display:block;font-size:20px;font-weight:800;color:#0f172a;margin-bottom:4px}.section-card-desc{display:block;font-size:15px;color:#64748b;font-weight:500;line-height:1.4}.section-card-arrow{color:#cbd5e1;flex-shrink:0;transition:transform .2s,color .2s}.course-section-card:hover .section-card-arrow{transform:translate(4px);color:var(--section-color)}.section-card-stat{display:block;font-size:13px;color:#94a3b8;font-weight:600;margin-top:6px}.section-card-nudge{display:inline-flex;align-items:center;margin-top:8px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700}@media(min-width:900px){.course-sections-list{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.my-courses-grid{grid-template-columns:1fr;min-width:0}.my-course-card{width:100%}.course-section-card{padding:22px;gap:18px;border-radius:20px}.section-card-icon{width:54px;height:54px;border-radius:16px}.section-card-label{font-size:18px}.section-card-desc{font-size:14px}}.my-courses-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 20px;background:#fff;border-radius:24px;border:1px solid #f1f5f9}.my-courses-empty h3{font-size:20px;font-weight:800;color:#0f172a;margin:0 0 8px}.my-courses-empty p{font-size:14px;color:#64748b;font-weight:500;margin:0 0 24px;max-width:340px}.go-public-btn{padding:12px 28px;background:#6366f1;color:#fff;border:none;border-radius:14px;font-size:14px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.go-public-btn:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 8px 20px #6366f14d}@media(max-width:768px){.shell-sidebar{transform:translate(-100%)}.shell-sidebar.open{transform:translate(0)}.sidebar-overlay.visible{display:block}.manage-courses-topbar-btn{display:none!important}.manage-courses-fab{display:flex;align-items:center;justify-content:center;gap:6px;position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));right:16px;z-index:900;padding:10px 14px;border-radius:22px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:13px;font-weight:800;font-family:inherit;cursor:pointer;box-shadow:0 4px 16px #6366f159;transition:transform .2s,box-shadow .2s}.manage-courses-fab:hover{transform:scale(1.02);box-shadow:0 6px 20px #6366f173}.manage-courses-fab:active{transform:scale(.98)}.manage-courses-fab-label{white-space:nowrap}.topbar-menu-btn{display:flex}.shell-topbar{padding:0 12px;gap:8px}.topbar-credits-label,.topbar-home-btn{display:none}.shell-content-inner{padding:20px 16px calc(100px + env(safe-area-inset-bottom)) 16px}.courses-tab-bar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100vw!important;display:flex!important;z-index:1000!important;margin:0!important;border-radius:0!important;background:#fffffff0!important;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-top:1px solid rgba(226,232,240,.8);padding:8px 6px calc(14px + env(safe-area-inset-bottom)) 6px!important;gap:0!important;box-sizing:border-box!important;box-shadow:0 -10px 30px #0000001a;justify-content:space-around!important;align-items:center!important}.courses-tab{flex:1!important;height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;background:transparent!important;border:none!important;padding:0!important}.tab-inner-content{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;width:100%!important}.courses-tab span{font-size:13px!important;font-weight:900!important;line-height:1!important}.courses-tab.active{color:#6366f1!important}.active-tab-bg-premium{position:absolute!important;inset:6px 12px;background:#6366f114;border-radius:16px;z-index:0}.tab-count-badge{position:absolute!important;top:2px;left:calc(50% + 4px);margin:0!important;border:2px solid white!important;font-size:10px!important;padding:0 4px!important}}html{width:100%;max-width:100vw;overflow-x:hidden}body{width:100%;max-width:100%;overflow-x:hidden;margin:0;padding:0}#root{width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}#root::-webkit-scrollbar{display:none}.App{width:100%;min-height:100vh}.phone-input-container{display:flex!important;align-items:center!important;width:100%!important;max-width:100%!important;min-width:0!important;height:60px!important;background:#fcfdfe!important;border:2px solid #f1f5f9!important;border-radius:20px!important;overflow:hidden!important;position:relative!important;margin-top:4px!important;box-sizing:border-box!important}.country-prefix{display:flex!important;align-items:center!important;justify-content:center!important;padding:0 14px 0 16px!important;font-weight:800!important;font-size:18px!important;color:#4f46e5!important;white-space:nowrap!important;position:relative!important;height:100%!important;border-right:1.5px solid #e2e8f0!important;flex-shrink:0!important;width:64px!important;min-width:64px!important;box-sizing:border-box!important}.country-prefix:before{content:"+"!important;margin-right:2px!important}.phone-field{flex:1 1 0%!important;min-width:0!important;border:none!important;background:transparent!important;height:100%!important;padding:0 16px!important;font-size:20px!important;font-weight:800!important;color:#0f172a!important;outline:none!important;box-shadow:none!important}.logo-white-box{background:#fff!important;border-radius:24px!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 12px 24px #0000000f!important;z-index:10!important;position:relative!important;overflow:visible!important}.secure-avatar{width:65%!important;height:65%!important;object-fit:contain!important}:root{--dash-bg: #f8fafc;--dash-card: #ffffff;--dash-primary: #6366f1;--dash-accent: #8b5cf6;--dash-text: #0f172a;--dash-muted: #64748b;--dash-border: #f1f5f9;--dash-glow: rgba(99, 102, 241, .15)}.dashboard-container{min-height:100vh;background:var(--dash-bg);padding:0 0 100px;font-family:var(--font-family)}.dash-header{position:sticky;top:0;z-index:100;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 20px;display:flex;flex-direction:column;gap:16px;border-bottom:1px solid var(--dash-border)}.user-profile-bar{display:flex;justify-content:space-between;align-items:center}.brand-section{display:flex;align-items:center;gap:10px}.brand-logo-mini{width:32px;height:32px;border-radius:8px}.brand-name{font-size:20px;font-weight:800;letter-spacing:-.5px;color:var(--dash-text)}.user-avatar-circle{width:38px;height:38px;border-radius:50%;background:var(--dash-glow);border:2px solid white;display:flex;align-items:center;justify-content:center;color:var(--dash-primary);font-weight:700;box-shadow:0 4px 12px #0000000d}.search-wrapper{position:relative;width:100%}.search-input{width:100%;height:48px;background:#f1f5f9;border:1.5px solid transparent;border-radius:14px;padding:0 16px 0 44px;font-size:15px;font-weight:600;color:var(--dash-text);outline:none;transition:all .2s ease}.search-input::placeholder{font-weight:400}.search-input:focus{background:#fff;border-color:var(--dash-primary);box-shadow:0 4px 20px -5px var(--dash-glow)}.search-icon-dash{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--dash-muted)}.search-filter-group-dash{display:flex;gap:12px;width:100%}.category-selector-btn{display:flex;align-items:center;gap:8px;padding:0 16px;height:48px;background:#fff;border:1px solid var(--dash-border);border-radius:14px;font-size:14px;font-weight:700;color:var(--dash-text);cursor:pointer;transition:all .2s ease;max-width:160px;white-space:nowrap}.category-selector-btn:hover{border-color:var(--dash-primary);background:#f8fafc}.category-selector-btn.has-selection{background:var(--dash-primary);border-color:var(--dash-primary);color:#fff}.preview-btn-dash{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;color:#475569;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.preview-btn-dash:hover{background:#fff;border-color:#cbd5e1;color:#0f172a;box-shadow:0 4px 12px #0000000d}.share-btn-dash{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;color:#475569;cursor:pointer;transition:all .2s}.share-btn-dash:hover{background:#6366f1;border-color:#6366f1;color:#fff;box-shadow:0 4px 12px #6366f133}.dash-course-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;border:none;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,color .2s;font-family:inherit}.dash-course-action-btn:disabled{opacity:.7;cursor:not-allowed}.dash-course-action-btn.action-remove{background:#64748b1f;color:#475569}.dash-course-action-btn.action-remove:hover:not(:disabled){background:#64748b33;color:#0f172a}.dash-course-action-btn.action-delete{background:#ef44441f;color:#b91c1c}.dash-course-action-btn.action-delete:hover:not(:disabled){background:#ef444433;color:#991b1b}.dash-course-action-btn-icon-only{padding:8px;min-width:36px}.dash-course-action-btn-icon-only span{display:none}.dash-confirm-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.dash-confirm-dialog{background:#fff;border-radius:20px;padding:28px;min-width:280px;max-width:420px;width:100%;max-height:85vh;box-sizing:border-box;box-shadow:0 20px 60px #0003;overflow-y:auto}.dash-confirm-dialog-inner{display:flex;flex-direction:column;gap:16px;min-height:0}.dash-confirm-title{font-size:20px;font-weight:800;color:#0f172a;margin:0;flex-shrink:0}.dash-confirm-message{font-size:15px;color:#64748b;line-height:1.5;margin:0;word-wrap:break-word;overflow-wrap:break-word;flex-shrink:0}.dash-confirm-actions{display:flex;flex-direction:row;gap:12px;justify-content:flex-end;margin-top:8px;flex-wrap:nowrap;flex-shrink:0}@media(max-width:480px){.dash-confirm-dialog{padding:24px 20px}.dash-confirm-title{font-size:18px}.dash-confirm-message{font-size:14px}.dash-confirm-actions{flex-direction:column;justify-content:stretch;margin-top:4px}.dash-confirm-btn{width:100%;display:flex;align-items:center;justify-content:center}}.dash-confirm-btn{padding:12px 20px;border-radius:12px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;border:none;transition:background .2s,color .2s}.dash-confirm-cancel{background:#f1f5f9;color:#475569}.dash-confirm-cancel:hover{background:#e2e8f0;color:#0f172a}.dash-confirm-remove{background:#64748b26;color:#475569}.dash-confirm-remove:hover{background:#64748b40;color:#0f172a}.dash-confirm-delete{background:#dc2626;color:#fff}.dash-confirm-delete:hover{background:#b91c1c}.workspace-counter-header{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#ecfdf5;border:1px solid #10b981;border-radius:99px;font-size:13px;font-weight:800;color:#047857}.workspace-dot{width:6px;height:6px;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.nav-home-btn{padding:8px 16px;background:#fff;border:1px solid var(--dash-border);border-radius:10px;font-size:14px;font-weight:700;color:var(--dash-text);cursor:pointer;transition:all .2s ease}.nav-home-btn:hover{background:var(--dash-bg);border-color:var(--dash-primary);color:var(--dash-primary)}.cat-btn-text{overflow:hidden;text-overflow:ellipsis;flex:1}.cat-arrow{flex-shrink:0;opacity:.5}.category-modal{width:90%;max-width:440px;max-height:80vh;background:#fff;border-radius:28px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--dash-border)}.cat-modal-header{padding:24px;border-bottom:1px solid var(--dash-border);display:flex;justify-content:space-between;align-items:center}.cat-modal-title-row{display:flex;align-items:center;gap:14px}.cat-modal-icon-bg{width:44px;height:44px;background:var(--dash-glow);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--dash-primary)}.cat-modal-title{font-size:18px;font-weight:900;color:var(--dash-text);margin:0}.cat-modal-subtitle{font-size:12px;color:var(--dash-muted);font-weight:600;margin:2px 0 0}.cat-modal-close{width:36px;height:36px;border-radius:50%;border:none;background:#f1f5f9;color:var(--dash-muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.cat-modal-search{padding:16px 24px;position:relative;background:#f8fafc}.cat-search-icon{position:absolute;left:40px;top:50%;transform:translateY(-50%);color:var(--dash-muted);pointer-events:none}.cat-search-input{width:100%;height:44px;background:#fff;border:1px solid var(--dash-border);border-radius:12px;padding:0 16px 0 44px;font-size:14px;font-weight:600;outline:none;transition:all .2s}.cat-search-input:focus{border-color:var(--dash-primary);box-shadow:0 0 0 4px var(--dash-glow)}.cat-modal-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:4px}.cat-modal-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:12px;border:none;background:transparent;cursor:pointer;transition:all .2s;text-align:left}.cat-modal-item:hover{background:#f8fafc}.cat-modal-item.selected{background:var(--dash-glow);color:var(--dash-primary)}.cat-item-name{font-size:15px;font-weight:700}.cat-empty{padding:32px;text-align:center;color:var(--dash-muted);font-size:14px}.dash-content{padding:20px 20px 40px}.section-header-interactive{margin-bottom:24px}.section-label{font-size:18px;font-weight:800;color:var(--dash-text);margin-bottom:16px;display:flex;align-items:center;gap:8px}.section-guide-text{font-size:14px;font-weight:600;color:var(--dash-muted);margin-top:-12px}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.course-card-premium.is-added{border-color:var(--dash-primary);background:var(--dash-glow);box-shadow:0 8px 20px -8px var(--dash-glow)}.course-logo-fallback{width:48px;height:48px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--dash-primary);border:1.5px solid var(--dash-border);box-shadow:0 12px 20px -8px #6366f133;position:relative;z-index:2}.course-logo-fallback:after{content:"";position:absolute;inset:-4px;background:var(--dash-glow);border-radius:24px;z-index:-1;filter:blur(8px)}.stat-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;background:#f1f5f9;border-radius:6px;font-size:13px;font-weight:600;line-height:1;color:var(--dash-muted);text-align:center}.added-indicator-overlay{position:absolute;top:10px;right:10px;width:26px;height:26px;background:var(--dash-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f166;border:2px solid white;z-index:10}.selection-bar{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#0f172a;padding:12px 24px;border-radius:100px;display:flex;align-items:center;gap:20px;box-shadow:0 20px 40px #0003;z-index:1000;color:#fff;min-width:280px;justify-content:space-between}.selection-count{font-size:14px;font-weight:700}.proceed-btn-dash{background:var(--dash-primary);border:none;padding:10px 24px;border-radius:100px;color:#fff;font-weight:800;font-size:14px;cursor:pointer;transition:all .2s ease}.proceed-btn-dash:active{transform:scale(.95)}.course-card-premium{background:#fff;border-radius:24px;overflow:hidden;border:1px solid var(--dash-border);display:flex;flex-direction:column;transition:all .2s ease;cursor:pointer;position:relative;box-shadow:0 4px 16px #0000000a}.course-card-premium:active{transform:scale(.98)}.card-thumb-container{width:100%;aspect-ratio:2.8;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-thumb-container:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#ffffff1a,#0000000d);pointer-events:none}.course-thumb-img{width:100%;height:100%;object-fit:cover}.cat-badge-abs{position:absolute;bottom:8px;left:8px;padding:2px 8px;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:6px;font-size:10px;font-weight:600;letter-spacing:.3px;border:1px solid rgba(255,255,255,.3);text-shadow:0 1px 2px rgba(0,0,0,.1)}.course-info{padding:14px;display:flex;flex-direction:column;justify-content:space-between;min-height:135px;background:#fff}.course-info-main{display:flex;flex-direction:column;gap:8px}.course-name-dash{font-size:17px;font-weight:900;color:var(--dash-text);line-height:1.25;min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:2px}.course-stats-dash{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--dash-muted);margin-top:2px}.dot-sep{width:3px;height:3px;border-radius:50%;background:#cbd5e1}.course-action-trigger{margin-top:auto;padding-top:12px;border-top:1px solid var(--dash-border);display:flex;justify-content:space-between;align-items:center}.preview-trigger-container{margin-top:14px}.preview-btn-dash{width:100%;padding:10px;border-radius:12px;border:1px solid var(--dash-border);background:transparent;color:var(--dash-text);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease}.preview-btn-dash:hover{background:#f8fafc;border-color:var(--dash-primary);color:var(--dash-primary);box-shadow:0 4px 12px #6366f11a}.drawer-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;justify-content:flex-end}.preview-drawer{width:100%;max-width:500px;height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:-10px 0 40px #00000026}.drawer-header{padding:24px;border-bottom:1px solid var(--dash-border);display:flex;justify-content:space-between;align-items:center}.drawer-title-area{display:flex;flex-direction:column;gap:2px;flex:1}.drawer-title{font-size:20px;font-weight:900;color:var(--dash-text);margin:0}.drawer-subtitle{font-size:12px;color:var(--dash-muted);font-weight:600}.drawer-actions-top{display:flex;align-items:center;gap:12px}.edit-toggle-btn,.close-drawer-btn{width:36px;height:36px;border-radius:10px;border:none;background:#f1f5f9;color:var(--dash-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.edit-toggle-btn:hover{background:var(--dash-glow);color:var(--dash-primary)}.close-drawer-btn:hover{background:#fee2e2;color:#ef4444}.drawer-body{flex:1;overflow-y:auto;padding:24px}.syllabus-preview-list{display:flex;flex-direction:column;gap:16px}.preview-section-title{font-size:13px;font-weight:800;color:var(--dash-muted);display:flex;align-items:center;gap:8px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.preview-subject-card{background:#f8fafc;border-radius:16px;padding:16px;border:1px solid var(--dash-border)}.preview-subject-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview-subj-name{font-size:15px;font-weight:800;color:var(--dash-text)}.preview-topic-tags{display:flex;flex-wrap:wrap;gap:8px}.topic-tag-preview{padding:4px 10px;background:#fff;border:1px solid var(--dash-border);border-radius:8px;font-size:12px;color:var(--dash-text);font-weight:600}.edit-course-input,.edit-subject-input{width:100%;padding:8px 12px;border:2px solid var(--dash-primary);border-radius:8px;font-size:18px;font-weight:800;color:var(--dash-text);outline:none;background:#fff}.edit-subject-input{font-size:14px}.del-stat-btn{width:28px;height:28px;border-radius:8px;border:none;background:#fee2e2;color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer}.drawer-footer{padding:24px;border-top:1px solid var(--dash-border);display:flex;gap:12px}.cancel-drawer-btn{flex:1;padding:12px;border-radius:12px;border:1px solid var(--dash-border);background:#fff;font-weight:800;cursor:pointer}.save-workspace-btn{flex:2;padding:12px;border-radius:12px;border:none;background:var(--dash-primary);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 20px -5px #6366f166}.edit-topic-pill{display:flex;align-items:center;gap:6px;background:#fff}.edit-topic-input-inline{border:none;outline:none;background:transparent;font-size:12px;font-weight:600;color:var(--dash-text);width:80px;min-width:40px}.del-topic-btn-inline{width:16px;height:16px;border-radius:4px;border:none;background:#fee2e2;color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.del-topic-btn-inline:hover{background:#ef4444;color:#fff}.add-topic-pill-btn{padding:4px 10px;background:transparent;border:1px dashed var(--dash-border);border-radius:8px;font-size:11px;color:var(--dash-muted);font-weight:700;display:flex;align-items:center;gap:4px;cursor:pointer;transition:all .2s}.add-topic-pill-btn:hover{border-color:var(--dash-primary);color:var(--dash-primary);background:var(--dash-glow)}.add-subject-full-btn{width:100%;padding:16px;background:#fff;border:2px dashed var(--dash-border);border-radius:16px;color:var(--dash-muted);font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s;margin-top:8px}.add-subject-full-btn:hover{border-color:var(--dash-primary);color:var(--dash-primary);background:var(--dash-glow)}.preview-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--dash-muted)}.pot-loader{width:40px;height:40px;border:4px solid #f1f5f9;border-top:4px solid var(--dash-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.generate-card{background:#fff!important;border:2px dashed var(--dash-border)!important;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .2s ease;min-height:0}.generate-card-thumb{width:100%;aspect-ratio:2.8;background:linear-gradient(135deg,#6366f114,#8b5cf614)}.generate-card-body{padding:14px;min-height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.generate-card:hover{border-color:var(--dash-primary)!important;background:var(--dash-glow)!important}.generate-card:active{transform:scale(.98)}.magic-icon-circle-outline{width:44px;height:44px;background:#fff;border:2px dashed var(--dash-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--dash-primary)}.generate-label-small{font-size:13px;font-weight:700;color:var(--dash-muted);margin-bottom:4px}.generate-label{font-size:15px;font-weight:800;color:var(--dash-primary);line-height:1.2}.fade-in-up{animation:fadeInUp .4s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state-dash{padding:80px 40px;text-align:center;background:#fff;border-radius:32px;border:1px solid var(--dash-border);margin-top:20px;display:flex;flex-direction:column;align-items:center}@media(min-width:768px){.course-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.dash-header{flex-direction:row;align-items:center;justify-content:space-between;padding:20px 40px}.search-wrapper{max-width:400px}.dash-content{padding:40px 40px 60px}}.success-gratification-panel{background:#fff;padding:40px;border-radius:40px;box-shadow:0 30px 60px -12px #00000040;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;width:90%;position:relative;overflow:visible}.success-icon-wrapper{width:100px;height:100px;background:linear-gradient(135deg,var(--dash-primary),var(--dash-accent));border-radius:35px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:24px;box-shadow:0 20px 40px -10px var(--dash-glow)}.success-title{font-size:28px;font-weight:900;color:var(--dash-text);margin:0 0 12px}.success-message{font-size:16px;color:var(--dash-muted);font-weight:600;line-height:1.5;margin:0}.success-confetti-lite{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.confetti-shard{position:absolute;width:10px;height:10px;border-radius:2px}.category-filter-scroll{padding:0 40px 30px}.share-money-modal{padding:0!important}.share-modal-body{padding:24px}.price-input-section{margin-bottom:24px}.price-input-section label{display:block;font-size:13px;font-weight:800;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.money-input-wrapper{display:flex;align-items:center;gap:12px;padding:0 16px;height:56px;background:#f8fafc;border-radius:16px;border:2px solid #f1f5f9;color:#10b981;transition:all .2s}.money-input-wrapper:focus-within{background:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.money-input-wrapper input{background:transparent;border:none;outline:none;font-size:20px;font-weight:900;color:#0f172a;width:100%}.qr-section-premium{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;background:#fff;border:1px solid #f1f5f9;border-radius:20px;margin-bottom:24px;background:linear-gradient(180deg,#fff,#f9fafb)}.qr-box{position:relative;padding:16px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000000f}.qr-icon-large{color:#0f172a}.qr-overlay-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:#fff;padding:4px;border-radius:8px;box-shadow:0 4px 10px #0000001a}.qr-overlay-logo img{width:100%;height:100%}.qr-hint{font-size:13px;font-weight:600;color:#64748b}.link-section-premium{background:#f1f5f9;padding:12px;border-radius:14px}.share-link-box{display:flex;gap:10px}.share-link-box input{flex:1;background:transparent;border:none;outline:none;font-size:13px;font-weight:500;color:#475569}.share-link-box button{width:36px;height:36px;background:#fff;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#6366f1;cursor:pointer;box-shadow:0 2px 6px #0000000d;transition:all .2s}.share-link-box button:hover{background:#6366f1;color:#fff}.legal-page{min-height:100vh;background:var(--bg-light, #f8fafc);font-family:var(--font-family, "Outfit", sans-serif)}.legal-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-bottom:1px solid #e2e8f0}.legal-back{display:flex;align-items:center;justify-content:center;color:#64748b;text-decoration:none}.legal-back:hover{color:#6366f1}.legal-title{margin:0;font-size:20px;font-weight:700;color:#0f172a}.legal-content{max-width:640px;margin:0 auto;padding:24px 20px 48px}.legal-intro{font-size:15px;color:#475569;line-height:1.6;margin-bottom:24px}.legal-section{margin-bottom:24px}.legal-section-title{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 8px}.legal-section-text{font-size:14px;color:#475569;line-height:1.6;margin:0}.legal-footer-note{font-size:13px;color:#94a3b8;margin-top:32px;padding:12px;background:#f1f5f9;border-radius:12px}.legal-back-link{display:inline-block;margin-top:24px;font-size:14px;font-weight:600;color:#6366f1;text-decoration:none}.legal-back-link:hover{text-decoration:underline}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.solution-uploader{margin-top:20px;padding:20px;background:linear-gradient(135deg,#fefce8,#fef3c7);border:1px solid #fde68a;border-radius:16px;animation:su-fadeInUp .3s ease}.solution-uploader.solution-image-display{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}@keyframes su-fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.solution-uploader-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#92400e;margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px}.solution-image-display .solution-uploader-header{color:#166534}.solution-uploader-icon{color:#d97706;flex-shrink:0}.solution-uploader-icon.success{color:#16a34a}.solution-uploader-actions{display:flex;gap:10px;flex-wrap:wrap}.solution-action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:all .2s ease;flex-shrink:0}.solution-action-btn.text-btn{background:#fff;color:#1e293b;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f}.solution-action-btn.text-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 8px #00000014}.solution-action-btn.upload-btn{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;box-shadow:0 2px 8px #6366f14d}.solution-action-btn.upload-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#6366f1);transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.solution-action-btn.upload-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.solution-action-btn .animate-spin{animation:su-spin 1s linear infinite}@keyframes su-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.solution-image-container{border-radius:12px;overflow:hidden;border:1px solid #d1fae5;background:#fff}.solution-image-container .solution-image{display:block;width:100%;height:auto;max-height:600px;object-fit:contain}.solution-image-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px;color:#64748b;font-size:13px;font-weight:600}.solution-upload-feedback{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600;animation:su-fadeInUp .2s ease}.solution-upload-feedback.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.solution-upload-feedback.success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.question-bank-container{padding:0;font-family:Outfit,sans-serif}.qb-lobby{padding:24px 20px 48px}.qb-lobby-content{width:100%;max-width:640px;margin:0 auto}@media(max-width:768px){.qb-lobby{padding:16px 10px 40px}.qb-stat-total{font-size:28px}}@media(max-width:480px){.qb-lobby{padding:12px 8px 32px}}.qb-lobby-header{margin-bottom:32px;text-align:center}.lobby-sparkle{color:#6366f1;margin-bottom:12px}.qb-lobby-header h1{font-size:28px;font-weight:900;color:#0f172a;letter-spacing:-.5px;margin-bottom:6px}.qb-lobby-header p{font-size:15px;color:#64748b;font-weight:500}.qb-stat-card{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;padding:20px 20px 18px;margin-bottom:12px;cursor:pointer;transition:box-shadow .2s,transform .2s;box-shadow:0 4px 20px #6366f140}.qb-stat-card:hover{box-shadow:0 8px 32px #6366f159;transform:translateY(-2px)}.qb-stat-main{display:flex;align-items:center;gap:14px;margin-bottom:14px}.qb-stat-icon{width:40px;height:40px;border-radius:12px;background:#ffffff26;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.qb-stat-count-block{flex:1;display:flex;align-items:baseline;gap:8px;min-width:0}.qb-stat-total{font-size:32px;font-weight:900;color:#fff;line-height:1;letter-spacing:-.5px}.qb-stat-label{font-size:14px;color:#ffffffa6;font-weight:600}.qb-stat-chevron{color:#ffffff73;flex-shrink:0}.qb-stat-main:last-child{margin-bottom:0}.qb-stat-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.qb-stat-pill{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.qb-stat-pill.easy{background:#ffffff2e;color:#bbf7d0}.qb-stat-pill.medium{background:#ffffff2e;color:#fde68a}.qb-stat-pill.hard{background:#ffffff2e;color:#fecaca}.qb-stat-types{display:flex;flex-wrap:wrap;gap:0}.qb-stat-type{font-size:12px;color:#ffffff8c;font-weight:600}.qb-stat-type+.qb-stat-type:before{content:" · ";color:#ffffff4d}.qb-upload-card{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:16px 18px;margin-bottom:28px;cursor:pointer;transition:all .2s}.qb-upload-card:hover{border-color:#6366f1;box-shadow:0 4px 16px #6366f114}.qb-upload-card-icon{width:36px;height:36px;border-radius:10px;background:#6366f114;color:#6366f1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qb-upload-card-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.qb-upload-card-title{font-size:14px;font-weight:700;color:#0f172a}.qb-upload-card-sub{font-size:12px;color:#94a3b8;font-weight:500}.qb-upload-card .qb-stat-chevron{color:#cbd5e1;flex-shrink:0}.qb-lobby-hint{font-size:14px;color:#94a3b8;text-align:center;max-width:420px;margin:-8px auto 24px}.qb-lobby-empty-link{background:none;border:none;padding:0;font:inherit;color:#6366f1;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.qb-lobby-empty-link:hover{color:#4f46e5}@media(min-width:769px){.qb-lobby-header p{font-size:19px}.qb-lobby-hint{font-size:15px}.qb-upload-course-target .course-target-label{font-size:13px}.qb-upload-course-target .course-target-hint{font-size:14px}.qb-dropzone-large p{font-size:18px}.saved-course-change{font-size:16px}.qb-step-course .step-header p,.qb-camera-label{font-size:18px}.qb-camera-btn{font-size:16px;padding:12px 20px}}.qb-lobby-jobs{width:100%}.lobby-section-title{font-size:14px;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.lobby-jobs-list{display:flex;flex-direction:column;gap:8px}.lobby-job-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border-radius:14px;border:1px solid #f1f5f9;transition:all .15s}.lobby-job-card.processing{border-left:3px solid #6366f1;cursor:pointer}.lobby-job-card.processing:hover{background:#fafafe}.lobby-job-card.completed{border-left:3px solid #10b981}.lobby-job-card.failed{border-left:3px solid #f43f5e}.lobby-job-left{display:flex;align-items:center;gap:12px;min-width:0}.lobby-job-card.processing .lobby-job-left{color:#6366f1}.lobby-job-card.completed .lobby-job-left{color:#10b981}.lobby-job-card.failed .lobby-job-left{color:#f43f5e}.lobby-job-info{display:flex;flex-direction:column;min-width:0}.lobby-job-name{font-size:14px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-job-time{font-size:12px;color:#94a3b8;font-weight:500}.lobby-job-status{font-size:12px;font-weight:800;padding:4px 10px;border-radius:8px;flex-shrink:0}.lobby-job-status.processing{color:#6366f1;background:#eef2ff}.lobby-job-status.completed{color:#10b981;background:#ecfdf5}.lobby-job-status.failed{color:#f43f5e;background:#fef2f2}.lobby-job-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.lobby-job-delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#94a3b8;cursor:pointer;transition:all .2s}.lobby-job-delete:hover{background:#fef2f2;color:#f43f5e}@media(max-width:480px){.lobby-job-card{padding:10px 12px}.lobby-job-time{display:none}.lobby-job-status{font-size:11px;padding:3px 8px}.lobby-job-name{max-width:120px}}.qb-workflow-view{display:flex;flex-direction:column;min-height:0;padding-top:10px}.step-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.upload-nav-row{display:flex;justify-content:flex-end;margin-bottom:20px}.qb-nav-text-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#6366f1;font-weight:800;font-size:14px;cursor:pointer;padding:8px 12px;border-radius:12px;transition:all .2s}.qb-nav-text-btn:hover{background:#eef2ff}.qb-header-left{display:flex;align-items:center;gap:16px;min-width:0}.qb-back-btn{width:40px;height:40px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;flex-shrink:0;transition:all .2s}.qb-back-btn:hover{background:#f1f5f9;color:#0f172a}.qb-title{font-size:20px;font-weight:900;color:#0f172a;letter-spacing:-.5px;margin-bottom:2px}.qb-subtitle{color:#94a3b8;font-size:13px;font-weight:600}.qb-actions{display:flex;gap:8px;flex-shrink:0}.qb-action-toggle{padding:8px 16px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s;color:#64748b}.qb-action-toggle.active{background:#0f172a;color:#fff;border-color:#0f172a}.qb-content-layout{padding:0;flex:1;display:flex;flex-direction:column;width:100%;margin:0;overflow:hidden;min-width:0}.qb-content-layout.bank-mode{background:transparent;padding:0}.qb-full-upload-view{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:16px;padding:24px 4px 40px}@media(max-width:768px){.qb-full-upload-view{padding:20px 10px 40px}.qb-saved-course{padding:10px 14px}.qb-dropzone-large{padding:48px 20px}}@media(max-width:480px){.qb-full-upload-view{padding:16px 8px 32px}.qb-saved-course{padding:8px 12px}.qb-dropzone-large{padding:40px 16px}.qb-dropzone-large h3{font-size:17px}}.qb-dropzone-large{border:2px dashed #e2e8f0;border-radius:24px;padding:64px 32px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .2s;background:#f8fafc;text-align:center;color:#94a3b8}.qb-dropzone-large:hover,.qb-dropzone-large.dragging{border-color:#6366f1;background:#f5f3ff;color:#6366f1}.qb-dropzone-large h3{font-size:18px;font-weight:900;color:#0f172a;margin:0}.qb-dropzone-large p{font-size:14px;color:#64748b;font-weight:500;margin:0}.qb-camera-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:12px 0 4px}.qb-camera-label{font-size:14px;color:#64748b;font-weight:500}.qb-camera-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:14px;border:1px solid #e2e8f0;background:#fff;color:#6366f1;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.qb-camera-btn:hover{border-color:#6366f1;background:#f5f3ff}.qb-camera-btn:active{transform:scale(.98)}.qb-camera-input-hidden{position:absolute!important;width:.1px!important;height:.1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important}.qb-crop-fullscreen{position:fixed;inset:0;z-index:1200;background:#000;display:flex;flex-direction:column}.qb-crop-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:12px;flex-shrink:0;z-index:10}.qb-crop-topbar-title{display:flex;flex-direction:column;align-items:center;text-align:center}.qb-crop-topbar-title span:first-child{font-size:16px;font-weight:700;color:#fff}.qb-crop-topbar-hint{font-size:11px;color:#94a3b8}.qb-crop-back-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:#94a3b8;font-size:14px;font-weight:500;cursor:pointer;padding:6px 8px;border-radius:8px;white-space:nowrap}.qb-crop-back-btn:hover{color:#fff}.qb-crop-done-btn{background:#6366f1;color:#fff;border:none;border-radius:10px;padding:8px 20px;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap}.qb-crop-done-btn:hover{background:#4f46e5}.qb-crop-area-fullscreen{position:relative;flex:1;overflow:hidden}.qb-crop-bottombar{padding:12px 20px 20px;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:10px;flex-shrink:0}.qb-crop-hint{margin:0;font-size:12px;color:#94a3b8;text-align:center}.qb-camera-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.qb-camera-modal{background:#fff;border-radius:20px;overflow:hidden;max-width:420px;width:100%;box-shadow:0 20px 50px #0003}.qb-camera-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.qb-camera-modal-header h3{margin:0;font-size:18px;font-weight:700;color:#0f172a}.qb-camera-modal-close{background:none;border:none;padding:4px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center}.qb-camera-video-wrap{position:relative;width:100%;aspect-ratio:4/3;background:#000}.qb-camera-video-wrap video{width:100%;height:100%;object-fit:cover;display:block}.qb-camera-error{position:absolute;bottom:0;left:0;right:0;margin:0;padding:12px 16px;background:#000c;color:#fef2f2;font-size:13px}.qb-camera-modal-actions{display:flex;flex-direction:column;gap:10px;padding:16px 20px}.qb-camera-modal-actions .qb-primary-btn{width:100%;justify-content:center}.qb-camera-choose-btn{background:none;border:none;color:#6366f1;font-size:14px;font-weight:600;cursor:pointer;padding:8px;font-family:inherit}.qb-camera-cancel-btn{background:none;border:none;color:#64748b;font-size:14px;cursor:pointer;padding:8px;font-family:inherit}.qb-upload-card p{font-size:14px;color:#64748b;margin-bottom:24px}.qb-course-list-compact{display:flex;flex-direction:column;gap:8px}.qb-course-list-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all .15s;text-align:left;width:100%;font-family:inherit}.qb-course-list-item:hover{border-color:#6366f1;background:#fafafe}.qb-course-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.qb-course-list-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.qb-course-list-name{font-size:15px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qb-course-list-cat{font-size:12px;color:#94a3b8;font-weight:500}.qb-course-list-arrow{color:#cbd5e1;flex-shrink:0}.qb-pick-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qb-pick-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:18px;cursor:pointer;transition:all .2s;font-family:inherit;color:#0f172a}.qb-pick-btn:hover{border-color:#6366f1;background:#f5f3ff;color:#6366f1}.qb-pick-btn span{font-size:15px;font-weight:700}.qb-pick-btn small{font-size:12px;color:#94a3b8;font-weight:500}.qb-pick-btn:hover small{color:#a5b4fc}.qb-dropzone-desktop{display:none!important}@media(min-width:769px){.qb-pick-row{display:none}.qb-dropzone-desktop{display:flex!important}}.qb-add-more-btn{background:none;border:1.5px dashed #cbd5e1;border-radius:12px;padding:10px 16px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;font-family:inherit;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.qb-add-more-btn:hover{border-color:#6366f1;color:#6366f1;background:#f5f3ff}.qb-step-course{width:100%}.qb-no-course-section{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px}.qb-no-course-btn{background:none;border:1.5px dashed #d1d5db;border-radius:10px;padding:11px 16px;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:border-color .15s,color .15s}.qb-no-course-btn:hover{border-color:#9ca3af;color:#374151}.qb-no-course-hint{font-size:12px;color:#9ca3af;line-height:1.5;margin:0}.step-header{margin-bottom:24px}.step-header h2{font-size:24px;font-weight:900;color:#0f172a;letter-spacing:-.5px;margin-bottom:4px}.step-header p{font-size:14px;color:#64748b;font-weight:500}.qb-course-search{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:0 14px;margin-bottom:16px;color:#94a3b8}.qb-course-search input{border:none;background:transparent;padding:12px 0;font-size:14px;font-weight:500;width:100%;outline:none}.qb-course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:2px}.qb-saved-course{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:16px;box-shadow:0 4px 14px #6366f133}.saved-course-info{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:14px}.saved-course-change{background:#ffffff26;border:none;color:#fff;font-weight:700;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .15s}.saved-course-change:hover{background:#ffffff40}.qb-upload-course-target .saved-course-info{flex-direction:column;align-items:flex-start;gap:4px}.qb-upload-course-target .course-target-text{display:flex;flex-direction:column;gap:4px}.qb-upload-course-target .course-target-row{display:flex;align-items:baseline;gap:6px}.qb-upload-course-target .course-target-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#ffffffb3}.qb-upload-course-target .course-target-name{font-size:16px;font-weight:800;color:#fff}.qb-upload-course-target .course-target-hint{font-size:12px;font-weight:500;color:#ffffffa6}.qb-upload-error{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#b91c1c;font-size:14px;font-weight:600}.qb-mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px}.qb-mode-option{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 10px;border-radius:12px;border:1.5px solid #e0e7ff;background:#f8f9ff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.qb-mode-option:hover{border-color:#6366f1;background:#eef2ff}.qb-mode-option.qb-mode-active{border-color:#6366f1;background:linear-gradient(135deg,#eef2ff,#f5f3ff);box-shadow:0 2px 8px #6366f126}.qb-mode-name{font-size:14px;font-weight:700;color:#1e1b4b}.qb-mode-active .qb-mode-name{color:#4f46e5}.qb-mode-cost{font-size:12px;color:#6b7280;font-weight:500}.qb-mode-active .qb-mode-cost{color:#6366f1}.qb-upload-warn{padding:12px 16px;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;color:#92400e;font-size:13px;font-weight:600}.qb-duplicate-warning{padding:16px;background:#fffbeb;border:1.5px solid #f59e0b;border-radius:14px;display:flex;flex-direction:column;gap:12px}.qb-dup-text{display:flex;flex-direction:column;gap:4px}.qb-dup-text strong{font-size:14px;font-weight:800;color:#92400e}.qb-dup-text span{font-size:13px;color:#78350f;font-weight:500;line-height:1.4}.qb-dup-actions{display:flex;gap:10px}.qb-dup-proceed-btn{flex:1;padding:10px;background:#f59e0b;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s}.qb-dup-proceed-btn:hover{background:#d97706}.qb-dup-cancel-btn{flex:1;padding:10px;background:#fff;color:#78350f;border:1.5px solid #fde68a;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}.qb-dup-cancel-btn:hover{background:#fef3c7}.lobby-job-dedup-note{color:#7c3aed;font-size:12px;font-weight:500}.lobby-job-fail-reason{font-size:12px;color:#f43f5e;font-weight:600}.qb-step-upload{display:flex;flex-direction:column;gap:16px;width:100%}.qb-dropzone{border:2px dashed #e2e8f0;border-radius:20px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .2s;background:#f8fafc;margin-bottom:20px;text-align:center}.qb-dropzone:hover{border-color:#6366f1;background:#f5f3ff}.qb-dropzone span{font-size:13px;font-weight:700;color:#64748b}.qb-file-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;text-align:left}.qb-file-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f1f5f9;border-radius:12px}.qb-file-item button{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px}.qb-file-info{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#475569;min-width:0}.qb-file-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qb-primary-btn{width:100%;padding:16px;border-radius:16px;background:#6366f1;color:#fff;border:none;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s}.qb-primary-btn:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px);box-shadow:0 8px 20px #6366f14d}.qb-primary-btn:disabled{opacity:.5;cursor:not-allowed}.qb-bank-view-modern{display:flex;flex-direction:column;gap:20px;position:relative}.bank-sticky-header{background:#fff;padding:8px 0 20px;border-bottom:1px solid #f1f5f9;margin-bottom:8px;position:sticky;top:0;z-index:50;transition:all .3s}.bank-header-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.bank-header-left{display:flex;align-items:center;gap:16px}.bank-icon-btn.lobby-btn{border-color:transparent;background:#f8fafc;color:#0f172a}.bank-icon-btn.lobby-btn:hover{background:#e2e8f0;transform:translate(-2px)}.bank-title-group{display:flex;flex-direction:column}.bank-title-group h2{font-size:22px;font-weight:900;color:#0f172a;letter-spacing:-.5px;margin:0}.bank-count-badge{font-size:11px;font-weight:800;color:#64748b;background:#f1f5f9;padding:2px 10px;border-radius:100px;margin-top:4px;display:inline-block;align-self:flex-start}.bank-header-actions{display:flex;align-items:center;gap:12px}.bank-icon-btn{width:44px;height:44px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.bank-icon-btn:hover,.bank-icon-btn.active{background:#f8fafc;color:#6366f1;border-color:#6366f1;box-shadow:0 4px 12px #6366f11a}.bank-course-switcher{padding:10px 16px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;font-size:14px;font-weight:700;color:#0f172a;outline:none;cursor:pointer;max-width:180px}.bank-filter-row{display:none}.inline-search-bar{display:flex;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:100px;padding:8px 16px;flex:1;transition:all .2s;box-shadow:0 1px 3px #0000000d}.inline-search-bar:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.inline-search-bar input{border:none;background:transparent;outline:none;padding:0 10px;flex:1;font-size:14px;font-weight:600;color:#0f172a}.inline-search-bar input::placeholder{font-weight:400;color:#94a3b8}.search-sparkle-icon{flex-shrink:0}.qb-filter-pills{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-pill{padding:8px 20px;border-radius:100px;border:1px solid #e2e8f0;background:#fff;font-weight:700;font-size:13px;color:#64748b;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.filter-pill.active{background:#eef2ff;color:#6366f1;border-color:#c7d2fe}.qb-taxonomy-group{display:flex;gap:8px;margin-bottom:20px}.qb-q-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #f1f5f9;padding-top:16px;margin-top:auto}.qb-footer-taxonomy{display:flex;gap:8px;flex-wrap:wrap}.taxonomy-pill-sm{display:flex;align-items:center;gap:6px;background:#f1f5f9;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:800}.tax-label{color:#94a3b8;font-size:9px}.tax-name{color:#475569}.results-count{font-size:14px;font-weight:700;color:#64748b;letter-spacing:-.01em}.select-all-btn{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #e2e8f0;padding:0 16px;border-radius:12px;font-size:13px;font-weight:800;color:#475569;cursor:pointer;transition:all .2s}.select-all-btn:hover{border-color:#cbd5e1;background:#f8fafc}.select-all-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.qb-mini-add-btn{display:flex;align-items:center;gap:8px;background:#0f172a;color:#fff;border:none;padding:0 20px;border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;transition:all .2s}.qb-mini-add-btn:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a26}.qb-pagination{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px 0;margin-top:8px}.qb-page-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.qb-page-btn:hover:not(:disabled){background:#f8fafc;border-color:#6366f1;color:#6366f1}.qb-page-btn:disabled{opacity:.5;cursor:not-allowed}.qb-page-info{font-size:14px;font-weight:600;color:#64748b}.qb-pagination-bar{display:flex;align-items:center;justify-content:center;gap:16px;padding:6px 16px;background:#fffffff5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;position:fixed;top:64px;left:0;right:0;z-index:99;flex-shrink:0}.qb-pagination-bar .qb-page-btn{padding:8px 14px;font-size:13px}.qb-pagination-bar .qb-page-info{font-size:13px}.qb-pagination-bar-spacer{flex-shrink:0;height:32px}@media(max-width:768px){.qb-pagination-bar{top:64px;padding:6px 12px;gap:12px}.qb-pagination-bar .qb-page-btn{padding:6px 10px;font-size:12px}.qb-pagination-bar .qb-page-info{font-size:12px}.qb-pagination-bar-spacer{height:28px}}.qb-results-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding-bottom:120px}.qb-question-card{background:#fff;border-radius:20px;border:1px solid #f1f5f9;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0f172a08;cursor:pointer;display:flex;flex-direction:column;position:relative;overflow:hidden}.qb-question-card.selected{border-color:#6366f1;background:#fafafe}.qb-question-card.needs-repair{background:#fef2f2;border-color:#fecaca}.qb-question-card.needs-repair:hover{background:#fee2e2;border-color:#fca5a5}.qb-question-card.needs-repair.selected{background:#fef2f2;border-color:#6366f1}.card-selection-overlay{position:absolute;top:16px;left:16px;z-index:10;opacity:0;transform:scale(.9);transition:all .2s cubic-bezier(.4,0,.2,1)}.qb-question-card:hover .card-selection-overlay,.qb-question-card.selected .card-selection-overlay{opacity:1;transform:scale(1)}.selection-checkbox{width:22px;height:22px;border-radius:6px;border:2px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#fff}.selection-checkbox.checked{background:#6366f1;border-color:#6366f1}.q-delete-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-left:12px}.q-delete-btn:hover{background:#fef2f2;color:#f43f5e}.bulk-action-bar{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#0f172afa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);padding:12px 24px;border-radius:24px;display:flex;align-items:center;gap:24px;color:#fff;box-shadow:0 20px 50px #0006;z-index:2100;width:auto;max-width:90vw;white-space:nowrap}@media(max-width:640px){.bulk-action-bar{bottom:20px;gap:16px;padding:12px 16px;flex-direction:column;white-space:normal;text-align:center}.bulk-actions{width:100%;justify-content:center}}.bulk-info{font-size:14px;font-weight:600}.selected-count{background:#6366f1;padding:2px 10px;border-radius:8px;font-weight:800;margin-right:4px}.bulk-actions{display:flex;gap:12px}.bulk-cancel{background:transparent;border:none;color:#94a3b8;font-weight:700;font-size:14px;cursor:pointer}.bulk-delete{background:#f43f5e;color:#fff;border:none;padding:10px 18px;border-radius:12px;font-weight:800;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.bulk-delete:hover{background:#e11d48;transform:translateY(-1px)}.qb-question-card:hover{box-shadow:0 12px 32px #6366f11a;transform:translateY(-4px);border-color:#cbd5e1}.qb-question-card.active{border-color:#6366f1;background:#f5f3ff;box-shadow:0 12px 32px #6366f11a}.qb-q-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f8fafc}.meta-left{display:flex;align-items:center;gap:6px}.card-index{font-size:13px;font-weight:900;color:#6366f1;background:#eef2ff;padding:4px 8px;border-radius:6px;margin-right:4px}.difficulty-pill{padding:4px 8px;border-radius:6px;font-size:10px;font-weight:900;text-transform:uppercase}.difficulty-pill.easy{background:#dcfce7;color:#166534}.difficulty-pill.medium{background:#fef9c3;color:#854d0e}.difficulty-pill.hard{background:#fee2e2;color:#991b1b}.type-pill{padding:4px 8px;border-radius:6px;background:#f1f5f9;color:#475569;font-size:10px;font-weight:900}.ans-badge{padding:4px 8px;border-radius:6px;background:#10b981;color:#fff;font-size:10px;font-weight:900;margin-left:4px}.q-date{font-size:11px;font-weight:700;color:#94a3b8}.qb-preview-body{display:flex;gap:16px;margin-bottom:20px;height:140px;flex:0 0 140px;overflow:hidden}.qb-preview-text{flex:1;min-width:0;overflow:hidden}.qb-preview-text .mcq-widget{gap:8px}.qb-preview-text .q-text{font-size:17px;font-weight:500;line-height:1.6;color:#334155;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.qb-preview-text .q-text p{margin:0}.qb-card-thumb{width:64px;height:64px;border-radius:12px;overflow:hidden;background:#f8fafc;border:1px solid #f1f5f9;flex-shrink:0}.qb-card-thumb img{width:100%;height:100%;object-fit:cover}.qb-q-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f1f5f9}.view-link{font-size:12px;font-weight:800;color:#6366f1;display:flex;align-items:center;gap:4px;text-transform:uppercase}.tag-chip{padding:4px 8px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;font-size:10px;font-weight:800;color:#64748b;display:flex;align-items:center;gap:4px}.qb-drawer-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000}.qb-filter-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:998}.qb-filter-panel{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:90vw;background:#fff;z-index:999;display:flex;flex-direction:column;box-shadow:-20px 0 60px #00000026;border-left:1px solid #e2e8f0}.qb-filter-panel-header{padding:20px 24px;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.qb-filter-panel-header h3{margin:0;font-size:18px;font-weight:800;color:#0f172a}.qb-filter-close{width:40px;height:40px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s}.qb-filter-close:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5}.qb-filter-panel-body{padding:16px 20px;flex:1;overflow-y:auto}.qb-filter-section{margin-bottom:20px}.qb-filter-section:last-child{margin-bottom:0}.qb-filter-section:has(.qb-filter-select){margin-bottom:18px}.qb-filter-section:has(.qb-filter-select) .qb-filter-label{margin-bottom:10px;color:#475569}.qb-filter-hierarchy{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #f1f5f9}.qb-filter-label{display:block;font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.qb-filter-select{width:100%;padding:12px 40px 12px 14px;border-radius:12px;border:1.5px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc);font-size:14px;font-weight:600;color:#334155;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2.5' 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 14px center;background-size:16px;transition:all .2s ease;box-shadow:0 1px 2px #0000000a}.qb-filter-select:hover{border-color:#c7d2fe;background:linear-gradient(180deg,#fff,#eef2ff);box-shadow:0 2px 4px #6366f114}.qb-filter-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.qb-filter-select.active{border-color:#a5b4fc;background:linear-gradient(180deg,#fff,#eef2ff);color:#4338ca}.qb-filter-type-options{display:flex;flex-wrap:wrap;gap:6px}.qb-filter-type-btn{padding:6px 12px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;font-size:12px;font-weight:700;color:#475569;cursor:pointer;transition:all .2s}.qb-filter-type-btn:hover{background:#eef2ff;color:#6366f1;border-color:#c7d2fe}.qb-filter-type-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.qb-question-drawer{position:fixed;top:0;right:0;bottom:0;width:650px;max-width:100vw;background:#ffffffe6;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);z-index:1001;display:flex;flex-direction:column;box-shadow:-20px 0 60px #0003;border-left:1px solid rgba(255,255,255,.3)}.qb-drawer-header{padding:20px 28px;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;gap:16px}.qb-drawer-toolbar{display:flex;align-items:center;gap:10px;padding:10px 28px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.toolbar-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;border:none}.toolbar-btn.edit-btn{background:#fff;color:#475569;border:1px solid #e2e8f0}.toolbar-btn.edit-btn:hover{background:#eef2ff;color:#6366f1;border-color:#c7d2fe;transform:translateY(-1px)}.toolbar-btn.save-btn{background:#10b981;color:#fff;box-shadow:0 2px 8px #10b9814d}.toolbar-btn.save-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.toolbar-btn.cancel-btn{background:#f1f5f9;color:#64748b}.toolbar-btn.cancel-btn:hover{background:#fee2e2;color:#ef4444}.toolbar-btn.active{background:#1e293b;color:#e2e8f0;border-color:#334155}.toolbar-btn.active:hover{background:#334155;color:#fff}.qb-drawer-nav{display:flex;align-items:center;gap:16px}.nav-btn{width:44px;height:44px;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#475569;transition:all .2s}.nav-btn:hover:not(:disabled){background:#6366f1;color:#fff;border-color:#6366f1;transform:translateY(-2px)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.drawer-title{font-weight:900;font-size:18px;color:#0f172a}.close-drawer{width:44px;height:44px;border-radius:50%;border:none;background:#f1f5f9;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s}.close-drawer:hover{background:#fee2e2;color:#f43f5e}.qb-drawer-content{flex:1;overflow-y:auto;padding:40px}.qb-drawer-clickable-content{cursor:pointer;position:relative;padding-bottom:32px}.qb-drawer-clickable-content:hover{outline:none}.qb-click-to-edit-hint{position:absolute;bottom:0;left:0;font-size:12px;font-weight:600;color:#94a3b8;opacity:.8}.qb-drawer-clickable-content:hover .qb-click-to-edit-hint{color:#6366f1}.qb-drawer-footer{padding:24px 32px;background:#fff;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.q-stats-mini{display:flex;flex-direction:column;gap:12px;width:100%}.drawer-tax-info{display:flex;gap:16px;padding-bottom:12px;border-bottom:1px solid #f8fafc}.tax-item{display:flex;flex-direction:column;gap:2px}.tax-item .tax-label{font-size:10px;font-weight:800;color:#94a3b8;text-transform:uppercase}.tax-item .tax-val{font-size:14px;font-weight:700;color:#475569}.drawer-meta-pills{display:flex;gap:8px}.drawer-progress-container{width:100%;display:flex;justify-content:space-between;align-items:center;padding-top:12px}.drawer-progress{font-size:13px;font-weight:800;color:#94a3b8}.qb-empty-state{padding:80px 24px;text-align:center;grid-column:1 / -1}.qb-empty-state h3{font-size:22px;font-weight:900;color:#0f172a;margin:20px 0 8px}.qb-empty-state p{color:#64748b;font-size:15px;margin-bottom:24px}.qb-ingestion-overlay{position:fixed;inset:0;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:24px}.qb-interactive-ingest{width:100%;max-width:500px;background:#fff;border-radius:32px;padding:40px;box-shadow:0 25px 60px #0000001a;border:1px solid #f1f5f9}.ingest-header{display:flex;align-items:center;gap:20px;margin-bottom:32px}.ingest-text{flex:1;min-width:0}.ingest-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.ingest-icon-box{width:60px;height:60px;border-radius:18px;background:#f8fafc;display:flex;justify-content:center;align-items:center;color:#6366f1}.ingest-step1-timer{display:inline-block;margin-left:12px;font-variant-numeric:tabular-nums;font-weight:600;color:#6366f1;background:#eef2ff;padding:4px 10px;border-radius:8px;font-size:.95rem}.ingest-progress-track{height:8px;background:#f1f5f9;border-radius:10px;overflow:hidden;margin-bottom:24px}.ingest-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7)}.ingest-tip-carousel{background:#f8fafc;padding:24px;border-radius:20px;min-height:100px;display:flex;align-items:center}.ingest-tip{display:flex;gap:14px;color:#475569;font-size:14px;line-height:1.6}.qb-dismiss-btn{background:#0f172a;color:#fff;padding:12px 24px;border-radius:14px;font-size:15px;font-weight:800;font-family:inherit;border:none;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;transition:background .2s}.qb-dismiss-btn:hover{background:#1e293b}@media(max-width:640px){.qb-ingestion-overlay{padding:16px;align-items:flex-end}.qb-interactive-ingest{padding:24px 20px;border-radius:24px;width:100%!important;max-width:100%!important;max-height:85vh;overflow-y:auto}.ingest-header{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:20px}.ingest-icon-box{width:44px;height:44px;border-radius:12px;flex-shrink:0}.ingest-text{flex:1}.ingest-text h3{font-size:16px}.ingest-text p{font-size:13px}.ingest-actions{width:100%;justify-content:flex-end;flex-shrink:unset;flex-wrap:wrap;gap:8px}.qb-dismiss-btn{padding:11px 18px;font-size:14px;border-radius:12px}.ingest-tip-carousel{padding:16px;min-height:80px}.ingest-tip{font-size:13px;gap:10px}}.animate-spin{animation:spin 1s linear infinite}.qb-filter-indicator{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;padding:12px 16px;border-radius:16px;margin-bottom:20px;animation:fadeInDown .3s ease-out;min-width:0}.filter-info{display:flex;align-items:center;gap:12px;min-width:0;flex:1;overflow:hidden}.filter-icon{width:32px;height:32px;border-radius:10px;background:#eef2ff;color:#6366f1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.filter-info span{font-size:14px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.filter-info strong{color:#0f172a;font-weight:800}.clear-filter-btn{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e2e8f0;padding:6px 12px;border-radius:10px;font-size:13px;font-weight:700;font-family:inherit;color:#ef4444;cursor:pointer;transition:all .2s;flex-shrink:0;white-space:nowrap}.clear-filter-btn:hover{background:#fef2f2;border-color:#fca5a5;transform:translateY(-1px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.qb-results-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}}.lobby-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.lobby-history-link{display:flex;align-items:center;gap:6px;background:none;border:none;color:#6366f1;font-size:13px;font-weight:800;cursor:pointer;padding:8px 12px;border-radius:12px;transition:all .2s}.lobby-history-link:hover{background:#f5f3ff;transform:translate(4px)}.qb-full-history-view{width:100%;max-width:800px;margin:40px auto}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.history-title{display:flex;align-items:center;gap:16px}.history-title .title-icon{width:48px;height:48px;border-radius:16px;background:#eef2ff;color:#6366f1;display:flex;align-items:center;justify-content:center}.history-title h2{font-size:20px;font-weight:900;color:#0f172a;margin:0}.history-title p{font-size:14px;color:#64748b;margin:0}.history-back-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;padding:10px 16px;border-radius:14px;font-size:14px;font-weight:700;color:#475569;cursor:pointer;transition:all .2s}.history-back-btn:hover{background:#f8fafc;border-color:#cbd5e1}.history-list{display:flex;flex-direction:column;gap:12px}.history-item-card{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border:1px solid #f1f5f9;border-radius:20px;cursor:pointer;transition:all .2s}.history-item-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000000d;border-color:#6366f1}.history-item-left{display:flex;align-items:center;gap:16px}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.completed{background:#10b981}.status-dot.processing{background:#6366f1;animation:pulse_status 1.5s infinite}.status-dot.failed{background:#ef4444}.history-item-name{display:block;font-size:15px;font-weight:800;color:#0f172a;margin-bottom:2px}.history-item-date{font-size:13px;color:#94a3b8}.history-item-right{display:flex;align-items:center;gap:16px}.history-status-tag{font-size:11px;font-weight:900;text-transform:uppercase;padding:4px 10px;border-radius:8px}.history-status-tag.completed{background:#f0fdf4;color:#10b981}.history-status-tag.processing{background:#eef2ff;color:#6366f1}.history-status-tag.failed{background:#fef2f2;color:#ef4444}@keyframes pulse_status{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(.95);opacity:.8}}.latex-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:10px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:12px;box-shadow:0 1px 2px #0000000d}.latex-toolbar button{transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;min-width:32px}.latex-toolbar button:hover{background:#6366f1!important;color:#fff!important;border-color:#6366f1!important;transform:translateY(-1px);box-shadow:0 4px 6px #6366f133}.latex-toolbar button:active{transform:translateY(0)}.editor-live-preview{background:#fff!important;border-style:dashed!important;font-size:14px;line-height:1.6}.editor-live-preview .katex-display{margin:1em 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.editor-live-preview .katex-display::-webkit-scrollbar{display:none}.image-manager{border:1px solid #e2e8f0;background:#fcfcfd!important;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.inline-editor textarea:focus{box-shadow:0 0 0 4px #6366f11a!important}.q-opt-item input:focus{border-color:#6366f1!important;box-shadow:0 0 0 4px #6366f11a!important}.test-setter-container{display:flex;flex-direction:column;height:100%;min-height:0;padding:4px 12px 28px;max-width:640px;margin:0 auto;font-family:Outfit,sans-serif}.test-setter-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.test-setter-header-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#6366f126,#8b5cf61a);display:flex;align-items:center;justify-content:center;color:#6366f1;flex-shrink:0}.test-setter-title{font-size:24px;font-weight:800;color:#0f172a;letter-spacing:-.5px;margin-bottom:4px}.test-setter-subtitle{font-size:14px;color:#64748b;font-weight:500;line-height:1.4}.test-setter-my-tests{margin-bottom:20px}.test-setter-my-tests-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.test-setter-my-tests-toggle:hover{background:#f1f5f9;border-color:#cbd5e1}.test-setter-my-tests-list{margin-top:10px;display:flex;flex-direction:column;gap:10px}.test-setter-my-tests-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.test-setter-my-tests-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.test-setter-my-tests-item-title{font-size:15px;font-weight:600;color:#0f172a;flex:1;min-width:0}.test-setter-my-tests-item-delete{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;background:#fef2f2;color:#dc2626;cursor:pointer;transition:background .2s,color .2s}.test-setter-my-tests-item-delete:hover:not(:disabled){background:#fee2e2;color:#b91c1c}.test-setter-my-tests-item-delete:disabled{opacity:.7;cursor:not-allowed}.test-setter-my-tests-item-delete .spin{animation:test-setter-spin .8s linear infinite}@keyframes test-setter-spin{to{transform:rotate(360deg)}}.test-setter-my-tests-item-meta{font-size:12px;color:#64748b;margin-bottom:8px}.test-setter-my-tests-item-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.test-setter-my-tests-item-preview{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;font-size:13px;font-weight:600;color:#475569;cursor:pointer}.test-setter-my-tests-item-preview:hover:not(:disabled){background:#f1f5f9;border-color:#6366f1;color:#6366f1}.test-setter-my-tests-item-preview:disabled{opacity:.7;cursor:not-allowed}.test-setter-my-tests-item-preview .spin{animation:test-setter-spin .8s linear infinite}.test-setter-my-tests-item-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#6366f1;text-decoration:none}.test-setter-my-tests-item-link:hover{text-decoration:underline}.test-setter-my-tests-empty{margin-top:10px;font-size:14px;color:#94a3b8}.test-setter-lobby{display:flex;flex-direction:column;gap:28px}.test-setter-lobby-buttons{display:flex;flex-direction:column;gap:14px}.test-setter-lobby-btn{display:flex;flex-direction:row;align-items:center;gap:16px;padding:16px 20px;border-radius:16px;border:1.5px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s;text-align:left;width:100%}.test-setter-lobby-btn>svg{flex-shrink:0;color:#6366f1}.test-setter-lobby-btn-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.test-setter-lobby-btn:hover{background:#f8fafc;border-color:#c7d2fe;box-shadow:0 4px 12px #6366f114}.test-setter-lobby-btn-title{font-size:15px;font-weight:700;color:#0f172a}.test-setter-lobby-btn-desc{font-size:13px;color:#64748b}.test-setter-back-btn{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:8px 0;border:none;background:transparent;font-size:14px;font-weight:600;color:#6366f1;cursor:pointer;transition:opacity .2s}.test-setter-back-btn:hover{opacity:.85}.test-setter-my-tests-view{display:flex;flex-direction:column;padding-top:4px}.test-setter-view-title{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:20px}.test-setter-course-wrap{margin-bottom:16px}.test-setter-course-label{display:block;font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.test-setter-course-select{width:100%;padding:12px 40px 12px 14px;border-radius:12px;border:1.5px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc);font-size:14px;font-weight:600;color:#334155;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}.test-setter-course-select:focus{outline:none;border-color:#6366f1}.test-setter-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;margin-bottom:18px;min-height:100px}.test-setter-msg{display:flex;width:100%}.test-setter-msg.user{justify-content:flex-end}.test-setter-msg.assistant{justify-content:flex-start}.test-setter-msg-bubble{max-width:90%;padding:12px 14px;border-radius:16px;font-size:14px;font-weight:500;line-height:1.45}.test-setter-msg.user .test-setter-msg-bubble{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-bottom-right-radius:6px}.test-setter-msg.assistant .test-setter-msg-bubble{background:#f1f5f9;color:#334155;border-bottom-left-radius:6px}.test-setter-msg.assistant.error .test-setter-msg-bubble{background:#fee2e2;color:#b91c1c}.test-setter-msg-bubble.loading{display:flex;align-items:center;gap:10px;color:#64748b}.test-setter-msg-bubble .spin{animation:spin 1s linear infinite}.test-setter-mcq-only-hint{font-size:12px;color:#64748b;margin:0 0 8px;padding:6px 10px;background:#f1f5f9;border-radius:8px;border-left:3px solid #6366f1}.test-setter-selection-mode{margin-bottom:12px}.test-setter-selection-mode.test-setter-selection-compact{margin-bottom:18px}.test-setter-selection-mode-label{display:block;font-size:13px;font-weight:700;color:#334155;margin-bottom:8px}.test-setter-segment-control{display:flex;gap:0;border-radius:12px;border:1.5px solid #e2e8f0;background:#f8fafc;padding:3px}.test-setter-segment-btn{flex:1;padding:10px 14px;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#64748b;background:transparent;cursor:pointer;transition:background .2s,color .2s}.test-setter-segment-btn.active{background:#fff;color:#6366f1;box-shadow:0 2px 6px #0000000f}.test-setter-selection-hint{font-size:12px;color:#94a3b8;margin:6px 0 0}.test-setter-selection-mode-options{display:flex;flex-direction:column;gap:8px}.test-setter-selection-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s}.test-setter-selection-option:hover{border-color:#c7d2fe;background:#f5f3ff}.test-setter-selection-option.active{border-color:#6366f1;background:#eef2ff}.test-setter-selection-option input{margin:0;accent-color:#6366f1}.test-setter-selection-option .option-title{font-size:14px;font-weight:700;color:#1e293b}.test-setter-selection-option .option-desc{font-size:12px;color:#64748b;line-height:1.4}.test-setter-input-sticky{margin-bottom:12px}@media(max-width:768px){.test-setter-input-sticky{position:sticky;bottom:0;left:0;right:0;margin:0 -10px;padding:12px 10px 16px;background:linear-gradient(to top,var(--bg-light, #f8fafc) 85%,transparent);z-index:10}}.test-setter-input-label{display:block;font-size:13px;font-weight:700;color:#334155;margin-bottom:8px}.test-setter-mcq-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;background:#f1f5f9;color:#64748b;font-size:12px;font-weight:500;margin-bottom:16px;cursor:help}.test-setter-mcq-pill svg{flex-shrink:0;opacity:.8}.test-setter-input-wrap{display:flex;gap:8px;padding:10px 12px;background:#fff;border-radius:16px;border:1.5px solid #e2e8f0;box-shadow:0 4px 12px #0000000a}.test-setter-input{flex:1;border:none;outline:none;font-size:15px;font-weight:500;color:#0f172a;background:transparent}.test-setter-input::placeholder{color:#94a3b8}.test-setter-send-btn{width:44px;height:44px;border-radius:12px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s,transform .2s}.test-setter-send-btn:hover:not(:disabled){opacity:.95;transform:scale(1.02)}.test-setter-send-btn:disabled{opacity:.5;cursor:not-allowed}.test-setter-share-card{background:#fff;border-radius:20px;border:1px solid #e2e8f0;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #0000000f}.test-setter-share-title{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:14px}.test-setter-section-title{font-size:14px;font-weight:600;color:#475569;margin-bottom:10px;display:flex;align-items:center;gap:8px}.test-setter-schedule-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.test-setter-schedule-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px}.test-setter-start-chips{display:flex;flex-wrap:wrap;gap:8px}.test-setter-start-chip{padding:6px 14px;border-radius:20px;border:1.5px solid #e2e8f0;background:#f8fafc;font-size:13px;font-weight:600;color:#475569;cursor:pointer;transition:all .15s}.test-setter-start-chip:hover,.test-setter-start-chip.active{background:#eef2ff;border-color:#6366f1;color:#6366f1}.test-setter-marks-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.test-setter-marks-row .test-setter-schedule-field{flex:1;min-width:100px}.test-setter-edit-modal{max-width:480px}.test-setter-schedule-field{flex:1;min-width:140px}.test-setter-schedule-field label{display:block;font-size:12px;font-weight:600;color:#64748b;margin-bottom:6px}.test-setter-datetime-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #e2e8f0;font-size:14px;color:#334155}.test-setter-schedule-intro{font-size:14px;color:#64748b;margin-bottom:14px}.test-setter-schedule-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}.test-setter-save-schedule-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:none;background:#6366f1;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.test-setter-continue-btn{padding:8px 14px;border-radius:10px;border:1.5px solid #6366f1;background:transparent;color:#6366f1;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.test-setter-continue-btn:hover{background:#eef2ff}.test-setter-save-schedule-btn:disabled{opacity:.7;cursor:not-allowed}.test-setter-schedule-hint{font-size:12px;color:#94a3b8}.test-setter-preview-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.test-setter-preview-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.test-setter-preview-toggle:hover{background:#f1f5f9;border-color:#cbd5e1}.test-setter-preview-list{margin-top:12px;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.test-setter-preview-item{background:#f8fafc;border-radius:12px;padding:16px;border:1px solid #e2e8f0}.test-setter-preview-item .mcq-widget{font-size:14px}.test-setter-preview-modal-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.test-setter-preview-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-width:560px;width:100%;max-height:90vh;display:flex;flex-direction:column}.test-setter-preview-modal-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.test-setter-preview-modal-header h4{margin:0;font-size:16px;font-weight:700;color:#0f172a}.test-setter-preview-modal-counter{font-size:13px;font-weight:600;color:#64748b;margin-left:auto}.test-setter-preview-modal-close{width:32px;height:32px;border:none;background:#f1f5f9;border-radius:10px;font-size:20px;line-height:1;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.test-setter-preview-modal-close:hover{background:#e2e8f0;color:#0f172a}.test-setter-preview-modal-body{padding:16px;overflow-y:auto;flex:1;min-height:0}.test-setter-preview-modal-body .mcq-widget{font-size:15px}.test-setter-print-options-dialog .test-setter-preview-modal-body{padding:20px 24px}.test-setter-print-options-dialog .test-setter-print-dialog-title{font-size:1.35rem;font-weight:700;color:#0f172a}.test-setter-print-options-dialog .test-setter-print-dialog-description{font-size:1.0625rem;line-height:1.5;color:#334155;margin:0 0 1.5rem}.test-setter-print-dialog-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.test-setter-print-dialog-actions .auth-btn{padding:12px 20px;font-size:1rem;min-height:44px}@media(max-width:768px){.test-setter-container{padding:4px 10px 24px}.test-setter-container:has(.test-setter-input-sticky){padding-bottom:100px}}@media(max-width:480px){.test-setter-container{padding:4px 8px 20px}.test-setter-print-dialog-actions{flex-direction:column}.test-setter-print-dialog-actions .auth-btn{width:100%}}.test-setter-preview-modal-footer{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;border-top:1px solid #e2e8f0;flex-shrink:0}.test-setter-preview-nav-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;font-size:14px;font-weight:600;color:#475569;cursor:pointer}.test-setter-preview-nav-btn:hover:not(:disabled){background:#f8fafc;border-color:#6366f1;color:#6366f1}.test-setter-preview-nav-btn:disabled{opacity:.5;cursor:not-allowed}.test-setter-shortfall-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#1e293b;color:#fbbf24;font-size:13px;font-weight:500;padding:10px 18px;border-radius:24px;box-shadow:0 8px 24px #0003;z-index:3000;cursor:pointer;white-space:nowrap;max-width:90vw;white-space:normal;text-align:center;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.test-setter-share-url-row{display:flex;gap:10px;margin-bottom:16px}.test-setter-share-input{flex:1;padding:12px 16px;border-radius:12px;border:1px solid #e2e8f0;font-size:13px;font-weight:500;color:#475569;background:#f8fafc}.test-setter-copy-btn{width:44px;height:44px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;color:#6366f1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.test-setter-copy-btn:hover{background:#eef2ff;border-color:#c7d2fe}.test-setter-share-actions{display:flex;gap:10px;margin-bottom:20px}.test-setter-share-btn{flex:1;padding:12px 16px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.test-setter-share-btn:hover{background:#eef2ff;border-color:#c7d2fe;color:#6366f1}.test-setter-qr-wrap{display:flex;flex-direction:column;align-items:center;padding:20px;background:#f8fafc;border-radius:16px}.test-setter-qr-hint{font-size:12px;font-weight:600;color:#64748b;margin-top:12px}.test-setter-create-another{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;padding:12px 16px;border-radius:12px;border:1.5px dashed #c7d2fe;background:#f8fafc;font-size:14px;font-weight:600;color:#6366f1;cursor:pointer;transition:all .2s}.test-setter-create-another:hover{background:#eef2ff;border-color:#6366f1}.test-setter-answer-key-step{background:#fff;border-radius:20px;border:1px solid #e2e8f0;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #0000000f}.test-setter-answer-key-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.test-setter-answer-key-title{font-size:18px;font-weight:700;color:#0f172a;margin-bottom:2px}.test-setter-answer-key-hint{font-size:13px;color:#64748b;margin:0}.test-setter-answer-key-dots{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.test-setter-answer-dot{width:10px;height:10px;border-radius:50%;border:none;background:#e2e8f0;cursor:pointer;padding:0;transition:all .2s;flex-shrink:0}.test-setter-answer-dot.answered{background:#10b981}.test-setter-answer-dot.active{background:#6366f1;transform:scale(1.3)}.test-setter-answer-dot.active.answered{background:#10b981;transform:scale(1.3)}.test-setter-answer-key-nav{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:12px}.test-setter-nav-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.test-setter-nav-btn:hover:not(:disabled){background:#eef2ff;border-color:#c7d2fe;color:#6366f1}.test-setter-nav-btn-next{background:#eef2ff;border-color:#c7d2fe;color:#6366f1;font-weight:700}.test-setter-nav-btn:disabled{opacity:.5;cursor:not-allowed}.test-setter-answer-key-counter{font-size:14px;font-weight:700;color:#6366f1;background:#eef2ff;padding:4px 12px;border-radius:20px;flex-shrink:0}.test-setter-answer-key-question{background:#f8fafc;border-radius:16px;padding:20px;margin-bottom:4px}.test-setter-ak-question-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:16px}.test-setter-ak-question-text{flex:1;font-size:15px;color:#0f172a;line-height:1.5;max-height:120px;overflow:hidden}.test-setter-ak-expand-btn{flex-shrink:0;width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.test-setter-ak-expand-btn:hover{background:#eef2ff;border-color:#c7d2fe;color:#6366f1}.test-setter-ak-preview-overlay{position:fixed;inset:0;background:#0f172a80;z-index:2000;display:flex;align-items:flex-end;justify-content:center;padding:0}.test-setter-ak-preview-modal{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:640px;max-height:80vh;overflow-y:auto;padding:24px 20px 40px;position:relative}.test-setter-ak-preview-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer}.test-setter-ak-preview-content{margin-top:8px}.test-setter-ak-options{display:flex;flex-direction:column;gap:8px}.test-setter-ak-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;text-align:left;cursor:pointer;transition:all .15s;width:100%}.test-setter-ak-option:hover{border-color:#a5b4fc;background:#eef2ff}.test-setter-ak-option.selected{border-color:#6366f1;background:#eef2ff}.test-setter-ak-option-letter{width:28px;height:28px;border-radius:8px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#475569;flex-shrink:0;transition:all .15s}.test-setter-ak-option.selected .test-setter-ak-option-letter{background:#6366f1;color:#fff}.test-setter-ak-option-text{font-size:14px;font-weight:500;color:#334155;line-height:1.4}.test-setter-answer-key-input-wrap{margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.test-setter-answer-key-label{display:block;font-size:13px;font-weight:500;color:#475569;margin-bottom:8px}.test-setter-answer-key-input{width:100%;padding:12px 16px;border-radius:12px;border:1.5px solid #e2e8f0;font-size:16px;font-weight:500;color:#0f172a;background:#fff}.test-setter-answer-key-input:focus{outline:none;border-color:#6366f1}.test-setter-answer-key-input-hint{font-size:12px;color:#64748b;margin-top:8px}.test-setter-answer-key-schedule{margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.test-setter-answer-key-schedule-title{font-size:13px;font-weight:600;color:#475569;margin-bottom:12px;display:flex;align-items:center;gap:8px}.test-setter-answer-key-schedule-row{display:flex;gap:12px;flex-wrap:wrap}.test-setter-answer-key-schedule-row .test-setter-schedule-field{flex:1;min-width:140px}.test-setter-answer-key-actions{display:flex;gap:12px;justify-content:flex-end}.test-setter-cancel-answer-key{padding:12px 20px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.test-setter-cancel-answer-key:hover{background:#f1f5f9}.test-setter-confirm-answer-key{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.test-setter-confirm-answer-key:hover:not(:disabled){opacity:.95;transform:scale(1.02)}.test-setter-confirm-answer-key:disabled{opacity:.7;cursor:not-allowed}.test-setter-report-modal .test-setter-preview-modal-body{min-height:200px}.test-setter-report-total{font-size:13px;font-weight:600;color:#64748b}.test-setter-report-body{padding:16px 20px}.test-setter-report-table{width:100%;border-collapse:collapse;font-size:14px}.test-setter-report-table th,.test-setter-report-table td{padding:10px 14px;text-align:left;border-bottom:1px solid #e2e8f0}.test-setter-report-table th{font-weight:600;color:#475569;background:#f8fafc}.test-setter-report-table tbody tr:hover{background:#f8fafc}.test-setter-report-empty{text-align:center;color:#64748b;font-size:14px;padding:32px 16px}.test-setter-pick-manual-link{background:none;border:none;color:#94a3b8;font-size:12px;font-weight:600;cursor:pointer;padding:0;font-family:inherit;text-decoration:underline;text-underline-offset:2px;margin-left:auto}.test-setter-pick-manual-link:hover{color:#6366f1}.pick-header{margin-bottom:16px}.pick-back-btn{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#6366f1;background:none;border:none;cursor:pointer;padding:0;font-family:inherit;margin-bottom:12px}.pick-title{font-size:20px;font-weight:800;color:#0f172a;margin:0}.pick-subtitle{font-size:13px;color:#94a3b8;margin:4px 0 0}.pick-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.pick-filter-select{height:36px;border:1.5px solid #e2e8f0;border-radius:10px;padding:0 10px;font-size:13px;font-family:inherit;color:#334155;background:#fff;cursor:pointer;min-width:120px}.pick-filter-select:focus{outline:none;border-color:#6366f1}.pick-strategy-bar{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.pick-strategy-label{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.pick-strategy-options{display:flex;gap:4px;background:#f1f5f9;border-radius:10px;padding:3px}.pick-strategy-btn{padding:6px 14px;border:none;border-radius:8px;background:transparent;color:#64748b;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s;white-space:nowrap}.pick-strategy-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #00000014}.pick-strategy-btn:hover:not(.active){color:#475569}.pick-sections-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;display:flex;flex-direction:column;gap:10px;padding-bottom:20px}.pick-section-row{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#fff;border:1.5px solid #f1f5f9;border-radius:12px}.pick-section-row:hover{border-color:#e2e8f0}.pick-section-fields{flex:1;display:flex;flex-wrap:wrap;gap:6px;min-width:0}.pick-section-fields .pick-filter-select{flex:1;min-width:100px}.pick-filter-sm{max-width:100px}.pick-count-input{width:60px;height:36px;border:1.5px solid #e2e8f0;border-radius:10px;padding:0 8px;font-size:14px;font-weight:700;font-family:inherit;color:#6366f1;text-align:center;flex-shrink:0}.pick-count-input:focus{outline:none;border-color:#6366f1}.pick-section-right{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-top:4px}.pick-avail-btn{font-size:11px;font-weight:600;color:#16a34a;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:4px 10px;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:4px;transition:all .15s}.pick-avail-btn:hover{background:#dcfce7;border-color:#86efac}.pick-avail-btn.low{color:#dc2626;background:#fef2f2;border-color:#fecaca}.pick-avail-btn.low:hover{background:#fee2e2}.pick-excluded-note{font-size:12px;color:#f59e0b;font-weight:600}.pick-section-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:#fef2f2;color:#dc2626;cursor:pointer;transition:background .15s}.pick-section-remove:hover{background:#fee2e2}.pick-add-section{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:1.5px dashed #e2e8f0;border-radius:10px;background:transparent;color:#6366f1;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.pick-add-section:hover{background:#f5f3ff;border-color:#c7d2fe}.pick-tag-search{padding:14px;background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:12px}.pick-tag-search-label{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.pick-tag-search-row{display:flex;gap:6px}.pick-tag-input{flex:1}.pick-summary-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f0f0ff;border:1.5px solid #c7d2fe;border-radius:12px;position:sticky;bottom:0;margin-top:4px}.pick-summary-total{font-size:14px;color:#4338ca}.pick-summary-total strong{font-size:18px;font-weight:800}.pick-create-btn{padding:8px 24px;border:none;border-radius:10px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px}.pick-create-btn:hover:not(:disabled){filter:brightness(1.1)}.pick-create-btn:disabled{opacity:.6;cursor:not-allowed}.pick-preview-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-end;justify-content:center}.pick-preview-drawer{background:#fff;border-radius:20px 20px 0 0;max-width:560px;width:100%;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 -10px 40px #00000026}.pick-preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.pick-preview-header h3{font-size:16px;font-weight:800;color:#0f172a;margin:0}.pick-preview-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f1f5f9;border-radius:8px;color:#64748b;cursor:pointer}.pick-preview-close:hover{background:#e2e8f0}.pick-preview-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px 20px;display:flex;flex-direction:column;gap:8px}.pick-preview-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border:1px solid #f1f5f9;border-radius:10px;transition:all .15s}.pick-preview-item.excluded{opacity:.4;background:#fef2f2;border-color:#fecaca}.pick-preview-item-text{flex:1;min-width:0}.pick-preview-q-text{font-size:13px;color:#334155;line-height:1.5;display:block;word-break:break-word}.pick-preview-item-meta{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.pick-preview-toggle{flex-shrink:0;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s;border:none;white-space:nowrap}.pick-preview-toggle.remove{background:#fef2f2;color:#dc2626}.pick-preview-toggle.remove:hover{background:#fee2e2}.pick-preview-toggle.add{background:#f0fdf4;color:#16a34a}.pick-preview-toggle.add:hover{background:#dcfce7}@media(max-width:768px){.pick-section-row{flex-direction:column;gap:8px;padding:10px 12px}.pick-section-fields{flex-direction:column;width:100%}.pick-section-fields .pick-filter-select{width:100%;min-width:0;flex:none}.pick-filter-sm{max-width:none;width:100%}.pick-count-input{width:100%}.pick-section-right{flex-direction:row;justify-content:space-between;width:100%;padding-top:0}.pick-tag-search-row{flex-direction:column}.pick-tag-input{width:100%}.pick-summary-bar{flex-direction:column;gap:10px;text-align:center}.pick-create-btn{width:100%;justify-content:center}}@media(max-width:480px){.pick-header{margin-bottom:12px}.pick-title{font-size:17px}.pick-filter-select{height:40px;font-size:14px}.pick-count-input{height:40px;font-size:15px}}.report-tab-bar{display:flex;gap:4px;background:#f1f5f9;border-radius:10px;padding:3px;margin-bottom:16px}.report-tab{flex:1;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:#64748b;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s}.report-tab.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #00000014}.report-tab:hover:not(.active){color:#475569}.report-questions-analytics{overflow-x:auto}.report-callouts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.report-callout{font-size:12px;font-weight:700;padding:4px 10px;border-radius:8px}.report-callout.hard{background:#fef2f2;color:#dc2626}.report-callout.easy{background:#f0fdf4;color:#16a34a}.report-q-table td{vertical-align:middle}.report-q-row-hard{background:#fef2f2}.report-q-row-easy{background:#f0fdf4}.report-pct-bar-wrap{display:inline-block;width:60px;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden;vertical-align:middle;margin-right:6px}.report-pct-bar{height:100%;border-radius:3px;transition:width .3s}.report-pct-label{font-size:12px;font-weight:700;color:#475569}.report-topics-analytics{display:flex;flex-direction:column;gap:10px}.report-topic-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#f8fafc;border-radius:10px;border:1px solid #f1f5f9}.report-topic-info{flex:1;min-width:0}.report-topic-name{display:block;font-size:14px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-topic-meta{font-size:11px;color:#94a3b8}.report-topic-bar-wrap{width:80px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;flex-shrink:0}.report-topic-bar{height:100%;border-radius:4px;transition:width .3s}.report-topic-pct{font-size:14px;font-weight:800;color:#475569;width:40px;text-align:right;flex-shrink:0}.print-assessment-container{position:fixed;left:-9999px;top:0;width:210mm;background:#fff;color:#000;font-family:Times New Roman,Georgia,serif;font-size:12pt;line-height:1.6;z-index:-1;visibility:hidden;pointer-events:none}.test-setter-container{overflow-x:hidden}.test-setter-container img{max-width:100%!important;height:auto!important;object-fit:contain;border-radius:8px}.test-setter-container pre{max-width:100%;overflow-x:auto;white-space:pre-wrap}.test-setter-container code,.test-setter-container p{overflow-wrap:break-word;word-break:break-word}.test-setter-container table{display:block;max-width:100%;overflow-x:auto}.test-setter-container .katex-display,.test-setter-container .katex{max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.test-setter-container .katex-display::-webkit-scrollbar,.test-setter-container .katex::-webkit-scrollbar{display:none}.test-setter-lobby-count-pill{display:inline-block;margin-top:4px;padding:2px 10px;border-radius:20px;background:#eef2ff;color:#6366f1;font-size:12px;font-weight:700}.test-setter-lobby-btn-primary{border-left:4px solid #6366f1;background:#f8f7ff}.test-setter-lobby-btn-primary:hover{background:#eef2ff}.test-setter-my-tests-item-delete.confirm{background:#dc2626;color:#fff;width:auto;padding:0 10px;border-radius:10px;font-size:11px;font-weight:700}.test-setter-my-tests-item-delete.confirm:hover:not(:disabled){background:#b91c1c;color:#fff}.test-setter-copy-toast{background:#0f172a;color:#4ade80}.test-setter-status-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700;flex-shrink:0;letter-spacing:.2px}.test-setter-status-pill.pill-upcoming{background:#eef2ff;color:#6366f1}.test-setter-status-pill.pill-live{background:#dcfce7;color:#16a34a}.test-setter-status-pill.pill-closed{background:#f1f5f9;color:#64748b}.test-setter-status-dot{width:6px;height:6px;border-radius:50%;background:#16a34a;animation:status-pulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.4}}.test-setter-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;border:1.5px dashed #e2e8f0;border-radius:16px;background:#fafbfc;margin-top:10px}.test-setter-empty-state-icon{color:#c7d2fe;margin-bottom:14px}.test-setter-empty-state-heading{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 6px}.test-setter-empty-state-sub{font-size:14px;color:#64748b;margin:0 0 20px;max-width:280px;line-height:1.5}.test-setter-empty-state-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:12px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s}.test-setter-empty-state-btn:hover{opacity:.92;transform:scale(1.02)}.test-setter-skip-advisory{font-size:12px;color:#94a3b8;margin:6px 0 0;font-style:italic}.test-setter-report-stat-line{font-size:13px;font-weight:600;color:#475569;background:#f8fafc;border-radius:8px;padding:8px 14px;margin-bottom:12px;border:1px solid #e2e8f0}.test-setter-report-sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.test-setter-report-sortable-th:hover{color:#6366f1}.test-setter-step{display:flex;flex-direction:column;height:100%;min-height:0;flex:1}.test-setter-step-inner{display:flex;flex-direction:column;flex:1;min-height:0}.test-setter-step-scrollable{overflow-y:auto;padding-bottom:16px}.test-setter-save-schedule-btn-full{flex:1;justify-content:center;padding:12px 20px}.test-setter-create-layout{display:flex;flex-direction:column;flex:1;min-height:0}.test-setter-create-messages-area{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0;padding-bottom:8px}.test-setter-create-input-section{flex-shrink:0;padding-top:8px}.test-setter-create-messages-area .test-setter-messages{margin-bottom:0}.test-setter-input-footer-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;flex-wrap:wrap}.test-setter-options-toggle{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;border:1.5px solid #e2e8f0;background:#f8fafc;font-size:12px;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s}.test-setter-options-toggle:hover,.test-setter-options-toggle.active{background:#eef2ff;border-color:#c7d2fe;color:#6366f1}.test-setter-mcq-footnote{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#94a3b8;font-weight:500}.test-setter-options-panel{margin-top:12px;padding:14px;background:#f8fafc;border-radius:14px;border:1.5px solid #e2e8f0;overflow:hidden}.test-setter-ak-inline-error{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;font-size:13px;font-weight:600;color:#be123c}.test-setter-confirm-answer-key.disabled-dim{opacity:.45;cursor:not-allowed;transform:none!important}.test-setter-schedule-saved-summary{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;font-size:13px;font-weight:600;color:#16a34a;flex-wrap:wrap}.test-setter-schedule-saved-name{color:#0f172a;font-weight:700}.test-setter-schedule-saved-detail{color:#475569;font-weight:500}.test-setter-schedule-edit-btn{margin-left:auto;padding:2px 10px;border-radius:8px;border:1px solid #86efac;background:#fff;color:#16a34a;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.test-setter-schedule-edit-btn:hover{background:#dcfce7}.test-setter-success-header{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.test-setter-success-icon{color:#16a34a;flex-shrink:0}.test-setter-success-test-name{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 2px;word-break:break-word}.test-setter-success-summary{font-size:13px;color:#64748b;margin:0;font-weight:500}.test-setter-step-indicator{display:flex;align-items:center;gap:8px;margin-bottom:20px}.test-setter-step-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;border:1.5px solid #e2e8f0;background:#f8fafc;color:#94a3b8;transition:all .2s}.test-setter-step-pill.active{background:#eef2ff;border-color:#a5b4fc;color:#6366f1}.test-setter-step-pill.done{background:#dcfce7;border-color:#86efac;color:#16a34a}.test-setter-step-arrow{font-size:13px;color:#cbd5e1}.test-setter-share-url-chip{flex:1;padding:10px 14px;border-radius:12px;background:#f1f5f9;font-size:12px;font-family:Fira Mono,Courier New,monospace;font-weight:500;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;cursor:default;border:1px solid #e2e8f0;min-width:0}.test-setter-share-btn-whatsapp{background:#25d366!important;color:#fff!important;border-color:#25d366!important}.test-setter-share-btn-whatsapp:hover{background:#1da851!important;border-color:#1da851!important;color:#fff!important}.test-setter-post-create-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.test-setter-view-my-tests-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;border-radius:12px;border:1.5px solid #e2e8f0;background:transparent;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.test-setter-view-my-tests-btn:hover{background:#f8fafc;border-color:#6366f1;color:#6366f1}.test-setter-share-step-body{flex:1;min-height:0;display:flex;flex-direction:column}.test-setter-share-step-footer{flex-shrink:0;padding-top:16px;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:10px}.test-setter-share-success-row{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px}.test-setter-share-success-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.test-setter-share-success-name{font-size:14px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.test-setter-share-success-meta{font-size:12px;color:#64748b;font-weight:500}.test-setter-share-qr-row{display:flex;align-items:center;gap:16px;margin-top:14px}.test-setter-share-btns-col{flex:1;display:flex;flex-direction:column;gap:10px}.test-setter-share-qr-col{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:8px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.test-setter-action-btn-share{background:#6366f1!important;color:#fff!important;border-color:#6366f1!important}.test-setter-action-btn-share:hover:not(:disabled){background:#4f46e5!important;border-color:#4f46e5!important;color:#fff!important}.test-setter-action-btn-report{border-color:#6366f1!important;color:#6366f1!important;background:#fff!important}.test-setter-action-btn-report:hover:not(:disabled){background:#eef2ff!important;border-color:#4f46e5!important;color:#4f46e5!important}.test-setter-my-tests-item-delete{min-width:36px}.test-setter-my-tests-item-delete.confirm{min-width:72px;max-width:72px}.test-setter-always-available{font-style:italic;color:#94a3b8;font-weight:500;font-size:1.1em}.test-setter-report-dist-bar{margin-bottom:14px;padding:12px 14px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.test-setter-toast-stack{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:3000}.test-setter-toast-stack .test-setter-shortfall-toast{position:static;transform:none;animation:toast-in .25s ease}.test-setter-sort-bar{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap}.test-setter-sort-label{font-size:12px;font-weight:600;color:#94a3b8}.test-setter-sort-chip{padding:3px 10px;border-radius:20px;border:1.5px solid #e2e8f0;background:#fff;font-size:12px;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s}.test-setter-sort-chip:hover{border-color:#a5b4fc;color:#6366f1}.test-setter-sort-chip.active{background:#eef2ff;border-color:#6366f1;color:#6366f1}.test-setter-load-more-btn{width:100%;margin-top:12px;padding:10px;border-radius:12px;border:1.5px dashed #e2e8f0;background:transparent;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.test-setter-load-more-btn:hover{border-color:#6366f1;color:#6366f1;background:#f8f7ff}.ts-share-modal-backdrop{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.ts-share-modal{background:#fff;border-radius:20px;box-shadow:0 24px 64px -12px #00000038;width:100%;max-width:400px;overflow:hidden;display:flex;flex-direction:column}.ts-share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid #f1f5f9}.ts-share-modal-title-row{display:flex;align-items:center;gap:8px}.ts-share-modal-icon{color:#6366f1}.ts-share-modal-title{font-size:16px;font-weight:700;color:#0f172a}.ts-share-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:8px;display:flex;align-items:center;transition:color .15s,background .15s}.ts-share-modal-close:hover{color:#334155;background:#f1f5f9}.ts-share-modal-info{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#fafafa;border-bottom:1px solid #f1f5f9}.ts-share-modal-test-name{flex:1;font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-share-status{flex-shrink:0}.ts-share-modal-url-row{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid #f1f5f9}.ts-share-modal-url{flex:1;font-size:11.5px;font-family:Fira Mono,Courier New,monospace;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;cursor:text;min-width:0}.ts-share-modal-copy-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;font-size:12px;font-weight:600;color:#475569;cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}.ts-share-modal-copy-btn:hover{border-color:#6366f1;color:#6366f1;background:#f8f7ff}.ts-share-modal-actions{display:flex;gap:10px;padding:16px 20px;border-bottom:1px solid #f1f5f9}.ts-share-modal-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 16px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .18s;border:none}.ts-share-btn-whatsapp{background:#25d366;color:#fff}.ts-share-btn-whatsapp:hover{background:#1aab52}.ts-share-btn-copy{background:#f1f5f9;color:#334155;border:1.5px solid #e2e8f0}.ts-share-btn-copy:hover{background:#eef2ff;border-color:#6366f1;color:#6366f1}.ts-share-modal-qr-section{display:flex;flex-direction:column;align-items:center;padding:20px 20px 24px;gap:10px}.ts-share-modal-qr-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000f}.ts-share-modal-qr-label{font-size:12px;color:#94a3b8;text-align:center;margin:0}.ts-share-modal-qr-actions{display:flex;gap:12px}.ts-share-modal-qr-btn{display:flex;align-items:center;gap:5px;background:none;border:none;color:#6366f1;font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.ts-share-modal-qr-btn:hover{background:#eef2ff}.test-setter-share-qr-col{display:flex;flex-direction:column;align-items:center;gap:6px}.test-setter-share-qr-mini-actions{display:flex;gap:8px}.test-setter-share-btn{display:flex;align-items:center;justify-content:center;gap:7px}.fc-teacher-container{padding:0 0 80px;max-width:720px;margin:0 auto}.fc-loading,.fc-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:#6b7280;text-align:center}.fc-error button{margin-top:8px;padding:8px 20px;background:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer}.fc-share-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:12px 14px;margin:16px 16px 0;flex-wrap:wrap}.fc-share-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.fc-share-icon{color:#10b981;flex-shrink:0}.fc-share-label{font-size:11px;font-weight:700;color:#10b981;flex-shrink:0;text-transform:uppercase;letter-spacing:.05em}.fc-share-url{font-size:12px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc-share-btns{display:flex;gap:8px;flex-shrink:0}.fc-copy-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.fc-copy-btn-secondary{background:#fff;color:#10b981;border:1.5px solid #bbf7d0}.fc-tabs-top{display:flex;align-items:center;gap:6px;padding:14px 16px 0;flex-wrap:wrap}.fc-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.fc-tab.active{background:#111827;color:#fff;border-color:#111827}.fc-tab-count{background:#fff3;color:inherit;font-size:11px;font-weight:700;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.fc-tab:not(.active) .fc-tab-count{background:#e5e7eb;color:#374151}.fc-active-filter-chip{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#ede9fe;color:#7c3aed;border:none;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;margin-left:auto}.fc-tab-content{padding:14px 16px 0}.fc-tabs-bottom{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fff;border-top:1px solid #e5e7eb;padding:8px 16px env(safe-area-inset-bottom,8px);gap:8px}.fc-tab-bottom{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border:none;background:transparent;color:#9ca3af;font-size:11px;font-weight:600;cursor:pointer;border-radius:10px;transition:all .15s}.fc-tab-bottom.active{color:#111827;background:#f3f4f6}.fc-tab-bottom .fc-tab-count{background:#e5e7eb;color:#374151;font-size:10px;padding:1px 5px;border-radius:8px}.fc-tab-bottom.active .fc-tab-count{background:#111827;color:#fff}@media(max-width:640px){.fc-tabs-top{display:none}.fc-tabs-bottom{display:flex}.fc-teacher-container{padding-bottom:90px}}.fc-cards-list{display:flex;flex-direction:column;gap:8px}.fc-card-row{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:border-color .2s}.fc-card-row.is-promoted{border-color:#fbbf24;background:#fffbeb}.fc-card-row-main{display:flex;flex-direction:column;gap:8px;padding:12px 14px;cursor:pointer}.fc-card-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.fc-card-badges{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.fc-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.fc-type{background:#ede9fe;color:#7c3aed}.fc-topic{background:#e0f2fe;color:#0369a1}.fc-card-preview{font-size:13px;color:#374151;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.fc-card-row-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.fc-chevron{color:#9ca3af}.fc-action-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:7px;font-size:12px;font-weight:600;border:none;cursor:pointer;white-space:nowrap}.fc-promote-btn{background:#ede9fe;color:#7c3aed}.fc-remove-btn{background:#fee2e2;color:#dc2626}.fc-card-expanded{border-top:1px solid #e5e7eb;overflow:hidden}.fc-q-preview{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.fc-q-text{font-size:14px;color:#111827}.fc-q-solution{background:#f0fdf4;border-left:3px solid #10b981;border-radius:0 8px 8px 0;padding:10px 12px;font-size:13px;color:#374151;display:flex;flex-direction:column;gap:6px}.fc-solution-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#10b981}.fc-eligible-loading{display:flex;justify-content:center;padding:32px;color:#9ca3af}.fc-load-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#f9fafb;border:1.5px dashed #d1d5db;border-radius:10px;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;margin-top:4px}.fc-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.fc-empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;color:#9ca3af;text-align:center;font-size:14px;background:#f9fafb;border-radius:12px;border:1.5px dashed #e5e7eb}.fc-chip{display:flex;align-items:center;justify-content:center;padding:7px 16px;border-radius:20px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#374151;font-size:13px;font-weight:600;cursor:pointer}.fc-chip-clear{background:#fef2f2;color:#dc2626;border-color:#fecaca}.fc-qr-overlay{position:fixed;inset:0;background:#00000080;z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px}.fc-qr-modal{background:#fff;border-radius:20px;padding:24px;width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 20px 60px #0003}.fc-qr-header{display:flex;align-items:center;justify-content:space-between;width:100%}.fc-qr-header h3{font-size:16px;font-weight:700;color:#111827}.fc-qr-close{background:#f3f4f6;border:none;border-radius:8px;padding:6px;cursor:pointer;color:#6b7280;display:flex}.fc-qr-code{background:#fff;padding:12px;border-radius:12px;border:1.5px solid #e5e7eb}.fc-qr-url{font-size:11px;color:#9ca3af;word-break:break-all;text-align:center;line-height:1.5}.fc-qr-actions{display:flex;gap:10px;width:100%}.fc-qr-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.fc-qr-btn:hover{background:#f3f4f6}.fcv-fullscreen-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:100dvh;color:#6b7280;text-align:center;padding:32px}.fcv-container{display:flex;flex-direction:column;min-height:100dvh;background:#f9fafb;max-width:600px;margin:0 auto;padding-bottom:32px}.fcv-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 20px 10px;background:#fff;border-bottom:1px solid #f3f4f6}.fcv-header-info{display:flex;flex-direction:column;gap:4px}.fcv-course-name{font-size:17px;font-weight:700;color:#111827;margin:0}.fcv-progress-label{font-size:12px;color:#6b7280}.fcv-filter-toggle{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#f3f4f6;border:none;border-radius:8px;font-size:13px;color:#374151;cursor:pointer;flex-shrink:0;font-weight:600}.fcv-progress-bar{height:4px;background:#e5e7eb;position:relative}.fcv-progress-fill{height:100%;background:#10b981;transition:width .4s ease;border-radius:0 2px 2px 0}.fcv-filters-panel{background:#fff;border-bottom:1px solid #e5e7eb;overflow:hidden;padding:0 16px}.fcv-filters-row{display:flex;gap:8px;flex-wrap:wrap;padding:10px 0;align-items:center}.fcv-select{flex:1;min-width:120px;padding:8px 10px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:13px;background:#f9fafb;color:#374151;cursor:pointer}.fcv-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:13px;background:#f9fafb;color:#374151;cursor:pointer;font-weight:500}.fcv-toggle-btn.active{background:#ede9fe;border-color:#c4b5fd;color:#6d28d9}.fcv-card-meta{display:flex;align-items:center;gap:6px;padding:14px 20px 6px;flex-wrap:wrap}.fcv-meta-tag{font-size:11px;font-weight:600;padding:3px 8px;border-radius:5px;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;gap:3px}.fcv-read-tag{background:#d1fae5;color:#065f46}.fcv-counter{margin-left:auto;font-size:13px;font-weight:600;color:#9ca3af}.fcv-card-wrap{flex:1;padding:10px 16px;overflow:hidden;perspective:1000px}.fcv-card-slide{width:100%;cursor:pointer}.fcv-card{background:#fff;border-radius:20px;border:1.5px solid #e5e7eb;box-shadow:0 4px 24px #00000012;min-height:340px;display:flex;flex-direction:column;overflow:hidden}.fcv-face{flex:1;display:flex;flex-direction:column;padding:24px 20px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.fcv-face-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;padding:4px 10px;border-radius:5px;align-self:flex-start}.fcv-front .fcv-face-label{background:#ede9fe;color:#7c3aed}.fcv-back .fcv-face-label{background:#d1fae5;color:#065f46}.fcv-q-text{font-size:15px;line-height:1.6;color:#111827;flex:1}.fcv-options{margin-top:14px;display:flex;flex-direction:column;gap:6px}.fcv-opt{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#374151}.fcv-opt-label{font-weight:700;color:#6b7280;flex-shrink:0;min-width:18px}.fcv-tap-hint{margin-top:20px;text-align:center;font-size:12px;color:#9ca3af;letter-spacing:.03em}.fcv-correct-option{display:flex;align-items:flex-start;gap:8px;background:#d1fae5;border-radius:10px;padding:12px 14px;font-size:14px;font-weight:600;color:#065f46;margin-bottom:14px}.fcv-correct-option svg{flex-shrink:0;margin-top:2px}.fcv-solution{background:#f9fafb;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px;font-size:14px;color:#374151;flex:1}.fcv-solution-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af}.fcv-nav{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px}.fcv-nav-btn{width:48px;height:48px;border-radius:50%;border:1.5px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#374151;transition:all .15s}.fcv-nav-btn:disabled{opacity:.35;cursor:not-allowed}.fcv-nav-btn:not(:disabled):hover{background:#f3f4f6}.fcv-mark-btn{display:flex;align-items:center;gap:8px;padding:12px 28px;background:#6366f1;color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s;min-width:130px;justify-content:center}.fcv-mark-btn.is-read{background:#e5e7eb;color:#374151}.fcv-mark-btn:disabled{opacity:.6;cursor:not-allowed}.fcv-restart-btn{display:flex;align-items:center;gap:6px;margin:0 auto;padding:6px 14px;background:none;border:none;color:#9ca3af;font-size:12px;cursor:pointer}.fcv-empty-deck{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 24px;text-align:center;color:#6b7280}.fcv-done-icon{color:#10b981}.fcv-empty-deck h3{font-size:20px;font-weight:700;color:#111827;margin:0}.fcv-btn-primary{margin-top:8px;padding:12px 28px;background:#6366f1;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer}.spin-slow{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.snip-tool-page{padding:20px;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.snip-errors-area{display:flex;flex-direction:column;gap:8px;position:sticky;top:0;z-index:10}.snip-error-toast{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500}.snip-error-toast button{margin-left:auto;background:none;border:none;cursor:pointer;color:#dc2626;display:flex;align-items:center;padding:0}.snip-upload-zone{border:2px dashed #d1d5db;border-radius:16px;padding:36px 24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:#fafafa;-webkit-user-select:none;user-select:none}.snip-upload-zone:hover,.snip-upload-zone.drag-over{border-color:#6366f1;background:#f5f3ff}.snip-upload-zone.uploading{cursor:default;opacity:.7}.snip-upload-inner{display:flex;flex-direction:column;align-items:center;gap:12px}.snip-upload-icon{color:#6366f1;opacity:.7}.snip-upload-text{display:flex;flex-direction:column;gap:4px}.snip-upload-primary{font-size:15px;font-weight:600;color:#374151}.snip-upload-hint{font-size:12px;color:#9ca3af}.snip-library-header{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.snip-library-title{font-size:14px;font-weight:600;color:#374151;letter-spacing:.02em;text-transform:uppercase}.snip-library-count{font-size:12px;color:#9ca3af;font-weight:500}.snip-loading{display:flex;justify-content:center;padding:40px}.snip-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:#9ca3af;text-align:center}.snip-empty-icon{opacity:.3}.snip-empty-state p{font-size:14px;margin:0}.snip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.snip-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s}.snip-card:hover{box-shadow:0 4px 16px #00000012}.snip-card-meta{display:flex;align-items:center;gap:8px;padding:12px 14px 8px;border-bottom:1px solid #f3f4f6}.snip-card-filename{font-size:12px;font-weight:600;color:#374151;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snip-card-date{font-size:11px;color:#9ca3af;white-space:nowrap;flex-shrink:0}.snip-card-pages{font-size:10px;background:#f3f4f6;color:#6b7280;border-radius:6px;padding:2px 6px;font-weight:600;flex-shrink:0}.snip-card-preview{padding:12px 14px;flex:1;max-height:200px;overflow:hidden;font-size:13px;line-height:1.6;color:#374151;mask-image:linear-gradient(to bottom,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}.snip-card-preview .markdown-with-equations{font-size:13px}.snip-card-preview img.q-image{max-width:100%;max-height:120px;object-fit:contain;border-radius:6px}.snip-empty-text{color:#9ca3af;font-style:italic;font-size:12px}.snip-card-actions{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid #f3f4f6;background:#fafafa}.snip-confirm-label{font-size:12px;color:#6b7280;flex:1}.snip-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;border:none;border-radius:8px;padding:6px 12px;cursor:pointer;transition:background .15s,color .15s}.snip-btn-copy{background:#6366f1;color:#fff;flex:1}.snip-btn-copy:hover{background:#4f46e5}.snip-btn-copy:disabled{opacity:.4;cursor:not-allowed}.snip-btn-ghost{background:#f3f4f6;color:#6b7280}.snip-btn-ghost:hover{background:#e5e7eb}.snip-btn-danger{background:#fef2f2;color:#dc2626}.snip-btn-danger:hover{background:#fee2e2}.snip-btn-delete{padding:6px 8px}.snip-btn-view{background:#f3f4f6;color:#374151;flex:1}.snip-btn-view:hover{background:#e5e7eb}.snip-card-processing{border-style:dashed;border-color:#d1d5db}.snip-processing-inner{display:flex;align-items:center;gap:12px;padding:20px 16px;min-height:80px}.snip-processing-text{display:flex;flex-direction:column;gap:3px}.snip-processing-name{font-size:13px;font-weight:600;color:#374151}.snip-processing-hint{font-size:11px;color:#9ca3af}.snip-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:snip-spin .7s linear infinite;flex-shrink:0}.snip-upload-spinner{width:28px;height:28px;border-width:3px}@keyframes snip-spin{to{transform:rotate(360deg)}}.snip-card-preview{position:relative;cursor:pointer}.snip-preview-expand-hint{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#6366f1;font-weight:600;padding:8px;background:linear-gradient(to bottom,transparent,#fff 60%);opacity:0;transition:opacity .15s}.snip-card:hover .snip-preview-expand-hint{opacity:1}.snip-modal-backdrop{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.snip-modal{background:#fff;border-radius:18px;width:100%;max-width:680px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;overflow:hidden}.snip-modal-header{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 14px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.snip-modal-title-row{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.snip-modal-filename{font-size:16px;font-weight:700;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snip-modal-meta{display:flex;align-items:center;gap:8px}.snip-modal-close{background:#f3f4f6;border:none;border-radius:8px;padding:6px;cursor:pointer;color:#6b7280;display:flex;align-items:center;flex-shrink:0;transition:background .15s}.snip-modal-close:hover{background:#e5e7eb}.snip-modal-body{flex:1;overflow-y:auto;padding:20px;font-size:14px;line-height:1.7;color:#374151}.snip-modal-body img.q-image{max-width:100%;border-radius:8px;margin:8px 0}.snip-modal-footer{display:flex;align-items:center;gap:8px;padding:14px 20px;border-top:1px solid #f3f4f6;background:#fafafa;flex-shrink:0}.snip-modal-footer .snip-btn-copy,.snip-modal-footer .snip-confirm-label{flex:1}@media(max-width:600px){.snip-tool-page{padding:14px}.snip-grid{grid-template-columns:1fr}}