:root {
  --text-color: #e6e6e9;
  --text-secondary-color: #a1a1aa;
  --text-disabled-color: #52525b;
  --text-blue-gradient: linear-gradient(to right, #3b82f6, #e3eeff);
  --main-background: #0d0d0f;
  --secondary-background: #121214;
  --tertiary-background: #1c1c1f;
  --accent-blue: #3b82f6;
  --accent-blue-transparent: #3b83f63b;
  --accent-green: #22c55e;
  --accent-orange: #f59e0b;
  --accent-red: #ef4444;
  --accent-purple: #8b5cf6;
  --border-color: #2e2e35;
  --hover-color: #2a2a30;
  --active-color: #374151;
  --drop-shadow-text-color: #374151;
  --notice-text-color-small: #626e94;
  --header-shadow-color: rgba(33, 32, 47, 0.25);
  --header-background-color: rgb(35, 35, 39, 0.5);
}

* {
  margin: 0;
  padding: 0;
  font-family: "Roboto Flex", Helvetica;
  color: var(--text-color);
  box-sizing: border-box;
}

body {
  background: var(--secondary-background);
}

html[data-personalize="1"],
body[data-personalize="1"] {
  height: 100%;
  min-height: 100%;
}

body[data-personalize="1"] {
  display: flex;
  justify-content: center;
  align-items: center;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  text-shadow: 0px 0px 7px var(--drop-shadow-text-color);
}

button:hover {
  cursor: pointer;
}

.text-gradient {
  background: var(--text-blue-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.arrow {
  position: relative;
  margin-top: 4rem;
  width: 4px;
  height: 220px;
  background-color: #3b82f6;
}

.arrow::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  width: 14px;
  height: 14px;
  background-color: #3b82f6;
  transform: translateX(-50%) rotate(45deg);
  border-radius: 1px;
}

.arrow::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  width: 14px;
  height: 14px;
  border-left: 4px solid #3b82f6;
  border-bottom: 4px solid #3b82f6;
  transform: translateX(-50%) rotate(-45deg);
}

@keyframes fly-move {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }

  20% {
    transform: translate(15vw, -20vh) rotate(60deg);
  }

  40% {
    transform: translate(-10vw, 15vh) rotate(-40deg);
  }

  60% {
    transform: translate(20vw, 10vh) rotate(90deg);
  }

  80% {
    transform: translate(-15vw, -15vh) rotate(-70deg);
  }

  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}

@keyframes fly-wobble {
  0%,
  100% {
    transform: scale(1) rotate(0deg);
  }

  25% {
    transform: scale(1.3) rotate(15deg);
  }

  50% {
    transform: scale(0.8) rotate(-10deg);
  }

  75% {
    transform: scale(1.2) rotate(8deg);
  }
}

.fly {
  position: fixed;
  background: var(--accent-blue);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  animation:
    fly-move linear infinite,
    fly-wobble ease-in-out infinite;
  animation-timing-function: cubic-bezier(0.3, 0.7, 0.7, 0.3);
}

.fly::before {
  content: "";
  position: absolute;
  inset: -4px;
  background: radial-gradient(
    circle,
    rgba(161, 161, 170, 0.3) 0%,
    transparent 70%
  );
  border-radius: 50%;
  animation: inherit;
  animation-name: fly-wobble;
}
@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/assets/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(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/assets/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(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/assets/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(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/assets/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(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;position:relative;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.43"}.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 .smash{display:inline;line-height:0}.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}

.toast-container[data-v-b4696ef6] {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 400px;
  pointer-events: none;
}
.toast[data-v-b4696ef6] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 12px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  font-size: 13px;
  font-weight: 500;
  pointer-events: auto;
  min-width: 280px;
}
.toast--error[data-v-b4696ef6] {
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.25);
  color: #fca5a5;
}
.toast--success[data-v-b4696ef6] {
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.25);
  color: #86efac;
}
.toast--warning[data-v-b4696ef6] {
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.25);
  color: #fcd34d;
}
.toast-icon[data-v-b4696ef6] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.toast--error .toast-icon[data-v-b4696ef6] {
  color: #ef4444;
}
.toast--success .toast-icon[data-v-b4696ef6] {
  color: #22c55e;
}
.toast--warning .toast-icon[data-v-b4696ef6] {
  color: #f59e0b;
}
.toast-message[data-v-b4696ef6] {
  flex: 1;
  line-height: 1.4;
  color: var(--text-color);
}
.toast-close[data-v-b4696ef6] {
  flex-shrink: 0;
  background: none;
  border: none;
  color: var(--text-secondary-color);
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.toast-close[data-v-b4696ef6]:hover {
  color: var(--text-color);
  background: rgba(255, 255, 255, 0.1);
}
.toast-enter-active[data-v-b4696ef6] {
  animation: slideIn-b4696ef6 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.toast-leave-active[data-v-b4696ef6] {
  animation: slideOut-b4696ef6 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes slideIn-b4696ef6 {
from {
    opacity: 0;
    transform: translateX(80px) scale(0.95);
}
to {
    opacity: 1;
    transform: translateX(0) scale(1);
}
}
@keyframes slideOut-b4696ef6 {
from {
    opacity: 1;
    transform: translateX(0) scale(1);
}
to {
    opacity: 0;
    transform: translateX(80px) scale(0.95);
}
}
@media (max-width: 480px) {
.toast-container[data-v-b4696ef6] {
    left: 12px;
    right: 12px;
    max-width: none;
}
.toast[data-v-b4696ef6] {
    min-width: 0;
}
}

.icon-renderer[data-v-400e672f] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-section[data-v-65ed697f] {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8rem 2rem 4rem;
  overflow: hidden;
  background-color: var(--main-background);
}
.glow-orb[data-v-65ed697f] {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  z-index: 0;
  opacity: 0.5;
}
.orb-1[data-v-65ed697f] {
  top: -10%;
  left: -10%;
  width: 50vw;
  height: 50vw;
  background: radial-gradient(
    circle,
    rgba(59, 130, 246, 0.15) 0%,
    transparent 70%
  );
}
.orb-2[data-v-65ed697f] {
  bottom: -20%;
  right: -10%;
  width: 60vw;
  height: 60vw;
  background: radial-gradient(
    circle,
    rgba(167, 139, 250, 0.12) 0%,
    transparent 70%
  );
}
.orb-3[data-v-65ed697f] {
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40vw;
  height: 40vw;
  background: radial-gradient(
    circle,
    rgba(99, 102, 241, 0.1) 0%,
    transparent 70%
  );
}
.hero-content[data-v-65ed697f] {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 800px;
  width: 100%;
}
.hero-title[data-v-65ed697f] {
  font-size: clamp(2.5rem, 6vw, 5rem);
  font-weight: 800;
  line-height: 1.1;
  color: var(--text-color);
  margin: 0 0 1.5rem;
  letter-spacing: -1px;
  animation: fadeUp-65ed697f 0.8s ease-out 0.1s both;
}
.solid-blue-text[data-v-65ed697f] {
  color: var(--accent-blue);
}
.hero-subtitle[data-v-65ed697f] {
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.6;
  color: var(--text-secondary-color);
  max-width: 600px;
  margin: 0 0 3rem;
  animation: fadeUp-65ed697f 0.8s ease-out 0.2s both;
}
.action-area[data-v-65ed697f] {
  width: 100%;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeUp-65ed697f 0.8s ease-out 0.3s both;
}
.input-group[data-v-65ed697f] {
  display: flex;
  width: 100%;
  background: rgba(28, 28, 31, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 0.5rem;
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  transition: border-color 0.3s ease;
}
.input-group[data-v-65ed697f]:focus-within {
  border-color: rgba(59, 130, 246, 0.5);
  box-shadow: 0 8px 32px rgba(59, 130, 246, 0.15);
}
.email-input[data-v-65ed697f] {
  flex: 1;
  background: transparent;
  border: none;
  padding: 0 1rem;
  color: var(--text-color);
  font-size: 1rem;
  outline: none;
  min-width: 0;
}
.email-input[data-v-65ed697f]::placeholder {
  color: var(--text-secondary-color);
}
.primary-action-btn[data-v-65ed697f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--accent-blue);
  color: white;
  border: none;
  padding: 0.875rem 1.5rem;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.primary-action-btn[data-v-65ed697f]:hover {
  background: #2563eb;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}
.no-cc[data-v-65ed697f] {
  font-size: 0.85rem;
  color: var(--text-secondary-color);
  margin: 1rem 0 2rem;
  opacity: 0.8;
}
.secondary-actions[data-v-65ed697f] {
  display: flex;
  gap: 1rem;
}
.learn-more-btn[data-v-65ed697f] {
  background: transparent;
  border: none;
  color: var(--text-secondary-color);
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.2s ease;
  position: relative;
}
.learn-more-btn[data-v-65ed697f]::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}
.learn-more-btn[data-v-65ed697f]:hover {
  color: var(--text-color);
}
.learn-more-btn[data-v-65ed697f]:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}
@keyframes fadeDown-65ed697f {
from {
    opacity: 0;
    transform: translateY(-20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes fadeUp-65ed697f {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@media (max-width: 640px) {
.input-group[data-v-65ed697f] {
    flex-direction: column;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    gap: 0.75rem;
}
.email-input[data-v-65ed697f] {
    width: 100%;
    background: rgba(28, 28, 31, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1rem;
    box-sizing: border-box;
}
.primary-action-btn[data-v-65ed697f] {
    width: 100%;
    justify-content: center;
}
}

.tertiary-button[data-v-84d474cb] {
    font-size: clamp(0.8rem, 2vw, 1.02rem);
    font-weight: bold;
    border: none;
    background: none;
    text-shadow: 0px 0px 7px var(--drop-shadow-text-color);
    letter-spacing: 1px;
    transition: all 0.2s ease;
}
.tertiary-button[data-v-84d474cb]:hover {
    transform: scale(1.05);
    color: var(--accent-blue);
    transition: all 0.2s ease;
}

.header-container[data-v-48def2ea] {
  position: fixed;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 2rem);
  max-width: 1200px;
  z-index: 999;
  transition: all 0.3s ease;
}
.header-container.is-scrolled .header-inner[data-v-48def2ea] {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.308);
  border-color: rgba(255, 255, 255, 0.1);
}
.header-inner[data-v-48def2ea] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.5rem;
  background: none;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 100px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}
.header-left[data-v-48def2ea] {
  display: flex;
  align-items: center;
}
.brand[data-v-48def2ea] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
}
.brand-logo[data-v-48def2ea] {
  height: 32px;
  width: auto;
}
.brand-name[data-v-48def2ea] {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0;
  color: var(--text-color);
  letter-spacing: -0.5px;
}
.header-nav[data-v-48def2ea] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.header-right[data-v-48def2ea] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.divider[data-v-48def2ea] {
  width: 1px;
  height: 24px;
  background: rgba(255, 255, 255, 0.1);
  margin: 0 0.5rem;
}
.signup-btn[data-v-48def2ea] {
  color: var(--accent-blue) !important;
  font-weight: 600 !important;
}
.mobile-toggle[data-v-48def2ea] {
  background: transparent;
  border: none;
  color: var(--text-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0.5rem;
}
.mobile-only[data-v-48def2ea] {
  display: none;
}
.mobile-menu[data-v-48def2ea] {
  position: absolute;
  top: calc(100% + 1rem);
  left: 0;
  width: 100%;
  background: rgba(28, 28, 31, 0.98);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  padding: 1rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 998;
}
.mobile-menu.is-open[data-v-48def2ea] {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.mobile-nav[data-v-48def2ea] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.mobile-link[data-v-48def2ea] {
  background: transparent;
  border: none;
  color: var(--text-secondary-color);
  font-size: 1rem;
  font-weight: 500;
  padding: 0.75rem 1rem;
  text-align: left;
  border-radius: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.mobile-link[data-v-48def2ea]:hover {
  background: rgba(255, 255, 255, 0.05);
  color: var(--text-color);
}
.mobile-divider[data-v-48def2ea] {
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  margin: 0.5rem 0;
}
.mobile-link.highlight[data-v-48def2ea] {
  color: var(--accent-blue);
  font-weight: 600;
}
@media (max-width: 900px) {
.desktop-only[data-v-48def2ea] {
    display: none !important;
}
.mobile-only[data-v-48def2ea] {
    display: flex;
}
.header-inner[data-v-48def2ea] {
    padding: 0.6rem 1.25rem;
}
.brand-name[data-v-48def2ea] {
    font-size: 1.1rem;
}
}

.promise-holder[data-v-465e9380] {
  position: relative;
  isolation: isolate;
  width: 100%;
  overflow: clip;
  padding: 8rem 2rem;
}
.promise-inner[data-v-465e9380] {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}
.promise-holder[data-v-465e9380]::before,
.promise-holder[data-v-465e9380]::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.promise-holder[data-v-465e9380]::before {
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(
      70% 60% at 0% 0%,
      rgba(59, 130, 246, 0.22) 0%,
      rgba(59, 130, 246, 0) 70%
    ),
    radial-gradient(
      65% 58% at 100% 100%,
      rgba(16, 185, 129, 0.2) 0%,
      rgba(16, 185, 129, 0) 72%
    ),
    linear-gradient(180deg, rgba(10, 16, 34, 0.2), rgba(10, 16, 34, 0));
}
.promise-holder[data-v-465e9380]::after {
  inset: 0;
  z-index: -1;
  background: linear-gradient(
    90deg,
    rgba(59, 130, 246, 0) 0%,
    rgba(59, 130, 246, 0.09) 45%,
    rgba(16, 185, 129, 0.08) 55%,
    rgba(16, 185, 129, 0) 100%
  );
  opacity: 0.55;
}
.section-header[data-v-465e9380] {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 3.5rem;
}
.title-promise[data-v-465e9380] {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: var(--accent-blue);
  margin: 0;
  letter-spacing: -0.8px;
  text-wrap: balance;
}
.feature-flow[data-v-465e9380] {
  display: flex;
  flex-direction: column;
  position: relative;
}
.feature-flow[data-v-465e9380]::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0.75rem;
  bottom: 0.75rem;
  width: 1px;
  background: linear-gradient(
    180deg,
    rgba(59, 130, 246, 0.12),
    rgba(167, 139, 250, 0.18),
    rgba(16, 185, 129, 0.16)
  );
  transform: translateX(-0.5px);
}
.feature-row[data-v-465e9380] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3.2rem;
  padding: 2.2rem 0;
  position: relative;
  transition: transform 0.3s ease;
}
.feature-row[data-v-465e9380]::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(59, 130, 246, 0),
    rgba(59, 130, 246, 0.25),
    rgba(16, 185, 129, 0)
  );
}
.feature-row[data-v-465e9380]:hover {
  transform: translateX(8px);
}
.feature-row.reverse[data-v-465e9380] {
  flex-direction: row-reverse;
}
.feature-content[data-v-465e9380] {
  flex: 1;
  max-width: 640px;
}
.feature-content h3[data-v-465e9380] {
  font-size: clamp(1.55rem, 3.1vw, 2.2rem);
  font-weight: 700;
  color: var(--text-color);
  margin: 0 0 1rem;
  line-height: 1.2;
  transition:
    letter-spacing 0.25s ease,
    color 0.25s ease;
}
.feature-content p[data-v-465e9380] {
  font-size: 1.02rem;
  line-height: 1.75;
  color: var(--text-secondary-color);
  margin: 0;
}
.feature-row:hover .feature-content h3[data-v-465e9380] {
  letter-spacing: 0.3px;
  color: color-mix(in srgb, var(--text-color) 82%, var(--accent-blue));
}
.highlight[data-v-465e9380] {
  color: color-mix(in srgb, var(--text-color) 84%, var(--accent-blue));
  font-weight: 500;
  display: block;
  margin-top: 1rem;
  transition: color 0.25s ease;
}
.feature-row:hover .highlight[data-v-465e9380] {
  color: var(--text-color);
}
.feature-visual[data-v-465e9380] {
  flex: 0 0 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.feature-visual[data-v-465e9380]::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  left: -44px;
  top: 50%;
  transform: translateY(-50%);
  background: color-mix(in srgb, var(--accent-blue) 70%, #ffffff 30%);
  box-shadow: 0 0 0 6px rgba(59, 130, 246, 0.12);
}
.feature-row.reverse .feature-visual[data-v-465e9380]::before {
  left: auto;
  right: -44px;
}
.icon-orb[data-v-465e9380] {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.03);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease;
}
.icon-orb[data-v-465e9380]::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  filter: blur(24px);
  opacity: 0.65;
  z-index: -1;
}
.feature-row:hover .icon-orb[data-v-465e9380] {
  transform: scale(1.08);
  border-color: rgba(255, 255, 255, 0.28);
}
.icon-orb.blue[data-v-465e9380] {
  color: #3b82f6;
}
.icon-orb.blue[data-v-465e9380]::before {
  background: rgba(59, 130, 246, 0.4);
}
.icon-orb.purple[data-v-465e9380] {
  color: #a78bfa;
}
.icon-orb.purple[data-v-465e9380]::before {
  background: rgba(167, 139, 250, 0.4);
}
.icon-orb.green[data-v-465e9380] {
  color: #10b981;
}
.icon-orb.green[data-v-465e9380]::before {
  background: rgba(16, 185, 129, 0.4);
}
.icon-orb.orange[data-v-465e9380] {
  color: #f59e0b;
}
.icon-orb.orange[data-v-465e9380]::before {
  background: rgba(245, 158, 11, 0.4);
}
@media (max-width: 900px) {
.feature-flow[data-v-465e9380]::before {
    display: none;
}
.feature-row[data-v-465e9380],
  .feature-row.reverse[data-v-465e9380] {
    flex-direction: column-reverse;
    text-align: center;
    gap: 2rem;
    padding: 1.6rem 0;
}
.feature-row[data-v-465e9380]:hover {
    transform: none;
}
.feature-content[data-v-465e9380] {
    max-width: 100%;
}
.feature-content h3[data-v-465e9380] {
    font-size: 1.75rem;
}
.feature-visual[data-v-465e9380] {
    flex: 0 0 auto;
}
.feature-visual[data-v-465e9380]::before,
  .feature-row.reverse .feature-visual[data-v-465e9380]::before {
    left: 50%;
    right: auto;
    top: auto;
    bottom: -26px;
    transform: translateX(-50%);
}
.icon-orb[data-v-465e9380] {
    width: 76px;
    height: 76px;
}
}
@media (max-width: 640px) {
.promise-holder[data-v-465e9380] {
    padding: 4rem 1rem;
}
}

.info-section[data-v-38fdb9bc] {
  padding: 8rem 2rem;
  background-color: var(--main-background);
  position: relative;
}
.narrative-container[data-v-38fdb9bc] {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.narrative-block[data-v-38fdb9bc] {
  display: flex;
  gap: 4rem;
  align-items: flex-start;
  padding: 2rem 0;
}
.narrative-header[data-v-38fdb9bc] {
  flex: 0 0 300px;
  position: sticky;
  top: 100px;
}
.icon-orb[data-v-38fdb9bc] {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  background: rgba(255, 255, 255, 0.03);
}
.icon-orb.blue[data-v-38fdb9bc] {
  color: #3b82f6;
}
.icon-orb.purple[data-v-38fdb9bc] {
  color: #a78bfa;
}
.icon-orb.green[data-v-38fdb9bc] {
  color: #10b981;
}
.title-text[data-v-38fdb9bc] {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--text-color);
  line-height: 1.1;
  letter-spacing: -1px;
  margin: 0;
}
.narrative-content[data-v-38fdb9bc] {
  flex: 1;
  padding-top: 1rem;
}
.narrative-content p[data-v-38fdb9bc] {
  font-size: 1.125rem;
  line-height: 1.8;
  color: var(--text-secondary-color);
  margin: 0 0 1.5rem;
}
.narrative-content p[data-v-38fdb9bc]:last-child {
  margin-bottom: 0;
}
.divider[data-v-38fdb9bc] {
  width: 100%;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.1) 50%,
    transparent
  );
  margin: 2rem 0;
}
@media (max-width: 900px) {
.narrative-block[data-v-38fdb9bc] {
    flex-direction: column;
    gap: 2rem;
}
.narrative-header[data-v-38fdb9bc] {
    flex: auto;
    position: static;
}
.title-text[data-v-38fdb9bc] {
    font-size: 2rem;
}
.narrative-content[data-v-38fdb9bc] {
    padding-top: 0;
}
}
@media (max-width: 640px) {
.info-section[data-v-38fdb9bc] {
    padding: 4rem 1rem;
}
.narrative-block[data-v-38fdb9bc] {
    padding: 1rem 0;
}
}

.plans-section[data-v-9f9150bc] {
  padding: 8rem 2rem;
  background-color: var(--secondary-background);
  position: relative;
  overflow: hidden;
}
.plans-section[data-v-9f9150bc]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 600px;
  background: radial-gradient(
    ellipse at top,
    rgba(59, 130, 246, 0.1) 0%,
    transparent 70%
  );
  pointer-events: none;
}
.plans-header[data-v-9f9150bc] {
  text-align: center;
  margin-bottom: 4rem;
  position: relative;
  z-index: 1;
}
.plans-header h2[data-v-9f9150bc] {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--text-color);
  margin: 0 0 1rem;
}
.plans-header p[data-v-9f9150bc] {
  font-size: 1.125rem;
  color: var(--text-secondary-color);
  max-width: 600px;
  margin: 0 auto;
}
.plans-container[data-v-9f9150bc] {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  position: relative;
  z-index: 1;
}
.plan-card[data-v-9f9150bc] {
  background: rgba(28, 28, 31, 0.6);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 24px;
  padding: 3rem 2.5rem;
  display: flex;
  flex-direction: column;
  position: relative;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
.plan-card[data-v-9f9150bc]:hover {
  transform: translateY(-5px);
}
.plan-card.popular[data-v-9f9150bc] {
  background: linear-gradient(
    180deg,
    rgba(38, 40, 50, 0.8) 0%,
    rgba(28, 28, 31, 0.9) 100%
  );
  border-color: rgba(59, 130, 246, 0.3);
  box-shadow:
    0 20px 40px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.popular-badge[data-v-9f9150bc] {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, var(--accent-blue) 0%, #549eff 100%);
  color: white;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0.4rem 1.25rem;
  border-radius: 100px;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}
.plan-heading h3[data-v-9f9150bc] {
  font-size: 1.75rem;
  font-weight: 600;
  color: var(--text-color);
  margin: 0 0 0.75rem;
}
.description[data-v-9f9150bc] {
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--text-secondary-color);
  margin: 0 0 2rem;
  min-height: 3rem;
}
.plan-price[data-v-9f9150bc] {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.currency[data-v-9f9150bc] {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-color);
  margin-bottom: 6px;
}
.amount[data-v-9f9150bc] {
  font-size: 3.5rem;
  font-weight: 700;
  color: var(--text-color);
  line-height: 1;
  letter-spacing: -2px;
}
.period[data-v-9f9150bc] {
  font-size: 1rem;
  color: var(--text-secondary-color);
  margin-bottom: 6px;
  margin-left: 4px;
}
.feature-list[data-v-9f9150bc] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 3rem;
  flex-grow: 1;
}
.feature[data-v-9f9150bc] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.95rem;
}
.feature.included[data-v-9f9150bc] {
  color: var(--text-color);
}
.feature.included .icon[data-v-9f9150bc] {
  color: #10b981;
}
.feature.included.highlight[data-v-9f9150bc] {
  font-weight: 600;
}
.feature.included.highlight .icon[data-v-9f9150bc] {
  color: var(--accent-blue);
}
.feature.excluded[data-v-9f9150bc] {
  color: var(--text-secondary-color);
  opacity: 0.6;
}
.feature.excluded .icon[data-v-9f9150bc] {
  color: var(--text-secondary-color);
}
.button-holder[data-v-9f9150bc] {
  width: 100%;
}
.plan-btn[data-v-9f9150bc] {
  width: 100%;
  padding: 1rem;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: center;
}
.plan-btn.outline[data-v-9f9150bc] {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--text-color);
}
.plan-btn.outline[data-v-9f9150bc]:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.4);
}
.plan-btn.solid[data-v-9f9150bc] {
  background: var(--accent-blue);
  border: none;
  color: white;
}
.plan-btn.solid[data-v-9f9150bc]:hover {
  background: #2563eb;
  transform: translateY(-1px);
  box-shadow: 0 8px 16px rgba(59, 130, 246, 0.3);
}
@media (max-width: 900px) {
.plans-container[data-v-9f9150bc] {
    grid-template-columns: 1fr;
    max-width: 500px;
}
}
@media (max-width: 640px) {
.plans-section[data-v-9f9150bc] {
    padding: 4rem 1rem;
}
.plan-card[data-v-9f9150bc] {
    padding: 2.5rem 1.5rem;
}
}

.text-gradient[data-v-51796afc] {
  text-shadow: none !important;
}
.footer-area[data-v-51796afc] {
  background-color: var(--secondary-background);
  padding: 4rem 2rem 2rem;
  width: 100%;
  box-sizing: border-box;
}
.footer-content[data-v-51796afc] {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 3rem;
  margin-bottom: 3rem;
}
.footer-brand[data-v-51796afc] {
  flex: 1 1 300px;
  max-width: 400px;
}
.footer-logo[data-v-51796afc] {
  height: 48px;
  margin-bottom: 1rem;
}
.brand-desc[data-v-51796afc] {
  color: var(--text-secondary-color);
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 0;
}
.footer-links[data-v-51796afc] {
  display: flex;
  gap: 4rem;
  flex-wrap: wrap;
}
.link-group[data-v-51796afc] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.link-group h4[data-v-51796afc] {
  color: var(--text-color);
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0 0 0.5rem;
}
.link-group a[data-v-51796afc],
.wip-link[data-v-51796afc] {
  color: var(--text-secondary-color);
  text-decoration: none;
  font-size: 0.95rem;
  transition: color 0.2s ease;
}
.link-group a[data-v-51796afc]:hover {
  color: var(--accent-blue);
}
.wip-link[data-v-51796afc] {
  cursor: default;
}
.wip-link strong[data-v-51796afc] {
  color: var(--text-secondary-color);
}
.footer-bottom[data-v-51796afc] {
  max-width: 1200px;
  margin: 0 auto;
}
.footer-bottom hr[data-v-51796afc] {
  border: none;
  border-top: 1px solid var(--border-color);
  margin-bottom: 1.5rem;
}
.footer-contact[data-v-51796afc] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  color: var(--text-secondary-color);
  font-size: 0.95rem;
}
.footer-contact p[data-v-51796afc] {
  margin: 0;
}
.copyright[data-v-51796afc] {
  text-align: center;
  color: var(--text-secondary-color);
  font-size: 0.9rem;
}
.copyright p[data-v-51796afc] {
  margin: 0;
}
@media (max-width: 768px) {
.footer-content[data-v-51796afc] {
    flex-direction: column;
    gap: 2rem;
}
.footer-links[data-v-51796afc] {
    gap: 2rem;
}
.link-group[data-v-51796afc] {
    min-width: 140px;
}
}

.login-container[data-v-6fb4d8dd] {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  background: var(--main-background);
  box-sizing: border-box;
}
.login-form[data-v-6fb4d8dd] {
  width: 100%;
  max-width: 400px;
  padding: 2.5rem 2rem;
  background: var(--secondary-background);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  box-sizing: border-box;
}
@media (max-width: 480px) {
.login-form[data-v-6fb4d8dd] {
    padding: 1.5rem 1rem;
}
}
.form-title[data-v-6fb4d8dd] {
  font-size: 1.75rem;
  font-weight: 600;
  text-align: center;
  margin: 0;
  text-shadow: 0px 0px 7px var(--drop-shadow-text-color);
}
.form-subtitle[data-v-6fb4d8dd] {
  color: var(--text-secondary-color);
  font-size: 0.925rem;
  text-align: center;
  margin: 0;
  text-shadow: 0px 0px 7px var(--drop-shadow-text-color);
}
.input-group[data-v-6fb4d8dd] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.input-group label[data-v-6fb4d8dd] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-secondary-color);
}
.input-group input[data-v-6fb4d8dd] {
  padding: 0.875rem 1rem;
  background: var(--tertiary-background);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  font-size: 1rem;
  transition: all 0.2s ease;
  outline: none;
}
.input-group input[data-v-6fb4d8dd]:focus {
  border-color: var(--accent-blue);
  box-shadow: 0 0 0 3px var(--accent-blue-transparent);
  background: var(--secondary-background);
}
.input-group input[data-v-6fb4d8dd]::placeholder {
  color: var(--text-disabled-color);
}
.toggle-password[data-v-6fb4d8dd] {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-10%);
  background: none;
  border: none;
  color: var(--text-secondary-color);
  font-size: 0.875rem;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.toggle-password[data-v-6fb4d8dd]:hover {
  color: var(--text-color);
  background: var(--hover-color);
}
.form-options[data-v-6fb4d8dd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
}
.checkbox-label[data-v-6fb4d8dd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  color: var(--text-secondary-color);
  user-select: none;
}
.checkbox-label input[data-v-6fb4d8dd] {
  opacity: 0;
  position: absolute;
  cursor: pointer;
}
.checkmark[data-v-6fb4d8dd] {
  width: 18px;
  height: 18px;
  background: var(--tertiary-background);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  position: relative;
  transition: all 0.2s ease;
}
.checkbox-label input:checked ~ .checkmark[data-v-6fb4d8dd] {
  background: var(--accent-blue);
  border-color: var(--accent-blue);
}
.checkbox-label input:checked ~ .checkmark[data-v-6fb4d8dd]::after {
  content: "✓";
  position: absolute;
  color: white;
  font-size: 0.75rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.forgot-link[data-v-6fb4d8dd] {
  color: var(--accent-blue);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}
.forgot-link[data-v-6fb4d8dd]:hover {
  color: #60a5fa;
}
.submit-btn[data-v-6fb4d8dd] {
  margin-top: 0.5rem;
  padding: 0.875rem 1rem;
  background: var(--accent-blue);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
}
.submit-btn[data-v-6fb4d8dd]:hover:not(:disabled) {
  background: #2563eb;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}
.submit-btn[data-v-6fb4d8dd]:active:not(:disabled) {
  transform: translateY(0);
}
.submit-btn[data-v-6fb4d8dd]:disabled {
  background: var(--text-disabled-color);
  cursor: not-allowed;
  transform: none;
}
.loading[data-v-6fb4d8dd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.loading[data-v-6fb4d8dd]::after {
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-top: 2px solid white;
  border-radius: 50%;
  animation: spin-6fb4d8dd 1s linear infinite;
}
@keyframes spin-6fb4d8dd {
to {
    transform: rotate(360deg);
}
}
.signup-text[data-v-6fb4d8dd] {
  text-align: center;
  font-size: 0.875rem;
  color: var(--text-secondary-color);
  margin: 0;
}
.signup-link[data-v-6fb4d8dd] {
  color: var(--accent-blue);
  text-decoration: none;
  font-weight: 500;
}
.signup-link[data-v-6fb4d8dd]:hover {
  color: #60a5fa;
  text-decoration: underline;
}

.signup-container[data-v-83600171] {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  background: var(--main-background);
  box-sizing: border-box;
}
fieldset[data-v-83600171] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  border-radius: 10px;
  border-color: var(--accent-blue);
}
legend[data-v-83600171] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.input-group fieldset div[data-v-83600171] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
}
.input-group fieldset input[type="radio"][data-v-83600171] {
  appearance: none;
  -webkit-appearance: none;
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
}
.input-group fieldset label[data-v-83600171] {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  user-select: none;
  color: var(--text-secondary-color);
  font-size: 0.95rem;
}
.input-group fieldset label[data-v-83600171]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 2px solid var(--border-color);
  border-radius: 50%;
  background: var(--tertiary-background);
  transition: all 0.25s ease;
}
.input-group fieldset input[type="radio"]:checked + label[data-v-83600171]::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: var(--accent-blue);
  border-radius: 50%;
  transition: all 0.25s ease;
}
.input-group fieldset input[type="radio"]:checked + label[data-v-83600171]::before {
  border-color: var(--accent-blue);
  box-shadow: 0 0 4px var(--accent-blue-transparent);
}
.input-group fieldset label[data-v-83600171]:hover::before {
  border-color: var(--accent-blue);
}
.signup-form[data-v-83600171] {
  width: 100%;
  max-width: 420px;
  padding: 2.5rem 2rem;
  background: var(--secondary-background);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  box-sizing: border-box;
}
@media (max-width: 480px) {
.signup-form[data-v-83600171] {
    padding: 1.5rem 1rem;
}
}
.form-title[data-v-83600171] {
  font-size: 1.75rem;
  font-weight: 600;
  text-align: center;
  margin: 0;
  text-shadow: 0px 0px 7px var(--drop-shadow-text-color);
}
.form-subtitle[data-v-83600171] {
  color: var(--text-secondary-color);
  font-size: 0.925rem;
  text-align: center;
  margin: 0;
  text-shadow: 0px 0px 7px var(--drop-shadow-text-color);
}
.input-group[data-v-83600171] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.input-group label[data-v-83600171] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-secondary-color);
}
.input-group input[data-v-83600171] {
  padding: 0.875rem 1rem;
  background: var(--tertiary-background);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  font-size: 1rem;
  transition: all 0.2s ease;
  outline: none;
}
.input-group input[data-v-83600171]:focus {
  border-color: var(--accent-blue);
  box-shadow: 0 0 0 3px var(--accent-blue-transparent);
  background: var(--secondary-background);
}
.input-group input[data-v-83600171]::placeholder {
  color: var(--text-disabled-color);
}
.input-group input[data-v-83600171]:invalid:focus {
  border-color: var(--accent-red);
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
}
.toggle-password[data-v-83600171] {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-10%);
  background: none;
  border: none;
  color: var(--text-secondary-color);
  font-size: 0.875rem;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.toggle-password[data-v-83600171]:hover {
  color: var(--text-color);
  background: var(--hover-color);
}
.password-strength[data-v-83600171] {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.strength-bar[data-v-83600171] {
  flex: 1;
  height: 4px;
  background: var(--border-color);
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}
.strength-bar[data-v-83600171]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  border-radius: 2px;
  transition: all 0.3s ease;
  background: var(--accent-red);
}
[data-strength="weak"] .strength-bar[data-v-83600171]::after {
  width: 33%;
  background: var(--accent-red);
}
[data-strength="fair"] .strength-bar[data-v-83600171]::after {
  width: 50%;
  background: var(--accent-orange);
}
[data-strength="good"] .strength-bar[data-v-83600171]::after {
  width: 75%;
  background: var(--accent-green);
}
[data-strength="strong"] .strength-bar[data-v-83600171]::after {
  width: 100%;
  background: var(--accent-green);
}
.str时期-text[data-v-83600171] {
  color: var(--text-secondary-color);
  min-width: 60px;
  text-align: right;
}
.checkbox-label.terms[data-v-83600171] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--text-secondary-color);
  cursor: pointer;
  user-select: none;
  line-height: 1.4;
}
.checkbox-label input[data-v-83600171] {
  opacity: 0;
  position: absolute;
}
.checkmark[data-v-83600171] {
  min-width: 18px;
  height: 18px;
  background: var(--tertiary-background);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  position: relative;
  margin-top: 0.15rem;
  transition: all 0.2s ease;
}
.checkbox-label input:checked ~ .checkmark[data-v-83600171] {
  background: var(--accent-blue);
  border-color: var(--accent-blue);
}
.checkbox-label input:checked ~ .checkmark[data-v-83600171]::after {
  content: "✓";
  position: absolute;
  color: white;
  font-size: 0.75rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.terms-link[data-v-83600171] {
  color: var(--accent-blue);
  text-decoration: underline;
  font-weight: 500;
}
.terms-link[data-v-83600171]:hover {
  color: #60a5fa;
}
.submit-btn[data-v-83600171] {
  margin-top: 0.5rem;
  padding: 0.875rem 1rem;
  background: var(--accent-blue);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
}
.submit-btn[data-v-83600171]:hover:not(:disabled) {
  background: #2563eb;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}
.submit-btn[data-v-83600171]:active:not(:disabled) {
  transform: translateY(0);
}
.submit-btn[data-v-83600171]:disabled {
  background: var(--text-disabled-color);
  cursor: not-allowed;
  transform: none;
  opacity: 0.7;
}
.loading[data-v-83600171] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.loading[data-v-83600171]::after {
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-top: 2px solid white;
  border-radius: 50%;
  animation: spin-83600171 1s linear infinite;
}
@keyframes spin-83600171 {
to {
    transform: rotate(360deg);
}
}
.signin-text[data-v-83600171] {
  text-align: center;
  font-size: 0.875rem;
  color: var(--text-secondary-color);
  margin: 0;
}
.signin-link[data-v-83600171] {
  color: var(--accent-blue);
  text-decoration: none;
  font-weight: 500;
}
.signin-link[data-v-83600171]:hover {
  color: #60a5fa;
  text-decoration: underline;
}

.header[data-v-16ac95f8] {
  padding: 0;
}
.header-glass[data-v-16ac95f8] {
  background: linear-gradient(
    135deg,
    rgba(18, 18, 20, 0.8) 0%,
    rgba(28, 28, 31, 0.6) 100%
  );
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(59, 130, 246, 0.1);
  padding: 24px 32px;
}
.header-content[data-v-16ac95f8] {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 32px;
}
.user-info[data-v-16ac95f8] {
  display: flex;
  align-items: center;
  gap: 14px;
}
.avatar-ring[data-v-16ac95f8] {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  padding: 2px;
  background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));
  display: flex;
  align-items: center;
  justify-content: center;
}
.avatar[data-v-16ac95f8] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--tertiary-background);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.avatar img[data-v-16ac95f8] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.username[data-v-16ac95f8] {
  font-size: 15px;
  font-weight: 500;
  color: var(--text-color);
}
.settings-btn[data-v-16ac95f8] {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  color: var(--text-secondary-color);
  cursor: pointer;
  padding: 8px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.settings-btn[data-v-16ac95f8]:hover {
  color: var(--accent-blue);
  border-color: var(--accent-blue);
  background: rgba(59, 130, 246, 0.1);
  transform: rotate(45deg);
}
.greeting-section[data-v-16ac95f8] {
  max-width: 1200px;
  margin: 0 auto;
}
.greeting[data-v-16ac95f8] {
  font-size: 40px;
  font-weight: 300;
  margin: 0;
  line-height: 1.2;
  color: var(--text-color);
}
.username-highlight[data-v-16ac95f8] {
  font-weight: 700;
  background: linear-gradient(135deg, var(--accent-blue), #a78bfa);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.greeting-subtitle[data-v-16ac95f8] {
  font-size: 15px;
  color: var(--text-secondary-color);
  margin-top: 8px;
  font-weight: 400;
}
@media (max-width: 768px) {
.header-glass[data-v-16ac95f8] {
    padding: 20px;
}
.greeting[data-v-16ac95f8] {
    font-size: 28px;
}
}

.todays-tip[data-v-7ae04b49] {
  background: linear-gradient(
    135deg,
    rgba(28, 28, 31, 0.7) 0%,
    rgba(18, 18, 20, 0.9) 100%
  );
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid var(--border-color);
  border-top: 2px solid var(--accent-orange);
  border-radius: 16px;
  padding: 24px;
  min-height: 160px;
  transition: all 0.3s ease;
}
.todays-tip[data-v-7ae04b49]:hover {
  border-color: rgba(245, 158, 11, 0.2);
  box-shadow:
    0 8px 30px rgba(0, 0, 0, 0.2),
    0 0 20px rgba(245, 158, 11, 0.04);
}
.tip-header[data-v-7ae04b49] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.tip-icon[data-v-7ae04b49] {
  font-size: 20px;
}
.tip-title[data-v-7ae04b49] {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  color: var(--text-color);
}
.tip-content[data-v-7ae04b49] {
  font-size: 14px;
  line-height: 1.7;
  color: var(--text-secondary-color);
  margin: 0;
}

.modal-overlay[data-v-986fbc8e] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.modal-content[data-v-986fbc8e] {
  background: linear-gradient(
    135deg,
    rgba(28, 28, 31, 0.95),
    rgba(18, 18, 20, 0.98)
  );
  border: 1px solid var(--border-color);
  border-radius: 20px;
  width: 100%;
  max-width: 440px;
  box-shadow:
    0 20px 40px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(255, 255, 255, 0.05) inset;
  position: relative;
  overflow: hidden;
}
.modal-content[data-v-986fbc8e]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #f59e0b, #fbbf24);
}
.modal-header[data-v-986fbc8e] {
  padding: 24px 24px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  text-align: center;
}
.icon-ring[data-v-986fbc8e] {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(245, 158, 11, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  border: 1px solid rgba(245, 158, 11, 0.2);
  box-shadow: 0 0 20px rgba(245, 158, 11, 0.15);
}
.crown-icon[data-v-986fbc8e] {
  color: #fbbf24;
}
.modal-title[data-v-986fbc8e] {
  font-size: 22px;
  font-weight: 700;
  margin: 0;
  color: var(--text-color);
}
.close-btn[data-v-986fbc8e] {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  color: var(--text-secondary-color);
  cursor: pointer;
  padding: 8px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.close-btn[data-v-986fbc8e]:hover {
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-color);
}
.modal-body[data-v-986fbc8e] {
  padding: 0 24px 24px;
}
.modal-description[data-v-986fbc8e] {
  font-size: 15px;
  color: var(--text-secondary-color);
  line-height: 1.6;
  text-align: center;
  margin: 0 0 24px 0;
}
.premium-benefits[data-v-986fbc8e] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 16px;
}
.premium-benefits li[data-v-986fbc8e] {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: var(--text-color);
}
.check-icon[data-v-986fbc8e] {
  color: #10b981;
  flex-shrink: 0;
}
.modal-footer[data-v-986fbc8e] {
  padding: 20px 24px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  border-top: 1px solid var(--border-color);
  background: rgba(0, 0, 0, 0.2);
}
.btn-cancel[data-v-986fbc8e] {
  padding: 10px 18px;
  background: none;
  border: 1px solid var(--border-color);
  color: var(--text-secondary-color);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-cancel[data-v-986fbc8e]:hover {
  background: rgba(255, 255, 255, 0.05);
  color: var(--text-color);
}
.btn-upgrade[data-v-986fbc8e] {
  padding: 10px 24px;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  border: none;
  color: white;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}
.btn-upgrade[data-v-986fbc8e]:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(245, 158, 11, 0.4);
}
.modal-enter-active[data-v-986fbc8e],
.modal-leave-active[data-v-986fbc8e] {
  transition: opacity 0.3s ease;
}
.modal-enter-active .modal-content[data-v-986fbc8e],
.modal-leave-active .modal-content[data-v-986fbc8e] {
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.modal-enter-from[data-v-986fbc8e],
.modal-leave-to[data-v-986fbc8e] {
  opacity: 0;
}
.modal-enter-from .modal-content[data-v-986fbc8e],
.modal-leave-to .modal-content[data-v-986fbc8e] {
  transform: scale(0.95) translateY(10px);
}

.todays-plans[data-v-07f00d9f] {
  background: linear-gradient(
    135deg,
    rgba(28, 28, 31, 0.7) 0%,
    rgba(18, 18, 20, 0.9) 100%
  );
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid var(--border-color);
  border-top: 2px solid var(--accent-blue);
  border-radius: 16px;
  padding: 24px;
  min-height: 160px;
  transition: all 0.3s ease;
}
.todays-plans[data-v-07f00d9f]:hover {
  border-color: rgba(59, 130, 246, 0.2);
  box-shadow:
    0 8px 30px rgba(0, 0, 0, 0.2),
    0 0 20px rgba(59, 130, 246, 0.04);
}
.plan-header[data-v-07f00d9f] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 18px;
}
.plan-icon[data-v-07f00d9f] {
  font-size: 20px;
  margin-top: 2px;
}
.plans-title[data-v-07f00d9f] {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 4px 0;
  color: var(--text-color);
}
.plans-subtitle[data-v-07f00d9f] {
  font-size: 13px;
  color: var(--text-secondary-color);
  margin: 0;
}
.plans-list[data-v-07f00d9f] {
  list-style: none;
  padding: 0;
  margin: 0 0 16px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.plan-item[data-v-07f00d9f] {
  display: flex;
  align-items: baseline;
  gap: 12px;
  font-size: 14px;
  color: var(--text-secondary-color);
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 10px;
  transition: all 0.2s ease;
}
.plan-item[data-v-07f00d9f]:hover {
  background: rgba(255, 255, 255, 0.04);
}
.plan-bullet[data-v-07f00d9f] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 4px;
}
.bullet-dot[data-v-07f00d9f] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent-blue);
  box-shadow: 0 0 6px var(--accent-blue-transparent);
}
.plan-text[data-v-07f00d9f] {
  flex: 1;
  line-height: 1.5;
}
.plan-duration[data-v-07f00d9f] {
  color: var(--text-secondary-color);
  font-size: 12px;
  background: rgba(59, 130, 246, 0.1);
  padding: 2px 10px;
  border-radius: 20px;
  white-space: nowrap;
}
.more-info[data-v-07f00d9f] {
  margin-top: 12px;
  padding-top: 16px;
  border-top: 1px solid var(--border-color);
}
.more-question[data-v-07f00d9f] {
  font-size: 13px;
  color: var(--text-secondary-color);
  margin: 0 0 10px 0;
}
.more-btn[data-v-07f00d9f] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
  color: var(--accent-blue);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  padding: 8px 16px;
  border-radius: 10px;
  transition: all 0.2s ease;
  font-family: inherit;
}
.more-btn[data-v-07f00d9f]:hover:not(:disabled) {
  background: rgba(59, 130, 246, 0.15);
  border-color: var(--accent-blue);
  transform: translateY(-1px);
}
.more-btn[data-v-07f00d9f]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}
.spinner[data-v-07f00d9f] {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 50%;
  border-top-color: var(--accent-blue);
  animation: spin-07f00d9f 1s ease-in-out infinite;
  vertical-align: middle;
}
@keyframes spin-07f00d9f {
to {
    transform: rotate(360deg);
}
}

.progress-section[data-v-f2b8aab1] {
  background: linear-gradient(
    135deg,
    rgba(28, 28, 31, 0.7) 0%,
    rgba(18, 18, 20, 0.9) 100%
  );
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 28px;
}
.progress-header[data-v-f2b8aab1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.level-badge[data-v-f2b8aab1] {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.level-number[data-v-f2b8aab1] {
  font-size: 28px;
  font-weight: 800;
  background: linear-gradient(135deg, var(--accent-blue), #a78bfa);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.level-text[data-v-f2b8aab1] {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary-color);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.xp-info[data-v-f2b8aab1] {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.xp-current[data-v-f2b8aab1] {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-color);
}
.xp-divider[data-v-f2b8aab1] {
  color: var(--text-secondary-color);
  font-size: 14px;
}
.xp-max[data-v-f2b8aab1] {
  font-size: 14px;
  color: var(--text-secondary-color);
}
.progress-track[data-v-f2b8aab1] {
  height: 10px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.progress-fill[data-v-f2b8aab1] {
  height: 100%;
  background: linear-gradient(90deg, var(--accent-blue), #818cf8, #a78bfa);
  border-radius: 10px;
  transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  min-width: 0;
}
.progress-glow[data-v-f2b8aab1] {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: #a78bfa;
  border-radius: 50%;
  filter: blur(8px);
  opacity: 0.6;
  animation: pulse-glow-f2b8aab1 2s ease-in-out infinite;
}
@keyframes pulse-glow-f2b8aab1 {
0%,
  100% {
    opacity: 0.4;
    transform: translateY(-50%) scale(1);
}
50% {
    opacity: 0.8;
    transform: translateY(-50%) scale(1.3);
}
}
.progress-footer[data-v-f2b8aab1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.xp-remaining[data-v-f2b8aab1] {
  font-size: 12px;
  color: var(--text-secondary-color);
  font-weight: 500;
}
.roadmap-btn[data-v-f2b8aab1] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
  color: var(--accent-blue);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  padding: 6px 14px;
  border-radius: 8px;
  transition: all 0.2s ease;
  font-family: inherit;
}
.roadmap-btn[data-v-f2b8aab1]:hover {
  background: rgba(59, 130, 246, 0.15);
  border-color: var(--accent-blue);
  transform: translateY(-1px);
}

.applications-section[data-v-d5e79a9c] {
  margin-bottom: 32px;
}
.section-title[data-v-d5e79a9c] {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-color);
  margin: 0 0 20px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.title-icon[data-v-d5e79a9c] {
  font-size: 20px;
}
.apps-grid[data-v-d5e79a9c] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.app-card[data-v-d5e79a9c] {
  background: linear-gradient(
    135deg,
    rgba(28, 28, 31, 0.7) 0%,
    rgba(18, 18, 20, 0.9) 100%
  );
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  padding: 20px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
  overflow: hidden;
}
.app-card[data-v-d5e79a9c]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--accent-blue),
    transparent
  );
  opacity: 0;
  transition: opacity 0.3s ease;
}
.app-card[data-v-d5e79a9c]:hover::before {
  opacity: 1;
}
.app-card[data-v-d5e79a9c]:hover {
  transform: translateY(-3px);
  border-color: rgba(59, 130, 246, 0.3);
  box-shadow:
    0 12px 40px rgba(0, 0, 0, 0.3),
    0 0 30px rgba(59, 130, 246, 0.08);
}
.app-featured[data-v-d5e79a9c] {
  grid-column: span 2;
}
.disabled[data-v-d5e79a9c] {
  opacity: 0.4;
  pointer-events: none;
}
.app-icon-wrapper[data-v-d5e79a9c] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--accent-blue), #1d4ed8);
  border-radius: 14px;
  flex-shrink: 0;
  position: relative;
  color: white;
  font-size: 22px;
  transition: all 0.3s ease;
}
.app-icon-wrapper.large[data-v-d5e79a9c] {
  width: 56px;
  height: 56px;
  font-size: 26px;
}
.icon-glow[data-v-d5e79a9c] {
  position: absolute;
  inset: -4px;
  border-radius: 18px;
  background: var(--accent-blue);
  opacity: 0;
  filter: blur(12px);
  transition: opacity 0.3s ease;
  z-index: -1;
}
.app-card:hover .icon-glow[data-v-d5e79a9c] {
  opacity: 0.2;
}
.app-card:hover .app-icon-wrapper[data-v-d5e79a9c] {
  transform: scale(1.05);
}
.app-content[data-v-d5e79a9c] {
  flex: 1;
  min-width: 0;
}
.app-name[data-v-d5e79a9c] {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 4px 0;
  color: var(--text-color);
}
.app-description[data-v-d5e79a9c] {
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-secondary-color);
  margin: 0;
}
.app-arrow[data-v-d5e79a9c] {
  color: var(--text-secondary-color);
  opacity: 0;
  transform: translateX(-8px);
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.app-card:hover .app-arrow[data-v-d5e79a9c] {
  opacity: 1;
  transform: translateX(0);
}
@media (max-width: 1024px) {
.apps-grid[data-v-d5e79a9c] {
    grid-template-columns: repeat(2, 1fr);
}
.app-featured[data-v-d5e79a9c] {
    grid-column: span 1;
}
}
@media (max-width: 640px) {
.apps-grid[data-v-d5e79a9c] {
    grid-template-columns: 1fr;
}
}

.todays-plan-apps[data-v-d34d6e9c] {
  margin-bottom: 32px;
}
.section-title[data-v-d34d6e9c] {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-color);
  margin: 0 0 20px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.title-icon[data-v-d34d6e9c] {
  font-size: 20px;
}
.title-accent[data-v-d34d6e9c] {
  font-weight: 400;
  color: var(--text-secondary-color);
}
.apps-list[data-v-d34d6e9c] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
}
.app-item[data-v-d34d6e9c] {
  background: linear-gradient(
    135deg,
    rgba(28, 28, 31, 0.7) 0%,
    rgba(18, 18, 20, 0.9) 100%
  );
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  padding: 20px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  gap: 14px;
}
.app-item[data-v-d34d6e9c]:hover {
  transform: translateY(-2px);
  border-color: rgba(59, 130, 246, 0.3);
  box-shadow:
    0 8px 30px rgba(0, 0, 0, 0.25),
    0 0 20px rgba(59, 130, 246, 0.06);
}
.app-icon-wrapper[data-v-d34d6e9c] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--accent-blue), #1d4ed8);
  border-radius: 12px;
  flex-shrink: 0;
  color: white;
  font-size: 20px;
  transition: transform 0.3s ease;
}
.app-item:hover .app-icon-wrapper[data-v-d34d6e9c] {
  transform: scale(1.05);
}
.app-name[data-v-d34d6e9c] {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-color);
}
@media (max-width: 640px) {
.apps-list[data-v-d34d6e9c] {
    grid-template-columns: 1fr;
}
}

.dashboard[data-v-f9ec8270] {
  background: linear-gradient(180deg, #0a0a0c 0%, #0d0d10 40%, #0f0f14 100%);
  color: #fff;
  min-height: 100vh;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.dashboard-content[data-v-f9ec8270] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 28px 24px;
}
.info-grid[data-v-f9ec8270] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 28px;
}
@media (max-width: 768px) {
.info-grid[data-v-f9ec8270] {
    grid-template-columns: 1fr;
}
.dashboard-content[data-v-f9ec8270] {
    padding: 16px;
}
}

.primary-button[data-v-28cfead5] {
  background-color: var(--accent-blue);
  text-shadow: 0px 0px 7px var(--drop-shadow-text-color);
  border: none;
  padding: 1rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  border-radius: 5px;
  color: var(--text-color);
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: all 0.2s ease;
}
.primary-button[data-v-28cfead5]:hover {
  cursor: pointer;
  color: black;
  transform: scale(1.05);
  background-color: white;
  transition: all 0.2s ease;
}
.primary-button.red-text[data-v-28cfead5] {
  color: #ff3030;
  background-color: #313131;
}
.primary-button[data-v-28cfead5]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  background-color: var(--text-disabled-color);
}

html,
body {
  margin: 0;
  padding: 0;
}
body[data-personalize="1"] {
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;

  display: flex;
  align-items: center;
  justify-content: center;
}
body[data-personalize="1"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;

  background: linear-gradient(to bottom, #0f0f25, #0a0a0a);
}
.personalize-root {
  width: 100%;
  display: flex;
  justify-content: center;
}
.page-wrapper {
  width: 100%;
  max-width: 760px;
  padding: 2rem 1rem;

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.page-title {
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  font-weight: 700;
  text-align: center;
}
.page-subtitle {
  text-align: center;
  color: var(--text-secondary-color);
  font-size: 1rem;
  max-width: 520px;
}
.pholder {
  margin-top: 1.5rem;
  padding: clamp(1.25rem, 3vw, 2rem);
  background-color: var(--tertiary-background);
  border-radius: 14px;
  border: 1px solid var(--border-color);

  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.question-holder h2 {
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
}
.input-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.input-group label {
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--text-secondary-color);
}
.input-group input {
  width: 100%;
  padding: 0.9rem 1rem;
  background: var(--secondary-background);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 1rem;
  outline: none;
  transition: all 0.2s ease;
}
.input-group input:focus {
  border-color: var(--accent-blue);
  box-shadow: 0 0 0 3px var(--accent-blue-transparent);
}
.next-holder {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 480px) {
.next-holder {
    justify-content: stretch;
}
.next-holder button {
    width: 100%;
}
}

.secondary-button[data-v-acf51fd3] {
    background: none;
    text-shadow: 0px 0px 7px var(--drop-shadow-text-color);
    border-style: solid;
    border-width: 1px;
    border-color: var(--accent-blue);
    padding: 0.5rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    border-radius: 5px;
    color: var(--text-color);
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.2s ease;
}
.secondary-button[data-v-acf51fd3]:hover {
    background: var(--accent-blue-transparent);
    border-color: var(--accent-blue-transparent);
    transform: scale(1.05);
    transition: all 0.2s ease;
}

.modal-overlay[data-v-cfe10bdb] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  backdrop-filter: blur(4px);
}
.modal-container[data-v-cfe10bdb] {
  background-color: var(--secondary-background);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  padding: 24px;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
}
.modal-title[data-v-cfe10bdb] {
  color: var(--text-color);
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 12px 0;
}
.modal-description[data-v-cfe10bdb] {
  color: var(--text-secondary-color);
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 24px 0;
}
.modal-buttons[data-v-cfe10bdb] {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

.exam-overlay[data-v-d8748715] {
  position: fixed;
  inset: 0;
  background: #08080b;
  z-index: 1000;
  display: flex;
}
.exam-wrapper[data-v-d8748715] {
  display: flex;
  width: 100%;
  height: 100%;
}
.exam-sidebar[data-v-d8748715] {
  width: 240px;
  min-width: 240px;
  background: #0e0e14;
  border-right: 1px solid #1a1a24;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 1rem;
}
.sidebar-top[data-v-d8748715] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.sidebar-top h3[data-v-d8748715] {
  font-size: 1rem;
  font-weight: 700;
  color: #a1a1aa;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.timer[data-v-d8748715] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #3b82f6;
  font-variant-numeric: tabular-nums;
}
.timer svg[data-v-d8748715] {
  width: 14px;
  height: 14px;
}
.timer.urgent[data-v-d8748715] {
  color: #ef4444;
  animation: pulse-timer-d8748715 1s ease-in-out infinite;
}
@keyframes pulse-timer-d8748715 {
0%,
  100% {
    opacity: 1;
}
50% {
    opacity: 0.5;
}
}
.question-nav[data-v-d8748715] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  flex: 1;
  align-content: start;
}
.q-dot[data-v-d8748715] {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 8px;
  border: 1px solid #2e2e35;
  background: #13131a;
  color: #52525b;
  font-size: 0.813rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.q-dot[data-v-d8748715]:hover {
  border-color: #3b82f6;
  color: #e6e6e9;
}
.q-dot.active[data-v-d8748715] {
  background: #3b82f6;
  border-color: #3b82f6;
  color: white;
}
.q-dot.answered[data-v-d8748715]:not(.active) {
  background: rgba(34, 197, 94, 0.15);
  border-color: #22c55e;
  color: #22c55e;
}
.sidebar-footer[data-v-d8748715] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-top: 1rem;
  border-top: 1px solid #1a1a24;
}
.progress-text[data-v-d8748715] {
  font-size: 0.75rem;
  color: #a1a1aa;
  text-align: center;
}
.exit-btn[data-v-d8748715] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625rem;
  background: rgba(239, 68, 68, 0.08);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 8px;
  color: #ef4444;
  font-size: 0.813rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.exit-btn[data-v-d8748715]:hover {
  background: rgba(239, 68, 68, 0.15);
}
.exit-btn svg[data-v-d8748715] {
  width: 14px;
  height: 14px;
}
.exam-paper-area[data-v-d8748715] {
  flex: 1;
  overflow-y: auto;
  padding: 3rem;
  display: block;
}
.exam-paper[data-v-d8748715] {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  background: #111118;
  border: 1px solid #1e1e2a;
  border-radius: 4px;
  padding: 3rem;
  min-height: 100%;
  box-shadow:
    4px 4px 20px rgba(0, 0, 0, 0.4),
    -1px -1px 3px rgba(255, 255, 255, 0.02);
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.paper-header[data-v-d8748715] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}
.paper-subject[data-v-d8748715] {
  font-size: 1.75rem;
  font-weight: 700;
  color: #e6e6e9;
  margin: 0;
}
.paper-date[data-v-d8748715] {
  font-size: 0.875rem;
  color: #52525b;
  font-style: italic;
}
.paper-rule[data-v-d8748715] {
  width: 100%;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    #2e2e3a,
    #2e2e3a,
    transparent
  );
  margin: 1.5rem 0;
}
.paper-instructions[data-v-d8748715] {
  font-size: 0.85rem;
  color: #52525b;
  line-height: 1.8;
  font-style: italic;
  margin: 0;
}
.question-section[data-v-d8748715] {
  padding: 1rem 0;
}
.question-number-label[data-v-d8748715] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #3b82f6;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 1rem;
}
.question-text-display[data-v-d8748715] {
  font-size: 1.25rem;
  font-weight: 600;
  color: #e6e6e9;
  line-height: 1.6;
  margin: 0 0 2rem;
  word-break: break-word;
}
.choices-section[data-v-d8748715] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.choice-option[data-v-d8748715] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  background: #0c0c12;
  border: 1px solid #1e1e2a;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
}
.choice-option[data-v-d8748715]:hover {
  border-color: #3b82f6;
  background: rgba(59, 130, 246, 0.04);
}
.choice-option.selected[data-v-d8748715] {
  border-color: #3b82f6;
  background: rgba(59, 130, 246, 0.08);
}
.choice-letter[data-v-d8748715] {
  font-weight: 700;
  font-size: 1rem;
  color: #52525b;
  min-width: 24px;
}
.choice-option.selected .choice-letter[data-v-d8748715] {
  color: #3b82f6;
}
.choice-text[data-v-d8748715] {
  flex: 1;
  font-size: 0.95rem;
  color: #e6e6e9;
  line-height: 1.4;
  word-break: break-word;
}
.choice-radio[data-v-d8748715] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #2e2e35;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.choice-option.selected .choice-radio[data-v-d8748715] {
  border-color: #3b82f6;
}
.radio-fill[data-v-d8748715] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #3b82f6;
}
.text-answer-section[data-v-d8748715] {
  margin-top: 0.5rem;
}
.lined-textarea-wrapper[data-v-d8748715] {
  position: relative;
}
.lined-textarea[data-v-d8748715] {
  width: 100%;
  background: #0c0c12;
  border: 1px solid #1e1e2a;
  border-radius: 8px;
  padding: 1.25rem;
  color: #e6e6e9;
  font-size: 0.95rem;
  line-height: 2;
  resize: none;
  outline: none;
  transition: border-color 0.2s ease;
  background-image: repeating-linear-gradient(
    transparent,
    transparent 31px,
    #1a1a24 31px,
    #1a1a24 32px
  );
  background-position: 0 1.25rem;
}
.lined-textarea[data-v-d8748715]::placeholder {
  color: #3a3a45;
  font-style: italic;
}
.lined-textarea[data-v-d8748715]:focus {
  border-color: #3b82f6;
}
.paper-nav[data-v-d8748715] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.nav-btn-paper[data-v-d8748715] {
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  border: 1px solid #2e2e35;
  background: #13131a;
  color: #a1a1aa;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.nav-btn-paper[data-v-d8748715]:hover:not(:disabled) {
  border-color: #3b82f6;
  color: #e6e6e9;
}
.nav-btn-paper[data-v-d8748715]:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.nav-btn-paper.primary[data-v-d8748715] {
  background: #3b82f6;
  border-color: #3b82f6;
  color: white;
}
.nav-btn-paper.primary[data-v-d8748715]:hover {
  background: #4a91ff;
}
.nav-btn-paper.submit[data-v-d8748715] {
  background: #22c55e;
  border-color: #22c55e;
  color: white;
}
.nav-btn-paper.submit[data-v-d8748715]:hover:not(:disabled) {
  background: #2dd66a;
}
@media (max-width: 768px) {
.exam-wrapper[data-v-d8748715] {
    flex-direction: column;
}
.exam-sidebar[data-v-d8748715] {
    width: 100%;
    min-width: 100%;
    flex-direction: row;
    padding: 0.75rem 1rem;
    border-right: none;
    border-bottom: 1px solid #1a1a24;
    gap: 1rem;
    align-items: center;
    overflow-x: auto;
}
.sidebar-top[data-v-d8748715] {
    margin-bottom: 0;
    flex-shrink: 0;
}
.sidebar-top h3[data-v-d8748715] {
    display: none;
}
.question-nav[data-v-d8748715] {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    flex: 1;
    overflow-x: auto;
}
.q-dot[data-v-d8748715] {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    aspect-ratio: auto;
}
.sidebar-footer[data-v-d8748715] {
    flex-direction: row;
    padding-top: 0;
    border-top: none;
    gap: 0.5rem;
    flex-shrink: 0;
}
.progress-text[data-v-d8748715] {
    display: none;
}
.exam-paper-area[data-v-d8748715] {
    padding: 1rem;
}
.exam-paper[data-v-d8748715] {
    padding: 1.5rem;
}
.paper-subject[data-v-d8748715] {
    font-size: 1.25rem;
}
.question-text-display[data-v-d8748715] {
    font-size: 1.1rem;
}
}

.exam-results-overlay[data-v-81bc50f0] {
  position: fixed;
  inset: 0;
  background: #0a0a0c;
  z-index: 1001;
  overflow-y: auto;
  padding: 2rem;
}
.exam-results-container[data-v-81bc50f0] {
  max-width: 800px;
  margin: 0 auto;
}
.results-paper[data-v-81bc50f0] {
  background: #13131a;
  border: 1px solid #1e1e2a;
  border-radius: 16px;
  padding: 3rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.5);
}
.results-watermark[data-v-81bc50f0] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-35deg);
  font-size: 8rem;
  font-weight: 900;
  color: rgba(59, 130, 246, 0.04);
  pointer-events: none;
  letter-spacing: 0.3em;
  white-space: nowrap;
}
.results-header[data-v-81bc50f0] {
  text-align: center;
  margin-bottom: 2.5rem;
}
.results-header h1[data-v-81bc50f0] {
  font-size: 2rem;
  font-weight: 700;
  color: #e6e6e9;
  margin: 0 0 0.5rem;
}
.exam-name[data-v-81bc50f0] {
  font-size: 1rem;
  color: #a1a1aa;
  font-style: italic;
}
.grade-section[data-v-81bc50f0] {
  display: flex;
  justify-content: center;
  gap: 2.5rem;
  margin-bottom: 2.5rem;
  flex-wrap: wrap;
}
.grade-card[data-v-81bc50f0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.grade-circle[data-v-81bc50f0] {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid;
}
.grade-letter[data-v-81bc50f0] {
  font-size: 2.5rem;
  font-weight: 800;
}
.grade-a[data-v-81bc50f0] {
  border-color: #22c55e;
  background: rgba(34, 197, 94, 0.08);
}
.grade-a .grade-letter[data-v-81bc50f0] {
  color: #22c55e;
}
.grade-b[data-v-81bc50f0] {
  border-color: #3b82f6;
  background: rgba(59, 130, 246, 0.08);
}
.grade-b .grade-letter[data-v-81bc50f0] {
  color: #3b82f6;
}
.grade-c[data-v-81bc50f0] {
  border-color: #f59e0b;
  background: rgba(245, 158, 11, 0.08);
}
.grade-c .grade-letter[data-v-81bc50f0] {
  color: #f59e0b;
}
.grade-d[data-v-81bc50f0] {
  border-color: #f97316;
  background: rgba(249, 115, 22, 0.08);
}
.grade-d .grade-letter[data-v-81bc50f0] {
  color: #f97316;
}
.grade-f[data-v-81bc50f0] {
  border-color: #ef4444;
  background: rgba(239, 68, 68, 0.08);
}
.grade-f .grade-letter[data-v-81bc50f0] {
  color: #ef4444;
}
.grade-label[data-v-81bc50f0],
.stat-label[data-v-81bc50f0] {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #a1a1aa;
}
.stat-card[data-v-81bc50f0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  background: #1a1a24;
  border: 1px solid #2e2e35;
  border-radius: 16px;
  padding: 1.5rem 2rem;
  min-width: 120px;
}
.stat-value[data-v-81bc50f0] {
  font-size: 2rem;
  font-weight: 700;
  color: #e6e6e9;
}
.percent-excellent[data-v-81bc50f0] {
  color: #22c55e !important;
}
.percent-good[data-v-81bc50f0] {
  color: #3b82f6 !important;
}
.percent-pass[data-v-81bc50f0] {
  color: #f59e0b !important;
}
.percent-fail[data-v-81bc50f0] {
  color: #ef4444 !important;
}
.results-divider[data-v-81bc50f0] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 2rem 0;
}
.results-divider[data-v-81bc50f0]::before,
.results-divider[data-v-81bc50f0]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #2e2e35;
}
.results-divider span[data-v-81bc50f0] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #a1a1aa;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
}
.question-results[data-v-81bc50f0] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.result-item[data-v-81bc50f0] {
  display: flex;
  gap: 1rem;
  padding: 1.5rem;
  background: #0f0f15;
  border-radius: 12px;
  border-left: 4px solid #52525b;
  transition: all 0.2s ease;
}
.result-item.correct[data-v-81bc50f0] {
  border-left-color: #22c55e;
}
.result-item.incorrect[data-v-81bc50f0] {
  border-left-color: #ef4444;
}
.result-number[data-v-81bc50f0] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #52525b;
  min-width: 2rem;
  padding-top: 2px;
}
.result-content[data-v-81bc50f0] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.result-question[data-v-81bc50f0] {
  font-size: 1rem;
  font-weight: 600;
  color: #e6e6e9;
  margin: 0;
  line-height: 1.5;
}
.result-answer[data-v-81bc50f0],
.result-correct[data-v-81bc50f0] {
  display: flex;
  gap: 0.5rem;
  font-size: 0.875rem;
}
.answer-label[data-v-81bc50f0] {
  color: #a1a1aa;
  font-weight: 500;
  white-space: nowrap;
}
.answer-text[data-v-81bc50f0] {
  color: #e6e6e9;
}
.correct-text[data-v-81bc50f0] {
  color: #22c55e;
  font-weight: 600;
}
.ai-evaluation[data-v-81bc50f0] {
  background: rgba(59, 130, 246, 0.06);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 10px;
  padding: 1rem;
}
.ai-badge[data-v-81bc50f0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #3b82f6;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
}
.ai-badge svg[data-v-81bc50f0] {
  width: 14px;
  height: 14px;
}
.ai-text[data-v-81bc50f0] {
  font-size: 0.85rem;
  color: #a1a1aa;
  margin: 0;
  line-height: 1.6;
}
.result-verdict[data-v-81bc50f0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.813rem;
  font-weight: 600;
}
.result-item.correct .result-verdict[data-v-81bc50f0] {
  color: #22c55e;
}
.result-item.incorrect .result-verdict[data-v-81bc50f0] {
  color: #ef4444;
}
.result-verdict svg[data-v-81bc50f0] {
  width: 16px;
  height: 16px;
}
.results-footer[data-v-81bc50f0] {
  display: flex;
  justify-content: center;
  margin-top: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid #2e2e35;
}
@media (max-width: 640px) {
.exam-results-overlay[data-v-81bc50f0] {
    padding: 1rem;
}
.results-paper[data-v-81bc50f0] {
    padding: 1.5rem;
}
.grade-section[data-v-81bc50f0] {
    gap: 1rem;
}
.grade-circle[data-v-81bc50f0] {
    width: 80px;
    height: 80px;
}
.grade-letter[data-v-81bc50f0] {
    font-size: 2rem;
}
.stat-card[data-v-81bc50f0] {
    padding: 1rem 1.25rem;
    min-width: 90px;
}
.stat-value[data-v-81bc50f0] {
    font-size: 1.5rem;
}
.results-watermark[data-v-81bc50f0] {
    font-size: 4rem;
}
}

.popup-overlay[data-v-2f3a0366] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(4px);
  padding: 1rem;
}
.popup-window[data-v-2f3a0366] {
  background: var(--secondary-background);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  width: 100%;
  max-width: 600px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}
.popup-header[data-v-2f3a0366] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
  border-bottom: 1px solid var(--border-color);
}
.popup-header h2[data-v-2f3a0366] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-color);
}
.close-button[data-v-2f3a0366] {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--text-secondary-color);
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.close-button[data-v-2f3a0366]:hover {
  background: var(--hover-color);
  color: var(--text-color);
}
.close-button svg[data-v-2f3a0366] {
  width: 20px;
  height: 20px;
}
.popup-content[data-v-2f3a0366] {
  padding: 1.5rem;
  overflow-y: auto;
  flex: 1;
}
.popup-content[data-v-2f3a0366]::-webkit-scrollbar {
  width: 8px;
}
.popup-content[data-v-2f3a0366]::-webkit-scrollbar-track {
  background: var(--tertiary-background);
  border-radius: 4px;
}
.popup-content[data-v-2f3a0366]::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}
.form-group[data-v-2f3a0366] {
  margin-bottom: 1.5rem;
}
.form-group[data-v-2f3a0366]:last-child {
  margin-bottom: 0;
}
.form-group label[data-v-2f3a0366] {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-color);
}
.form-row[data-v-2f3a0366] {
  display: flex;
  gap: 1rem;
}
.form-group.half[data-v-2f3a0366] {
  flex: 1;
}
.text-input[data-v-2f3a0366],
.textarea-input[data-v-2f3a0366] {
  width: 100%;
  background: var(--tertiary-background);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 0.75rem;
  font-size: 0.938rem;
  color: var(--text-color);
  transition: all 0.2s ease;
  font-family: inherit;
}
.text-input[data-v-2f3a0366]::placeholder,
.textarea-input[data-v-2f3a0366]::placeholder {
  color: var(--text-disabled-color);
}
.text-input[data-v-2f3a0366]:focus,
.textarea-input[data-v-2f3a0366]:focus {
  outline: none;
  border-color: var(--accent-blue);
  background: var(--secondary-background);
}
.textarea-input[data-v-2f3a0366] {
  resize: vertical;
  min-height: 80px;
}
.file-upload-area[data-v-2f3a0366] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.file-input[data-v-2f3a0366] {
  display: none;
}
.file-upload-label[data-v-2f3a0366] {
  flex: 1;
  background: var(--tertiary-background);
  border: 2px dashed var(--border-color);
  border-radius: 8px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.file-upload-label[data-v-2f3a0366]:hover {
  border-color: var(--accent-blue);
  background: var(--secondary-background);
}
.file-upload-label svg[data-v-2f3a0366] {
  width: 32px;
  height: 32px;
  color: var(--text-secondary-color);
}
.file-upload-label span[data-v-2f3a0366] {
  font-size: 0.875rem;
  color: var(--text-secondary-color);
}
.file-upload-label .file-name[data-v-2f3a0366] {
  color: var(--accent-blue);
  font-weight: 600;
}
.remove-file-button[data-v-2f3a0366] {
  background: var(--accent-red);
  border: none;
  border-radius: 8px;
  padding: 0.75rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.remove-file-button[data-v-2f3a0366]:hover {
  opacity: 0.8;
}
.remove-file-button svg[data-v-2f3a0366] {
  width: 20px;
  height: 20px;
  color: white;
}
.field-hint[data-v-2f3a0366] {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: var(--text-disabled-color);
}
.image-attach-area[data-v-2f3a0366] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.image-attach-btn[data-v-2f3a0366] {
  width: 100%;
  padding: 1rem;
  background: var(--tertiary-background);
  border: 2px dashed var(--border-color);
  border-radius: 8px;
  color: var(--text-secondary-color);
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.image-attach-btn[data-v-2f3a0366]:hover {
  border-color: var(--accent-blue);
  background: var(--secondary-background);
}
.image-previews[data-v-2f3a0366] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.image-preview-item[data-v-2f3a0366] {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--border-color);
}
.img-thumb[data-v-2f3a0366] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img-remove[data-v-2f3a0366] {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  color: white;
  font-size: 12px;
  padding: 0;
  line-height: 1;
}
.img-remove[data-v-2f3a0366]:hover {
  background: #ef4444;
}
.checkbox-group[data-v-2f3a0366] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.checkbox-label[data-v-2f3a0366] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 8px;
  transition: background 0.2s ease;
}
.checkbox-label[data-v-2f3a0366]:hover {
  background: var(--tertiary-background);
}
.checkbox-input[data-v-2f3a0366] {
  display: none;
}
.checkbox-custom[data-v-2f3a0366] {
  width: 20px;
  height: 20px;
  border: 2px solid var(--border-color);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  position: relative;
  margin-bottom: 0.5rem;
}
.checkbox-input:checked + .checkbox-custom[data-v-2f3a0366] {
  background: var(--accent-blue);
  border-color: var(--accent-blue);
}
.checkbox-input:checked + .checkbox-custom[data-v-2f3a0366]::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  top: 2px;
}
.checkbox-text[data-v-2f3a0366] {
  font-size: 0.938rem;
  color: var(--text-color);
}
.difficulty-selector[data-v-2f3a0366] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}
.difficulty-button[data-v-2f3a0366] {
  background: var(--tertiary-background);
  border: 2px solid var(--border-color);
  border-radius: 8px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  color: var(--text-secondary-color);
  font-size: 0.875rem;
  font-weight: 600;
}
.difficulty-button svg[data-v-2f3a0366] {
  width: 32px;
  height: 32px;
}
.difficulty-button[data-v-2f3a0366]:hover {
  border-color: var(--hover-color);
  background: var(--secondary-background);
}
.difficulty-button.active[data-v-2f3a0366] {
  border-color: var(--accent-blue);
  background: var(--accent-blue-transparent);
  color: var(--accent-blue);
}
.popup-footer[data-v-2f3a0366] {
  display: flex;
  gap: 0.75rem;
  padding: 1.5rem;
  border-top: 1px solid var(--border-color);
}
.popup-footer[data-v-2f3a0366] > * {
  flex: 1;
}

.action-button[data-v-be521e0b] {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: none;
  font-weight: bold;
  gap: 0.3rem;
}
.locked[data-v-be521e0b] {
  color: var(--text-disabled-color);
}
.locked[data-v-be521e0b]:hover {
  cursor: not-allowed;
}
.locked svg[data-v-be521e0b] {
  filter: invert(32%) sepia(6%) saturate(420%) hue-rotate(201deg)
    brightness(95%) contrast(88%);
}
.action-button svg[data-v-be521e0b] {
  scale: 0.8;
}

.exam-header[data-v-1ca4cc11] {
  display: flex;
  align-items: center;
  padding: 2rem 4rem;
  gap: 2rem;
  flex-wrap: wrap;
}
.usage-pill[data-v-1ca4cc11] {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5rem;
  padding: 0.5rem 0.8rem;
  border-radius: 999px;
  border: 1px solid var(--border-color);
  background: color-mix(in srgb, var(--secondary-background) 78%, transparent);
}
.usage-label[data-v-1ca4cc11] {
  font-size: 0.8rem;
  color: var(--text-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.usage-pill strong[data-v-1ca4cc11] {
  font-size: 0.95rem;
  color: var(--text-color);
}
.divider[data-v-1ca4cc11] {
  width: 1px;
  height: 2rem;
  background-color: #e5e7eb;
  border-radius: 20px;
}
.action-group[data-v-1ca4cc11] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
.exam-header[data-v-1ca4cc11] {
    padding: 1.5rem 2rem;
    gap: 1rem;
}
.divider[data-v-1ca4cc11] {
    display: none;
}
.action-group[data-v-1ca4cc11] {
    width: 100%;
    gap: 0.5rem;
}
.usage-pill[data-v-1ca4cc11] {
    order: 3;
}
}
@media (max-width: 480px) {
.exam-header[data-v-1ca4cc11] {
    padding: 1rem;
    flex-direction: column;
    align-items: stretch;
}
.action-group[data-v-1ca4cc11] {
    flex-direction: column;
}
}

.exam-list[data-v-27fadfef] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1.5rem;
  padding: 2rem;
}
.exam-card[data-v-27fadfef] {
  background: var(--secondary-background);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  border: 2px solid var(--border-color);
  display: flex;
  flex-direction: column;
}
.exam-card[data-v-27fadfef]:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
  transform: translateY(-2px);
  border-color: var(--hover-color);
}
.exam-card.selected[data-v-27fadfef] {
  border-color: var(--accent-blue);
  box-shadow: 0 4px 16px var(--accent-blue-transparent);
}
.selection-indicator[data-v-27fadfef] {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
}
.checkbox[data-v-27fadfef] {
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: var(--accent-blue);
  transition: transform 0.2s ease;
}
.checkbox[data-v-27fadfef]:hover {
  transform: scale(1.1);
}
.checkbox svg[data-v-27fadfef] {
  width: 100%;
  height: 100%;
}
.preview[data-v-27fadfef] {
  height: 160px;
  background: linear-gradient(135deg, #1a1a2e 0%, #13131a 50%, #0e0e14 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-bottom: 2px solid #1e1e2a;
}
.preview[data-v-27fadfef]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    transparent,
    transparent 23px,
    rgba(46, 46, 58, 0.3) 23px,
    rgba(46, 46, 58, 0.3) 24px
  );
  pointer-events: none;
}
.preview-placeholder[data-v-27fadfef] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  color: var(--text-secondary-color);
  opacity: 0.7;
  z-index: 1;
}
.preview-placeholder svg[data-v-27fadfef] {
  width: 40px;
  height: 40px;
}
.preview-placeholder span[data-v-27fadfef] {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.info[data-v-27fadfef] {
  padding: 1.25rem;
  flex: 1;
}
.exam-title[data-v-27fadfef] {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-color);
  margin: 0 0 0.5rem 0;
  line-height: 1.3;
}
.exam-description[data-v-27fadfef] {
  font-size: 0.875rem;
  color: var(--text-secondary-color);
  margin: 0 0 1rem 0;
  line-height: 1.5;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.exam-meta[data-v-27fadfef] {
  display: flex;
  gap: 1rem;
  margin-top: 0.75rem;
}
.meta-item[data-v-27fadfef] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.813rem;
  color: var(--text-secondary-color);
}
.meta-item svg[data-v-27fadfef] {
  width: 16px;
  height: 16px;
}
.card-actions[data-v-27fadfef] {
  display: flex;
  gap: 0.75rem;
  padding: 0 1.25rem 1.25rem 1.25rem;
}
.card-actions[data-v-27fadfef] > * {
  flex: 1;
}
.empty-state[data-v-27fadfef] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  text-align: center;
  min-height: 400px;
}
.empty-state svg[data-v-27fadfef] {
  width: 64px;
  height: 64px;
  color: var(--text-disabled-color);
  margin-bottom: 1.5rem;
}
.empty-state p[data-v-27fadfef] {
  font-size: 1.125rem;
  color: var(--text-secondary-color);
  margin: 0;
}
.loading-overlay[data-v-27fadfef] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(13, 13, 15, 0.95);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  animation: fadeIn-27fadfef 0.3s ease;
}
@keyframes fadeIn-27fadfef {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.loading-content[data-v-27fadfef] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  text-align: center;
}
.loading-spinner[data-v-27fadfef] {
  width: 60px;
  height: 60px;
  color: var(--accent-blue);
}
.loading-spinner svg[data-v-27fadfef] {
  width: 100%;
  height: 100%;
  animation: spin-27fadfef 1s linear infinite;
}
.loading-spinner circle[data-v-27fadfef] {
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dash-27fadfef 1.5s ease-in-out infinite;
}
@keyframes spin-27fadfef {
100% {
    transform: rotate(360deg);
}
}
@keyframes dash-27fadfef {
0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
}
50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
}
100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
}
}
.loading-content h3[data-v-27fadfef] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-color);
}
.loading-content p[data-v-27fadfef] {
  margin: 0;
  font-size: 1rem;
  color: var(--text-secondary-color);
}
@media (max-width: 640px) {
.exam-list[data-v-27fadfef] {
    grid-template-columns: 1fr;
    padding: 1rem;
    gap: 1rem;
}
}

.content-card[data-v-574edc27] {
  background-color: #111;
  border-radius: 8px;
  padding: 20px;
  cursor: pointer;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
  gap: 15px;
}
.content-card[data-v-574edc27]:hover {
  background-color: #1a1a1a;
}

.options-content[data-v-38983e39] {
  padding: 5rem;
  background-color: var(--main-background);
  min-height: 90vh;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.profile-section[data-v-38983e39] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1rem;
}
.profile-picture-wrapper[data-v-38983e39] {
  position: relative;
  flex-shrink: 0;
}
.profile-picture[data-v-38983e39] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid var(--accent-blue);
  background-color: var(--accent-blue-transparent);
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-picture img[data-v-38983e39] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.picture-edit-btn[data-v-38983e39] {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--accent-blue);
  border: 2px solid var(--main-background);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}
.picture-edit-btn[data-v-38983e39]:hover {
  background: #4a91ff;
  transform: scale(1.1);
}
.picture-edit-btn[data-v-38983e39]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}
.picture-edit-btn svg[data-v-38983e39] {
  width: 14px;
  height: 14px;
}
.profile-info[data-v-38983e39] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.username[data-v-38983e39] {
  font-size: 1.5rem;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
}
.subscription-badge[data-v-38983e39] {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 2px 10px;
  border-radius: 20px;
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.subscription-badge.free[data-v-38983e39] {
  background: rgba(245, 158, 11, 0.1);
  color: #f59e0b;
  border: 1px solid rgba(245, 158, 11, 0.2);
}
.subscription-badge.paid[data-v-38983e39] {
  background: rgba(34, 197, 94, 0.1);
  color: #22c55e;
  border: 1px solid rgba(34, 197, 94, 0.2);
}
.picture-actions[data-v-38983e39] {
  padding: 1rem;
}
.picture-actions h3[data-v-38983e39] {
  font-size: 1.25rem;
  font-weight: 500;
  color: #ffffff;
  margin: 0 0 0.5rem;
}
.picture-hint[data-v-38983e39] {
  font-size: 0.813rem;
  color: var(--text-secondary-color);
  margin: 0 0 1rem;
}
.picture-buttons[data-v-38983e39] {
  display: flex;
  gap: 0.75rem;
}
.action-btn[data-v-38983e39] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  border: 1px solid;
}
.action-btn svg[data-v-38983e39] {
  width: 16px;
  height: 16px;
}
.action-btn.upload[data-v-38983e39] {
  background: var(--accent-blue);
  border-color: var(--accent-blue);
  color: white;
}
.action-btn.upload[data-v-38983e39]:hover:not(:disabled) {
  background: #4a91ff;
}
.action-btn.upload[data-v-38983e39]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.action-btn.remove[data-v-38983e39] {
  background: transparent;
  border-color: var(--accent-red);
  color: var(--accent-red);
}
.action-btn.remove[data-v-38983e39]:hover {
  background: rgba(239, 68, 68, 0.1);
}
.hidden-input[data-v-38983e39] {
  display: none;
}
.card-heading[data-v-38983e39] {
  padding: 1rem;
}
.card-heading h3[data-v-38983e39] {
  font-size: 1.25rem;
  font-weight: 500;
  color: #ffffff;
  margin: 0;
}
.button-options[data-v-38983e39] {
  padding: 2rem;
  background-color: var(--secondary-background);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 1rem;
  max-width: 600px;
  margin-top: auto;
}
@media (max-width: 640px) {
.options-content[data-v-38983e39] {
    padding: 2rem 1rem;
}
.picture-buttons[data-v-38983e39] {
    flex-direction: column;
}
.button-options[data-v-38983e39] {
    flex-direction: column;
    width: 100%;
}
}

.options-content[data-v-e2ddb440] {
  padding: 5rem;
  background-color: var(--main-background);
  min-height: 90vh;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.header-section[data-v-e2ddb440] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}
.back-btn[data-v-e2ddb440] {
  align-self: flex-start;
  background: none;
  border: none;
  color: var(--text-secondary-color);
  font-size: 0.9rem;
  cursor: pointer;
  padding: 0;
  transition: color 0.2s;
}
.back-btn[data-v-e2ddb440]:hover {
  color: var(--accent-blue);
}
.header-section h2[data-v-e2ddb440] {
  margin: 0;
  font-size: 1.75rem;
  color: #fff;
}
.billing-card-content[data-v-e2ddb440] {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.plan-info[data-v-e2ddb440] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 1rem;
}
.plan-info h3[data-v-e2ddb440] {
  margin: 0;
  font-size: 1.25rem;
  color: #fff;
}
.plan-badge[data-v-e2ddb440] {
  padding: 0.4rem 1rem;
  border-radius: 2rem;
  font-weight: 600;
  font-size: 0.9rem;
}
.plan-badge.free[data-v-e2ddb440] {
  background-color: var(--tertiary-background);
  color: var(--text-secondary-color);
  border: 1px solid var(--border-color);
}
.plan-badge.paid[data-v-e2ddb440] {
  background-color: rgba(0, 150, 0, 0.1);
  color: rgb(0, 150, 0);
  border: 1px solid rgba(0, 150, 0, 0.3);
}
.plan-details[data-v-e2ddb440] {
  color: var(--text-secondary-color);
  line-height: 1.5;
}
.plan-details p[data-v-e2ddb440] {
  margin: 0 0 1rem 0;
}
.price-tag[data-v-e2ddb440] {
  font-size: 1.25rem;
  color: #fff;
}
.price-tag strong[data-v-e2ddb440] {
  font-size: 1.75rem;
  color: var(--accent-blue);
}
.action-buttons[data-v-e2ddb440] {
  display: flex;
  margin-top: 1rem;
}

.chat-item[data-v-f2940e38] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: var(--tertiary-background);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid var(--border-color);
}
.chat-item[data-v-f2940e38]:hover {
  background: var(--hover-color);
  transform: translateX(5px);
  border-color: var(--accent-blue);
}
.chat-icon[data-v-f2940e38] {
  font-size: 24px;
  flex-shrink: 0;
  animation: float-f2940e38 3s ease-in-out infinite;
}
@keyframes float-f2940e38 {
0%,
  100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-5px);
}
}
.chat-text[data-v-f2940e38] {
  flex: 1;
  min-width: 0;
}
.chat-name[data-v-f2940e38] {
  color: var(--text-color);
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 4px;
}
.chat-preview[data-v-f2940e38] {
  color: var(--text-secondary-color);
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sidebar-wrapper[data-v-ff085545] {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  pointer-events: none;
  z-index: 9999;
}
.toggle-btn[data-v-ff085545] {
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 10002;
  width: 50px;
  height: 50px;
  background: var(--accent-blue);
  border: none;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  box-shadow: 0 4px 15px var(--accent-blue-transparent);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  pointer-events: auto;
}
.toggle-btn[data-v-ff085545]:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px var(--accent-blue-transparent);
  background: #4a91ff;
}
.icon-bar[data-v-ff085545] {
  width: 24px;
  height: 3px;
  background: white;
  border-radius: 2px;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.icon-bar.rotate-1[data-v-ff085545] {
  transform: rotate(45deg) translate(6px, 6px);
}
.icon-bar.rotate-2[data-v-ff085545] {
  opacity: 0;
  transform: scale(0);
}
.icon-bar.rotate-3[data-v-ff085545] {
  transform: rotate(-45deg) translate(6px, -6px);
}
.sidebar[data-v-ff085545] {
  position: fixed;
  top: 0;
  left: 0;
  width: 320px;
  height: 100vh;
  background: var(--secondary-background);
  z-index: 10001;
  transform-origin: left center;
  transform: perspective(1000px) rotateY(-90deg) translateX(-100%);
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  box-shadow: 5px 0 30px rgba(0, 0, 0, 0.5);
  border-right: 1px solid var(--border-color);
  pointer-events: none;
}
.sidebar-open[data-v-ff085545] {
  transform: perspective(1000px) rotateY(0deg) translateX(0);
  opacity: 1;
  pointer-events: auto;
}
.sidebar-content[data-v-ff085545] {
  padding: 80px 20px 20px 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.sidebar-title[data-v-ff085545] {
  color: var(--accent-blue);
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 30px;
}
.chat-list[data-v-ff085545] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}
.overlay[data-v-ff085545] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  animation: fadeIn-ff085545 0.3s ease;
  pointer-events: auto;
}
@keyframes fadeIn-ff085545 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.sidebar-content[data-v-ff085545]::-webkit-scrollbar {
  width: 6px;
}
.sidebar-content[data-v-ff085545]::-webkit-scrollbar-track {
  background: var(--tertiary-background);
  border-radius: 3px;
}
.sidebar-content[data-v-ff085545]::-webkit-scrollbar-thumb {
  background: var(--accent-blue);
  border-radius: 3px;
}
.sidebar-content[data-v-ff085545]::-webkit-scrollbar-thumb:hover {
  background: #4a91ff;
}

.chat-bar-container[data-v-c0951b47] {
  width: 100%;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  pointer-events: none;
}
.upload-progress-container[data-v-c0951b47] {
  width: 100%;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  pointer-events: auto;
}
.upload-item[data-v-c0951b47] {
  background: var(--secondary-background);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  padding: 12px 16px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  animation: slideUp-c0951b47 0.3s ease;
}
@keyframes slideUp-c0951b47 {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.upload-header[data-v-c0951b47] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}
.file-info[data-v-c0951b47] {
  display: flex;
  gap: 10px;
  flex: 1;
  min-width: 0;
}
.file-icon[data-v-c0951b47] {
  width: 28px;
  height: 28px;
  color: var(--accent-blue);
  flex-shrink: 0;
  stroke-width: 2;
}
.file-details[data-v-c0951b47] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
.file-name[data-v-c0951b47] {
  color: var(--text-color);
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-size[data-v-c0951b47] {
  color: var(--text-secondary-color);
  font-size: 12px;
}
.cancel-btn[data-v-c0951b47] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: var(--text-secondary-color);
  transition: color 0.2s;
  flex-shrink: 0;
}
.cancel-btn svg[data-v-c0951b47] {
  width: 16px;
  height: 16px;
  stroke-width: 2.5;
}
.cancel-btn[data-v-c0951b47]:hover {
  color: #ef4444;
}
.progress-section[data-v-c0951b47] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.progress-bar[data-v-c0951b47] {
  width: 100%;
  height: 4px;
  background: var(--tertiary-background);
  border-radius: 2px;
  overflow: hidden;
}
.progress-fill[data-v-c0951b47] {
  height: 100%;
  background: linear-gradient(90deg, var(--accent-blue), #4a91ff);
  border-radius: 2px;
  transition: width 0.3s ease;
  position: relative;
  overflow: hidden;
}
.progress-fill[data-v-c0951b47]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.3),
    transparent
  );
  animation: shimmer-c0951b47 1.5s infinite;
}
@keyframes shimmer-c0951b47 {
0% {
    transform: translateX(-100%);
}
100% {
    transform: translateX(100%);
}
}
.progress-info[data-v-c0951b47] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.progress-percentage[data-v-c0951b47] {
  font-size: 12px;
  color: var(--text-secondary-color);
  font-weight: 600;
}
.loading-spinner[data-v-c0951b47] {
  width: 12px;
  height: 12px;
  border: 2px solid var(--border-color);
  border-top-color: var(--accent-blue);
  border-radius: 50%;
  animation: spin-c0951b47 0.6s linear infinite;
}
@keyframes spin-c0951b47 {
to {
    transform: rotate(360deg);
}
}
.check-icon[data-v-c0951b47] {
  width: 16px;
  height: 16px;
  color: #10b981;
  stroke-width: 3;
  animation: checkmark-c0951b47 0.3s ease;
}
@keyframes checkmark-c0951b47 {
0% {
    transform: scale(0);
    opacity: 0;
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
    opacity: 1;
}
}
.chat-bar[data-v-c0951b47] {
  width: 100%;
  max-width: 800px;
  display: flex;
  align-items: flex-end;
  gap: 12px;
  padding: 12px 16px;
  background: var(--secondary-background);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  pointer-events: auto;
  transition: all 0.3s ease;
}
.chat-bar[data-v-c0951b47]:focus-within {
  border-color: var(--accent-blue);
  box-shadow: 0 4px 20px var(--accent-blue-transparent);
}
.file-input[data-v-c0951b47] {
  display: none;
}
.file-upload-btn[data-v-c0951b47] {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tertiary-background);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  color: var(--text-color);
  cursor: pointer;
  transition: all 0.2s ease;
}
.file-upload-btn[data-v-c0951b47]:hover {
  background: var(--hover-color);
  border-color: var(--accent-blue);
  transform: scale(1.05);
}
.file-upload-btn[data-v-c0951b47]:active {
  transform: scale(0.95);
}
.message-input[data-v-c0951b47] {
  flex: 1;
  min-height: 40px;
  max-height: 200px;
  padding: 10px 0;
  background: transparent;
  border: none;
  outline: none;
  color: var(--text-color);
  font-size: 15px;
  font-family: inherit;
  resize: none;
  overflow-y: auto;
}
.message-input[data-v-c0951b47]::placeholder {
  color: var(--text-secondary-color);
}
.message-input[data-v-c0951b47]::-webkit-scrollbar {
  width: 4px;
}
.message-input[data-v-c0951b47]::-webkit-scrollbar-track {
  background: transparent;
}
.message-input[data-v-c0951b47]::-webkit-scrollbar-thumb {
  background: var(--accent-blue);
  border-radius: 2px;
}
.send-btn[data-v-c0951b47] {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--accent-blue);
  border: none;
  border-radius: 10px;
  color: white;
  cursor: pointer;
  transition: all 0.2s ease;
}
.send-btn[data-v-c0951b47]:hover:not(:disabled) {
  background: #4a91ff;
  transform: scale(1.05);
}
.send-btn[data-v-c0951b47]:active:not(:disabled) {
  transform: scale(0.95);
}
.send-btn[data-v-c0951b47]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.image-preview-strip[data-v-c0951b47] {
  width: 100%;
  max-width: 800px;
  display: flex;
  gap: 8px;
  padding: 8px 12px;
  background: var(--secondary-background);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  overflow-x: auto;
  pointer-events: auto;
  animation: slideUp-c0951b47 0.3s ease;
}
.image-preview-item[data-v-c0951b47] {
  position: relative;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--border-color);
}
.image-thumb[data-v-c0951b47] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-remove-btn[data-v-c0951b47] {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  color: white;
  padding: 0;
  transition: background 0.2s;
}
.image-remove-btn svg[data-v-c0951b47] {
  width: 12px;
  height: 12px;
  stroke-width: 3;
}
.image-remove-btn[data-v-c0951b47]:hover {
  background: #ef4444;
}
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*!
   Theme: Agate
   Author: (c) Taufik Nurrohman <hi@taufik-nurrohman.com>
   Maintainer: @taufik-nurrohman
   Updated: 2021-04-24

   #333
   #62c8f3
   #7bd694
   #888
   #a2fca2
   #ade5fc
   #b8d8a2
   #c6b4f0
   #d36363
   #fc9b9b
   #fcc28c
   #ffa
   #fff
*/
.hljs {
  background: #333;
  color: #fff
}
.hljs-doctag,
.hljs-meta-keyword,
.hljs-name,
.hljs-strong {
  font-weight: bold
}
.hljs-code,
.hljs-emphasis {
  font-style: italic
}
.hljs-section,
.hljs-tag {
  color: #62c8f3
}
.hljs-selector-class,
.hljs-selector-id,
.hljs-template-variable,
.hljs-variable {
  color: #ade5fc
}
.hljs-meta-string,
.hljs-string {
  color: #a2fca2
}
.hljs-attr,
.hljs-quote,
.hljs-selector-attr {
  color: #7bd694
}
.hljs-tag .hljs-attr {
  color: inherit
}
.hljs-attribute,
.hljs-title,
.hljs-type {
  color: #ffa
}
.hljs-number,
.hljs-symbol {
  color: #d36363
}
.hljs-bullet,
.hljs-template-tag {
  color: #b8d8a2
}
.hljs-built_in,
.hljs-keyword,
.hljs-literal,
.hljs-selector-tag {
  color: #fcc28c
}
.hljs-code,
.hljs-comment,
.hljs-formula {
  color: #888
}
.hljs-link,
.hljs-selector-pseudo,
.hljs-regexp {
  color: #c6b4f0
}
.hljs-meta {
  color: #fc9b9b
}
.hljs-deletion {
  background: #fc9b9b;
  color: #333
}
.hljs-addition {
  background: #a2fca2;
  color: #333
}
/* Purposely ignored */
.hljs-operator,
.hljs-params,
.hljs-property,
.hljs-punctuation {
  
}
.hljs-subst {
  color: #fff
}
/* This applies only if HTML auto-merging plugin is enabled by user (#2889) */
.hljs a {
  color: inherit
}
.hljs a:focus,
.hljs a:hover {
  color: inherit;
  text-decoration: underline
}
.hljs mark {
  background: #555;
  color: inherit
}
.message-wrapper[data-v-e5a6c1e7] {
  display: flex;
  gap: 12px;
  max-width: 70%;
  animation: slideIn-e5a6c1e7 0.3s ease-out;
}
@keyframes slideIn-e5a6c1e7 {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.message-agent[data-v-e5a6c1e7] {
  align-self: flex-start;
}
.message-user[data-v-e5a6c1e7] {
  align-self: flex-end;
  flex-direction: row-reverse;
}
.profile-picture[data-v-e5a6c1e7] {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.message-content[data-v-e5a6c1e7] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.message-user .message-content[data-v-e5a6c1e7] {
  align-items: flex-end;
}
.message-agent .message-content[data-v-e5a6c1e7] {
  align-items: flex-start;
}
.message-bubble[data-v-e5a6c1e7] {
  padding: 12px 16px;
  border-radius: 16px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.message-agent .message-bubble[data-v-e5a6c1e7] {
  background: var(--tertiary-background);
  border: 1px solid var(--border-color);
  border-top-left-radius: 4px;
}
.message-user .message-bubble[data-v-e5a6c1e7] {
  background: var(--accent-blue);
  border-top-right-radius: 4px;
}
.message-bubble[data-v-e5a6c1e7] p {
  margin: 0 0 0.6em;
}
.message-bubble[data-v-e5a6c1e7] h1,
.message-bubble[data-v-e5a6c1e7] h2,
.message-bubble[data-v-e5a6c1e7] h3,
.message-bubble[data-v-e5a6c1e7] h4,
.message-bubble[data-v-e5a6c1e7] h5,
.message-bubble[data-v-e5a6c1e7] h6 {
  margin: 0.8em 0 0.4em;
}
.message-bubble[data-v-e5a6c1e7] ul,
.message-bubble[data-v-e5a6c1e7] ol {
  margin: 0 0 0.6em 1.2em;
}
.message-bubble[data-v-e5a6c1e7] blockquote {
  margin: 0 0 0.6em;
  padding-left: 0.8em;
  border-left: 3px solid var(--border-color);
}
.message-bubble[data-v-e5a6c1e7] pre {
  margin: 0 0 0.6em;
  padding: 0.8em;
  background: var(--tertiary-background);
  overflow-x: auto;
  border-radius: 4px;
}
.message-bubble[data-v-e5a6c1e7] code {
  background: var(--tertiary-background);
  padding: 0.2em 0.4em;
  border-radius: 4px;
}
.message-bubble[data-v-e5a6c1e7] table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 0.6em;
}
.message-bubble[data-v-e5a6c1e7] th,
.message-bubble[data-v-e5a6c1e7] td {
  border: 1px solid var(--border-color);
  padding: 0.4em 0.6em;
}
.message-bubble[data-v-e5a6c1e7] th {
  background: var(--tertiary-background);
  font-weight: 600;
}
.message-bubble[data-v-e5a6c1e7] .katex-display {
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0 0 0.6em;
}
.message-bubble[data-v-e5a6c1e7] .katex {
  font-size: 1.03em;
}
.message-text[data-v-e5a6c1e7] {
  margin: 0;
  color: var(--text-color);
  font-size: 15px;
  line-height: 1.5;
  white-space: pre-wrap;
}
.message-user .message-text[data-v-e5a6c1e7] {
  color: white;
}
.message-time[data-v-e5a6c1e7] {
  font-size: 12px;
  color: var(--text-secondary-color);
  padding: 0 4px;
}
.message-images[data-v-e5a6c1e7] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}
.chat-image-thumb[data-v-e5a6c1e7] {
  max-width: 200px;
  max-height: 160px;
  border-radius: 12px;
  object-fit: cover;
  border: 1px solid var(--border-color);
  cursor: pointer;
  transition: transform 0.2s ease;
}
.chat-image-thumb[data-v-e5a6c1e7]:hover {
  transform: scale(1.03);
}

.message-wrapper[data-v-2d611cdf] {
  display: flex;
  gap: 12px;
  max-width: 70%;
  animation: slideIn-2d611cdf 0.3s ease-out;
}
@keyframes slideIn-2d611cdf {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.message-agent[data-v-2d611cdf] {
  align-self: flex-start;
}
.profile-picture[data-v-2d611cdf] {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.profile-picture img[data-v-2d611cdf] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.message-content[data-v-2d611cdf] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  align-items: flex-start;
}
.typing-bubble[data-v-2d611cdf] {
  padding: 16px 22px;
  border-radius: 16px;
  background: var(--tertiary-background);
  border: 1px solid var(--border-color);
  border-top-left-radius: 4px;
}
.typing-dots[data-v-2d611cdf] {
  display: flex;
  gap: 5px;
  align-items: center;
  height: 20px;
}
.dot[data-v-2d611cdf] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent-blue);
  animation: bounce-2d611cdf 1.4s ease-in-out infinite;
}
.dot[data-v-2d611cdf]:nth-child(1) {
  animation-delay: 0s;
}
.dot[data-v-2d611cdf]:nth-child(2) {
  animation-delay: 0.2s;
}
.dot[data-v-2d611cdf]:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes bounce-2d611cdf {
0%,
  60%,
  100% {
    transform: translateY(0);
    opacity: 0.4;
}
30% {
    transform: translateY(-8px);
    opacity: 1;
}
}

.emoji-picker-wrapper[data-v-23996456] {
  position: relative;
}
.emoji-trigger[data-v-23996456] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: var(--tertiary-background);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.emoji-trigger[data-v-23996456]:hover {
  border-color: var(--accent-blue);
  background: var(--secondary-background);
}
.current-emoji[data-v-23996456] {
  font-size: 24px;
  line-height: 1;
}
.change-label[data-v-23996456] {
  font-size: 13px;
  color: var(--text-secondary-color);
  font-weight: 500;
}
.emoji-backdrop[data-v-23996456] {
  position: fixed;
  inset: 0;
  z-index: 99;
}
.emoji-dropdown[data-v-23996456] {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  width: 320px;
  max-height: 340px;
  background: var(--secondary-background);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
  z-index: 100;
  display: flex;
  flex-direction: column;
  animation: dropIn-23996456 0.15s ease;
}
@keyframes dropIn-23996456 {
from {
    opacity: 0;
    transform: translateY(-4px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.emoji-search[data-v-23996456] {
  padding: 10px;
  border-bottom: 1px solid var(--border-color);
}
.emoji-search-input[data-v-23996456] {
  width: 100%;
  background: var(--tertiary-background);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 8px 10px;
  color: var(--text-color);
  font-size: 13px;
  font-family: inherit;
  outline: none;
  transition: border-color 0.2s;
}
.emoji-search-input[data-v-23996456]:focus {
  border-color: var(--accent-blue);
}
.emoji-search-input[data-v-23996456]::placeholder {
  color: var(--text-secondary-color);
}
.emoji-categories[data-v-23996456] {
  overflow-y: auto;
  padding: 8px;
  flex: 1;
}
.emoji-categories[data-v-23996456]::-webkit-scrollbar {
  width: 6px;
}
.emoji-categories[data-v-23996456]::-webkit-scrollbar-track {
  background: transparent;
}
.emoji-categories[data-v-23996456]::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 3px;
}
.emoji-category[data-v-23996456] {
  margin-bottom: 8px;
}
.category-name[data-v-23996456] {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: var(--text-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 4px 4px 6px;
}
.emoji-grid[data-v-23996456] {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 2px;
}
.emoji-btn[data-v-23996456] {
  width: 100%;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border: none;
  background: transparent;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s;
}
.emoji-btn[data-v-23996456]:hover {
  background: var(--tertiary-background);
  transform: scale(1.15);
}
.emoji-btn.active[data-v-23996456] {
  background: var(--accent-blue-transparent);
  outline: 2px solid var(--accent-blue);
}

.popup-overlay[data-v-270d0680] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  animation: fadeIn-270d0680 0.2s ease;
}
@keyframes fadeIn-270d0680 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.popup-container[data-v-270d0680] {
  background: var(--secondary-background);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  width: 90%;
  max-width: 540px;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  animation: scaleIn-270d0680 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes scaleIn-270d0680 {
from {
    opacity: 0;
    transform: scale(0.95) translateY(10px);
}
to {
    opacity: 1;
    transform: scale(1) translateY(0);
}
}
.popup-header[data-v-270d0680] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid var(--border-color);
}
.popup-title[data-v-270d0680] {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-color);
  margin: 0;
}
.close-btn[data-v-270d0680] {
  background: none;
  border: none;
  color: var(--text-secondary-color);
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  transition: all 0.2s;
}
.close-btn[data-v-270d0680]:hover {
  color: var(--text-color);
  background: var(--tertiary-background);
}
.popup-body[data-v-270d0680] {
  padding: 24px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.form-group[data-v-270d0680] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form-label[data-v-270d0680] {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-color);
}
.required[data-v-270d0680] {
  color: var(--accent-red);
}
.form-input[data-v-270d0680],
.form-textarea[data-v-270d0680] {
  background: var(--tertiary-background);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  padding: 12px 14px;
  color: var(--text-color);
  font-size: 14px;
  font-family: inherit;
  outline: none;
  transition: border-color 0.2s;
  resize: none;
}
.form-input[data-v-270d0680]:focus,
.form-textarea[data-v-270d0680]:focus {
  border-color: var(--accent-blue);
}
.form-input[data-v-270d0680]::placeholder,
.form-textarea[data-v-270d0680]::placeholder {
  color: var(--text-secondary-color);
}
.file-drop-zone[data-v-270d0680] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 28px;
  border: 2px dashed var(--border-color);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s;
  color: var(--text-secondary-color);
}
.file-drop-zone[data-v-270d0680]:hover,
.file-drop-zone.dragging[data-v-270d0680] {
  border-color: var(--accent-blue);
  background: rgba(59, 130, 246, 0.05);
}
.file-drop-zone p[data-v-270d0680] {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}
.file-hint[data-v-270d0680] {
  font-size: 12px;
  opacity: 0.7;
}
.hidden-input[data-v-270d0680] {
  display: none;
}
.file-list[data-v-270d0680] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}
.file-item[data-v-270d0680] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background: var(--tertiary-background);
  border-radius: 8px;
  border: 1px solid var(--border-color);
}
.file-info[data-v-270d0680] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
}
.file-icon[data-v-270d0680] {
  width: 18px;
  height: 18px;
  color: var(--accent-blue);
  flex-shrink: 0;
}
.file-name[data-v-270d0680] {
  font-size: 13px;
  color: var(--text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-size[data-v-270d0680] {
  font-size: 12px;
  color: var(--text-secondary-color);
  flex-shrink: 0;
}
.remove-file-btn[data-v-270d0680] {
  background: none;
  border: none;
  color: var(--text-secondary-color);
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: color 0.2s;
  flex-shrink: 0;
}
.remove-file-btn[data-v-270d0680]:hover {
  color: var(--accent-red);
}
.popup-footer[data-v-270d0680] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid var(--border-color);
}
.btn-cancel[data-v-270d0680] {
  padding: 10px 20px;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  background: transparent;
  color: var(--text-color);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-cancel[data-v-270d0680]:hover {
  background: var(--tertiary-background);
}
.btn-create[data-v-270d0680] {
  padding: 10px 24px;
  border-radius: 10px;
  border: none;
  background: var(--accent-blue);
  color: white;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-create[data-v-270d0680]:hover:not(:disabled) {
  background: #4a91ff;
  transform: translateY(-1px);
}
.btn-create[data-v-270d0680]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.subject-selector-container[data-v-6b93c672] {
  width: 100%;
  max-width: 800px;
  pointer-events: auto;
}
.selector-header[data-v-6b93c672] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  background: var(--secondary-background);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s;
  user-select: none;
}
.selector-header[data-v-6b93c672]:hover {
  border-color: var(--accent-blue);
  background: var(--tertiary-background);
}
.selector-label[data-v-6b93c672] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary-color);
}
.selector-label svg[data-v-6b93c672] {
  color: var(--accent-blue);
}
.chevron[data-v-6b93c672] {
  color: var(--text-secondary-color);
  transition: transform 0.3s ease;
}
.chevron.rotated[data-v-6b93c672] {
  transform: rotate(180deg);
}
.selector-dropdown[data-v-6b93c672] {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: 0;
}
.selector-dropdown.expanded[data-v-6b93c672] {
  max-height: 300px;
  opacity: 1;
  margin-top: 8px;
}
.search-row[data-v-6b93c672] {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}
.search-input-wrapper[data-v-6b93c672] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--tertiary-background);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 8px 12px;
  transition: border-color 0.2s;
}
.search-input-wrapper[data-v-6b93c672]:focus-within {
  border-color: var(--accent-blue);
}
.search-input-wrapper svg[data-v-6b93c672] {
  color: var(--text-secondary-color);
  flex-shrink: 0;
}
.search-input[data-v-6b93c672] {
  background: transparent;
  border: none;
  outline: none;
  color: var(--text-color);
  font-size: 13px;
  width: 100%;
  font-family: inherit;
}
.search-input[data-v-6b93c672]::placeholder {
  color: var(--text-secondary-color);
}
.add-subject-btn[data-v-6b93c672] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--accent-blue);
  border: none;
  border-radius: 8px;
  color: white;
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
}
.add-subject-btn[data-v-6b93c672]:hover {
  background: #4a91ff;
  transform: scale(1.05);
}
.subjects-list[data-v-6b93c672] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 2px;
}
.subject-pill[data-v-6b93c672] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: var(--tertiary-background);
  border: 1px solid var(--border-color);
  border-radius: 20px;
  color: var(--text-color);
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  white-space: nowrap;
}
.subject-pill[data-v-6b93c672]:hover {
  border-color: var(--accent-blue);
  background: rgba(59, 130, 246, 0.1);
  transform: translateY(-1px);
}
.subject-pill.active[data-v-6b93c672] {
  background: var(--accent-blue);
  border-color: var(--accent-blue);
  color: white;
  box-shadow: 0 2px 8px var(--accent-blue-transparent);
}
.subject-emoji[data-v-6b93c672] {
  font-size: 14px;
}
.subject-name[data-v-6b93c672] {
  font-weight: 500;
}
.no-results[data-v-6b93c672] {
  color: var(--text-secondary-color);
  font-size: 13px;
  padding: 12px;
  text-align: center;
  width: 100%;
}

.messages[data-v-bb625c5a] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  padding-bottom: 160px;
}
.empty-state[data-v-bb625c5a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 16px;
  padding: 40px;
}
.empty-icon[data-v-bb625c5a] {
  font-size: 64px;
  opacity: 0.5;
  animation: float-bb625c5a 3s ease-in-out infinite;
}
@keyframes float-bb625c5a {
0%,
  100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-10px);
}
}
.empty-title[data-v-bb625c5a] {
  color: var(--text-color);
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}
.empty-description[data-v-bb625c5a] {
  color: var(--text-secondary-color);
  font-size: 16px;
  margin: 0;
  text-align: center;
  max-width: 400px;
}
.messages-list[data-v-bb625c5a] {
  display: flex;
  flex-direction: column;
  padding: 20px;
  padding-left: 25%;
  padding-right: 25%;
  gap: 16px;
  overflow-y: auto;
  flex: 1;
}
.messages-list[data-v-bb625c5a]::-webkit-scrollbar {
  width: 6px;
}
.messages-list[data-v-bb625c5a]::-webkit-scrollbar-track {
  background: transparent;
}
.messages-list[data-v-bb625c5a]::-webkit-scrollbar-thumb {
  background: var(--accent-blue);
  border-radius: 3px;
}
.messages-list[data-v-bb625c5a]::-webkit-scrollbar-thumb:hover {
  background: #4a91ff;
}
.chat-bottom-area[data-v-bb625c5a] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px 20px 20px;
  background: linear-gradient(
    to top,
    var(--main-background) 60%,
    transparent 100%
  );
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  z-index: 100;
  pointer-events: none;
}
@media (max-width: 1024px) {
.messages-list[data-v-bb625c5a] {
    padding-left: 15%;
    padding-right: 15%;
}
}
@media (max-width: 768px) {
.messages-list[data-v-bb625c5a] {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 16px;
    padding-bottom: 16px;
    gap: 12px;
}
.messages[data-v-bb625c5a] {
    padding-bottom: 140px;
}
.empty-state[data-v-bb625c5a] {
    padding: 20px;
}
.empty-icon[data-v-bb625c5a] {
    font-size: 48px;
}
.empty-title[data-v-bb625c5a] {
    font-size: 20px;
}
.empty-description[data-v-bb625c5a] {
    font-size: 14px;
}
}
@media (max-width: 480px) {
.messages-list[data-v-bb625c5a] {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
    gap: 10px;
}
.messages[data-v-bb625c5a] {
    padding-bottom: 130px;
}
.empty-state[data-v-bb625c5a] {
    padding: 16px;
    gap: 12px;
}
.empty-icon[data-v-bb625c5a] {
    font-size: 40px;
}
.empty-title[data-v-bb625c5a] {
    font-size: 18px;
}
.empty-description[data-v-bb625c5a] {
    font-size: 13px;
}
}

.quiz-player-overlay[data-v-f3dd49d4] {
  position: fixed;
  inset: 0;
  background: var(--main-background);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 2rem;
  overflow-y: auto;
}
.quiz-container[data-v-f3dd49d4] {
  width: 100%;
  max-width: 800px;
  display: flex;
  flex-direction: column;
}
.quiz-header[data-v-f3dd49d4] {
  margin-bottom: 3rem;
}
.header-top[data-v-f3dd49d4] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.exit-btn[data-v-f3dd49d4] {
  background: none;
  border: none;
  color: var(--text-secondary-color);
  cursor: pointer;
  padding: 4px;
}
.quiz-name[data-v-f3dd49d4] {
  flex: 1;
  font-size: 1rem;
  color: var(--text-secondary-color);
  font-weight: 500;
}
.question-counter[data-v-f3dd49d4] {
  font-weight: 600;
  color: var(--accent-blue);
}
.progress-bar[data-v-f3dd49d4] {
  height: 6px;
  background: var(--border-color);
  border-radius: 10px;
  overflow: hidden;
}
.progress-fill[data-v-f3dd49d4] {
  height: 100%;
  background: var(--accent-blue);
  transition: width 0.3s ease;
}
.question-text[data-v-f3dd49d4] {
  font-size: 2rem;
  margin-bottom: 2.5rem;
  line-height: 1.2;
}
.options-grid[data-v-f3dd49d4] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.option-card[data-v-f3dd49d4] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem;
  background: var(--secondary-background);
  border: 2px solid var(--border-color);
  border-radius: 12px;
  cursor: pointer;
  text-align: left;
  transition: all 0.2s ease;
  color: var(--text-color);
}
.option-card[data-v-f3dd49d4]:hover {
  border-color: var(--accent-blue-transparent);
  background: var(--tertiary-background);
}
.option-card.selected[data-v-f3dd49d4] {
  border-color: var(--accent-blue);
  background: var(--accent-blue-transparent);
}
.option-letter[data-v-f3dd49d4] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--border-color);
  border-radius: 6px;
  font-weight: 700;
  font-size: 0.875rem;
}
.selected .option-letter[data-v-f3dd49d4] {
  background: var(--accent-blue);
  color: white;
}
.text-answer-area textarea[data-v-f3dd49d4] {
  width: 100%;
  background: var(--secondary-background);
  border: 2px solid var(--border-color);
  border-radius: 12px;
  padding: 1.5rem;
  color: var(--text-color);
  font-size: 1.1rem;
  resize: none;
  outline: none;
}
.text-answer-area textarea[data-v-f3dd49d4]:focus {
  border-color: var(--accent-blue);
}
.quiz-footer[data-v-f3dd49d4] {
  margin-top: auto;
  padding-top: 2rem;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
@media (max-width: 600px) {
.quiz-player-overlay[data-v-f3dd49d4] {
    padding: 1rem;
}
.quiz-container[data-v-f3dd49d4] {
    padding-bottom: 2rem;
}
.quiz-header[data-v-f3dd49d4] {
    margin-bottom: 1.5rem;
}
.question-text[data-v-f3dd49d4] {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}
.text-answer-area textarea[data-v-f3dd49d4] {
    padding: 1rem;
    font-size: 1rem;
}
}

.quiz-header[data-v-c0685a18] {
  display: flex;
  align-items: center;
  padding: 2rem 4rem;
  gap: 2rem;
  flex-wrap: wrap;
}
.usage-pill[data-v-c0685a18] {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5rem;
  padding: 0.5rem 0.8rem;
  border-radius: 999px;
  border: 1px solid var(--border-color);
  background: color-mix(in srgb, var(--secondary-background) 78%, transparent);
}
.usage-label[data-v-c0685a18] {
  font-size: 0.8rem;
  color: var(--text-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.usage-pill strong[data-v-c0685a18] {
  font-size: 0.95rem;
  color: var(--text-color);
}
.divider[data-v-c0685a18] {
  width: 1px;
  height: 2rem;
  background-color: #e5e7eb;
  border-radius: 20px;
}
.action-group[data-v-c0685a18] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
.quiz-header[data-v-c0685a18] {
    padding: 1.5rem 2rem;
    gap: 1rem;
}
.divider[data-v-c0685a18] {
    display: none;
}
.action-group[data-v-c0685a18] {
    width: 100%;
    gap: 0.5rem;
}
.usage-pill[data-v-c0685a18] {
    order: 3;
}
}
@media (max-width: 480px) {
.quiz-header[data-v-c0685a18] {
    padding: 1rem;
    flex-direction: column;
    align-items: stretch;
}
.action-group[data-v-c0685a18] {
    flex-direction: column;
}
}

.popup-overlay[data-v-4faef4bc] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(4px);
  padding: 1rem;
}
.popup-window[data-v-4faef4bc] {
  background: var(--secondary-background);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  width: 100%;
  max-width: 600px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}
.popup-header[data-v-4faef4bc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
  border-bottom: 1px solid var(--border-color);
}
.popup-header h2[data-v-4faef4bc] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-color);
}
.close-button[data-v-4faef4bc] {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--text-secondary-color);
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.close-button[data-v-4faef4bc]:hover {
  background: var(--hover-color);
  color: var(--text-color);
}
.close-button svg[data-v-4faef4bc] {
  width: 20px;
  height: 20px;
}
.popup-content[data-v-4faef4bc] {
  padding: 1.5rem;
  overflow-y: auto;
  flex: 1;
}
.popup-content[data-v-4faef4bc]::-webkit-scrollbar {
  width: 8px;
}
.popup-content[data-v-4faef4bc]::-webkit-scrollbar-track {
  background: var(--tertiary-background);
  border-radius: 4px;
}
.popup-content[data-v-4faef4bc]::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}
.popup-content[data-v-4faef4bc]::-webkit-scrollbar-thumb:hover {
  background: var(--hover-color);
}
.form-group[data-v-4faef4bc] {
  margin-bottom: 1.5rem;
}
.form-group[data-v-4faef4bc]:last-child {
  margin-bottom: 0;
}
.form-group label[data-v-4faef4bc] {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-color);
}
.text-input[data-v-4faef4bc],
.textarea-input[data-v-4faef4bc] {
  width: 100%;
  background: var(--tertiary-background);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 0.75rem;
  font-size: 0.938rem;
  color: var(--text-color);
  transition: all 0.2s ease;
  font-family: inherit;
}
.text-input[data-v-4faef4bc]::placeholder,
.textarea-input[data-v-4faef4bc]::placeholder {
  color: var(--text-disabled-color);
}
.text-input[data-v-4faef4bc]:focus,
.textarea-input[data-v-4faef4bc]:focus {
  outline: none;
  border-color: var(--accent-blue);
  background: var(--secondary-background);
}
.textarea-input[data-v-4faef4bc] {
  resize: vertical;
  min-height: 80px;
}
.file-upload-area[data-v-4faef4bc] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.file-input[data-v-4faef4bc] {
  display: none;
}
.file-upload-label[data-v-4faef4bc] {
  flex: 1;
  background: var(--tertiary-background);
  border: 2px dashed var(--border-color);
  border-radius: 8px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.file-upload-label[data-v-4faef4bc]:hover {
  border-color: var(--accent-blue);
  background: var(--secondary-background);
}
.file-upload-label svg[data-v-4faef4bc] {
  width: 32px;
  height: 32px;
  color: var(--text-secondary-color);
}
.file-upload-label span[data-v-4faef4bc] {
  font-size: 0.875rem;
  color: var(--text-secondary-color);
}
.file-upload-label .file-name[data-v-4faef4bc] {
  color: var(--accent-blue);
  font-weight: 600;
}
.remove-file-button[data-v-4faef4bc] {
  background: var(--accent-red);
  border: none;
  border-radius: 8px;
  padding: 0.75rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.remove-file-button[data-v-4faef4bc]:hover {
  opacity: 0.8;
}
.remove-file-button svg[data-v-4faef4bc] {
  width: 20px;
  height: 20px;
  color: white;
}
.field-hint[data-v-4faef4bc] {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: var(--text-disabled-color);
}
.checkbox-group[data-v-4faef4bc] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.checkbox-label[data-v-4faef4bc] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 8px;
  transition: background 0.2s ease;
}
.checkbox-label[data-v-4faef4bc]:hover {
  background: var(--tertiary-background);
}
.checkbox-input[data-v-4faef4bc] {
  display: none;
}
.checkbox-custom[data-v-4faef4bc] {
  width: 20px;
  height: 20px;
  border: 2px solid var(--border-color);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  position: relative;
  margin-bottom: 0.5rem;
}
.checkbox-input:checked + .checkbox-custom[data-v-4faef4bc] {
  background: var(--accent-blue);
  border-color: var(--accent-blue);
}
.checkbox-input:checked + .checkbox-custom[data-v-4faef4bc]::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  top: 2px;
}
.checkbox-text[data-v-4faef4bc] {
  font-size: 0.938rem;
  color: var(--text-color);
}
.difficulty-selector[data-v-4faef4bc] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}
.difficulty-button[data-v-4faef4bc] {
  background: var(--tertiary-background);
  border: 2px solid var(--border-color);
  border-radius: 8px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  color: var(--text-secondary-color);
  font-size: 0.875rem;
  font-weight: 600;
}
.difficulty-button svg[data-v-4faef4bc] {
  width: 32px;
  height: 32px;
}
.difficulty-button[data-v-4faef4bc]:hover {
  border-color: var(--hover-color);
  background: var(--secondary-background);
}
.difficulty-button.active[data-v-4faef4bc] {
  border-color: var(--accent-blue);
  background: var(--accent-blue-transparent);
  color: var(--accent-blue);
}
.popup-footer[data-v-4faef4bc] {
  display: flex;
  gap: 0.75rem;
  padding: 1.5rem;
  border-top: 1px solid var(--border-color);
}
.popup-footer[data-v-4faef4bc] > * {
  flex: 1;
}
.image-attach-area[data-v-4faef4bc] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.image-attach-btn[data-v-4faef4bc] {
  width: 100%;
  padding: 1rem;
  background: var(--tertiary-background);
  border: 2px dashed var(--border-color);
  border-radius: 8px;
  color: var(--text-secondary-color);
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.image-attach-btn[data-v-4faef4bc]:hover {
  border-color: var(--accent-blue);
  background: var(--secondary-background);
}
.quiz-image-previews[data-v-4faef4bc] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.quiz-image-preview-item[data-v-4faef4bc] {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--border-color);
}
.quiz-img-thumb[data-v-4faef4bc] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quiz-img-remove[data-v-4faef4bc] {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  color: white;
  font-size: 12px;
  padding: 0;
  line-height: 1;
}
.quiz-img-remove[data-v-4faef4bc]:hover {
  background: #ef4444;
}

.results-overlay[data-v-e683bb1e] {
  position: fixed;
  inset: 0;
  background: var(--main-background);
  z-index: 1001;
  overflow-y: auto;
  padding: 4rem 2rem;
}
.results-container[data-v-e683bb1e] {
  max-width: 650px;
  margin: 0 auto;
}
.summary-card[data-v-e683bb1e] {
  background: var(--secondary-background);
  border-radius: 24px;
  padding: 3%;
  text-align: center;
  border: 1px solid var(--border-color);
  margin-bottom: 3rem;
}
.texties[data-v-e683bb1e] {
  padding: 2rem;
}
.score-circle[data-v-e683bb1e] {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 4px solid var(--accent-blue);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
}
.score-num[data-v-e683bb1e] {
  font-size: 1.75rem;
  font-weight: 800;
  color: var(--accent-blue);
}
.score-label[data-v-e683bb1e] {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: var(--text-secondary-color);
}
.review-list[data-v-e683bb1e] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.review-item[data-v-e683bb1e] {
  background: var(--tertiary-background);
  padding: 1.5rem;
  border-radius: 12px;
  border-left: 4px solid var(--text-disabled-color);
}
.review-item.correct[data-v-e683bb1e] {
  border-left-color: var(--accent-green);
}
.review-item.incorrect[data-v-e683bb1e] {
  border-left-color: var(--accent-red);
}
.review-header[data-v-e683bb1e] {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.q-text[data-v-e683bb1e] {
  font-weight: 600;
}
.review-content[data-v-e683bb1e] {
  font-size: 0.9rem;
  padding-left: 2rem;
}
.correct-ans[data-v-e683bb1e] {
  color: var(--accent-green);
  margin-top: 0.5rem;
}

.quiz-list[data-v-6921d8eb] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1.5rem;
  padding: 2rem;
}
.quiz-card[data-v-6921d8eb] {
  background: var(--secondary-background);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  border: 2px solid var(--border-color);
  display: flex;
  flex-direction: column;
}
.quiz-card[data-v-6921d8eb]:hover:not(.actions-locked) {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
  transform: translateY(-2px);
  border-color: var(--hover-color);
}
.quiz-card.selected[data-v-6921d8eb] {
  border-color: var(--accent-blue);
  box-shadow: 0 4px 16px var(--accent-blue-transparent);
}
.quiz-card.actions-locked[data-v-6921d8eb] {
  opacity: 0.6;
  cursor: not-allowed;
}
.selection-indicator[data-v-6921d8eb] {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
}
.checkbox[data-v-6921d8eb] {
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: var(--accent-blue);
  transition: transform 0.2s ease;
}
.checkbox[data-v-6921d8eb]:hover {
  transform: scale(1.1);
}
.checkbox svg[data-v-6921d8eb] {
  width: 100%;
  height: 100%;
}
.preview[data-v-6921d8eb] {
  height: 180px;
  background: linear-gradient(
    135deg,
    var(--accent-blue) 0%,
    var(--accent-blue-transparent) 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.preview-placeholder[data-v-6921d8eb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  color: var(--text-color);
  opacity: 0.9;
}
.preview-placeholder svg[data-v-6921d8eb] {
  width: 48px;
  height: 48px;
}
.preview-placeholder span[data-v-6921d8eb] {
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.info[data-v-6921d8eb] {
  padding: 1.25rem;
  flex: 1;
}
.quiz-title[data-v-6921d8eb] {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-color);
  margin: 0 0 0.5rem 0;
  line-height: 1.3;
}
.quiz-description[data-v-6921d8eb] {
  font-size: 0.875rem;
  color: var(--text-secondary-color);
  margin: 0 0 1rem 0;
  line-height: 1.5;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.quiz-meta[data-v-6921d8eb] {
  display: flex;
  gap: 1rem;
  margin-top: 0.75rem;
}
.meta-item[data-v-6921d8eb] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.813rem;
  color: var(--text-secondary-color);
}
.meta-item svg[data-v-6921d8eb] {
  width: 16px;
  height: 16px;
}
.card-actions[data-v-6921d8eb] {
  display: flex;
  gap: 0.75rem;
  padding: 0 1.25rem 1.25rem 1.25rem;
}
.card-actions[data-v-6921d8eb] > * {
  flex: 1;
}
.empty-state[data-v-6921d8eb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  text-align: center;
  min-height: 400px;
}
.empty-state svg[data-v-6921d8eb] {
  width: 64px;
  height: 64px;
  color: var(--text-disabled-color);
  margin-bottom: 1.5rem;
}
.empty-state p[data-v-6921d8eb] {
  font-size: 1.125rem;
  color: var(--text-secondary-color);
  margin: 0;
}
.loading-overlay[data-v-6921d8eb] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(13, 13, 15, 0.95);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  animation: fadeIn-6921d8eb 0.3s ease;
}
@keyframes fadeIn-6921d8eb {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.loading-content[data-v-6921d8eb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  text-align: center;
}
.loading-spinner[data-v-6921d8eb] {
  width: 60px;
  height: 60px;
  color: var(--accent-blue);
}
.loading-spinner svg[data-v-6921d8eb] {
  width: 100%;
  height: 100%;
  animation: spin-6921d8eb 1s linear infinite;
}
.loading-spinner circle[data-v-6921d8eb] {
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dash-6921d8eb 1.5s ease-in-out infinite;
}
@keyframes spin-6921d8eb {
100% {
    transform: rotate(360deg);
}
}
@keyframes dash-6921d8eb {
0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
}
50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
}
100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
}
}
.loading-content h3[data-v-6921d8eb] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-color);
}
.loading-content p[data-v-6921d8eb] {
  margin: 0;
  font-size: 1rem;
  color: var(--text-secondary-color);
}
@media (max-width: 640px) {
.quiz-list[data-v-6921d8eb] {
    grid-template-columns: 1fr;
    padding: 1rem;
    gap: 1rem;
}
}

@keyframes spin-f8e316d2 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.spinner[data-v-f8e316d2] {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: white;
  animation: spin-f8e316d2 1s ease-in-out infinite;
}
.notes-layout[data-v-f8e316d2] {
  display: flex;
  height: 100vh;
  background: var(--main-background);
  overflow: hidden;
  position: relative;
}
.mobile-overlay[data-v-f8e316d2] {
  display: none;
}
.notes-sidebar[data-v-f8e316d2] {
  width: 280px;
  min-width: 280px;
  background: var(--secondary-background);
  border-right: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  overflow: hidden;
}
.notes-sidebar.collapsed[data-v-f8e316d2] {
  width: 0;
  min-width: 0;
  border: none;
}
.sidebar-header[data-v-f8e316d2] {
  padding: 20px 16px;
  border-bottom: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.sidebar-title[data-v-f8e316d2] {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-color);
  margin: 0;
}
.close-sidebar-btn[data-v-f8e316d2] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tertiary-background);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  color: var(--text-secondary-color);
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
}
.close-sidebar-btn[data-v-f8e316d2]:hover {
  color: var(--text-color);
  border-color: var(--accent-blue);
}
.mobile-only[data-v-f8e316d2] {
  display: none;
}
.new-note-btn[data-v-f8e316d2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px;
  margin: 8px 12px;
  background: var(--accent-blue);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.new-note-btn[data-v-f8e316d2]:hover:not(:disabled) {
  background: #4a91ff;
  transform: translateY(-1px);
}
.new-note-btn[data-v-f8e316d2]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
}
.usage-banner[data-v-f8e316d2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  margin: 4px 12px;
  background: var(--tertiary-background);
  border-radius: 8px;
  font-size: 12px;
}
.usage-label[data-v-f8e316d2] {
  color: var(--text-secondary-color);
  font-weight: 500;
}
.usage-value[data-v-f8e316d2] {
  color: var(--accent-blue);
  font-weight: 700;
}
.usage-value.at-limit[data-v-f8e316d2] {
  color: var(--accent-red);
}
.limit-notice[data-v-f8e316d2] {
  padding: 10px 12px;
  margin: 0 12px;
  background: rgba(239, 68, 68, 0.08);
  border: 1px solid rgba(239, 68, 68, 0.15);
  border-radius: 8px;
  font-size: 12px;
  color: var(--text-secondary-color);
  line-height: 1.5;
}
.limit-notice strong[data-v-f8e316d2] {
  color: var(--accent-blue);
}
.notes-list[data-v-f8e316d2] {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
}
.note-item[data-v-f8e316d2] {
  padding: 14px 12px;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s;
  margin-bottom: 4px;
  border: 1px solid transparent;
}
.note-item[data-v-f8e316d2]:hover {
  background: var(--tertiary-background);
}
.note-item.active[data-v-f8e316d2] {
  background: var(--tertiary-background);
  border-color: var(--accent-blue);
}
.note-item-header[data-v-f8e316d2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.note-delete-btn[data-v-f8e316d2] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  border-radius: 6px;
  color: var(--text-disabled-color);
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
  opacity: 0;
}
.note-item:hover .note-delete-btn[data-v-f8e316d2] {
  opacity: 1;
}
.note-delete-btn[data-v-f8e316d2]:hover {
  color: var(--accent-red);
  background: rgba(239, 68, 68, 0.1);
}
.note-item-title[data-v-f8e316d2] {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-color);
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.note-item-meta[data-v-f8e316d2] {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: var(--text-secondary-color);
}
.note-subject[data-v-f8e316d2] {
  background: var(--accent-blue-transparent);
  color: var(--accent-blue);
  padding: 2px 8px;
  border-radius: 10px;
  font-weight: 500;
}
.content-toolbar[data-v-f8e316d2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 16px 0;
}
.toolbar-btn[data-v-f8e316d2] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--secondary-background);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  color: var(--text-secondary-color);
  cursor: pointer;
  transition: all 0.2s;
}
.toolbar-btn[data-v-f8e316d2]:hover {
  color: var(--accent-blue);
  border-color: var(--accent-blue);
  background: var(--tertiary-background);
}
.note-content-area[data-v-f8e316d2] {
  flex: 1;
  overflow-y: auto;
  padding: 20px 40px;
  min-width: 0;
}
.note-viewer[data-v-f8e316d2] {
  max-width: 800px;
  margin: 0 auto;
}
.note-header[data-v-f8e316d2] {
  margin-bottom: 32px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border-color);
}
.note-title[data-v-f8e316d2] {
  font-size: 32px;
  font-weight: 800;
  color: var(--text-color);
  margin: 0 0 8px 0;
  line-height: 1.2;
}
.note-updated[data-v-f8e316d2] {
  font-size: 13px;
  color: var(--text-secondary-color);
}
.note-body[data-v-f8e316d2] {
  color: var(--text-color);
  font-size: 15px;
  line-height: 1.8;
}
.note-body[data-v-f8e316d2] h1 {
  font-size: 28px;
  margin: 1.5em 0 0.5em;
  font-weight: 800;
}
.note-body[data-v-f8e316d2] h2 {
  font-size: 22px;
  margin: 1.3em 0 0.4em;
  font-weight: 700;
  color: var(--accent-blue);
}
.note-body[data-v-f8e316d2] h3 {
  font-size: 18px;
  margin: 1.2em 0 0.3em;
  font-weight: 600;
}
.note-body[data-v-f8e316d2] p {
  margin: 0 0 1em;
}
.note-body[data-v-f8e316d2] ul,
.note-body[data-v-f8e316d2] ol {
  margin: 0 0 1em 1.5em;
}
.note-body[data-v-f8e316d2] li {
  margin-bottom: 0.3em;
}
.note-body[data-v-f8e316d2] code {
  background: var(--tertiary-background);
  padding: 0.2em 0.5em;
  border-radius: 4px;
  font-size: 0.9em;
}
.note-body[data-v-f8e316d2] pre {
  background: var(--tertiary-background);
  padding: 1em;
  border-radius: 8px;
  overflow-x: auto;
  margin: 0 0 1em;
}
.note-body[data-v-f8e316d2] strong {
  color: var(--accent-blue);
}
.note-body[data-v-f8e316d2] blockquote {
  border-left: 3px solid var(--accent-blue);
  padding-left: 1em;
  margin: 0 0 1em;
  color: var(--text-secondary-color);
}
.note-body[data-v-f8e316d2] .katex-display {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0.25rem 0;
}
.note-body[data-v-f8e316d2] .katex {
  font-size: 1.05em;
}
.no-note-selected[data-v-f8e316d2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: calc(100% - 56px);
  color: var(--text-secondary-color);
  gap: 12px;
}
.no-note-icon[data-v-f8e316d2] {
  font-size: 48px;
  opacity: 0.5;
}
.no-note-selected h2[data-v-f8e316d2] {
  margin: 0;
  font-size: 20px;
}
.no-note-selected p[data-v-f8e316d2] {
  margin: 0;
  font-size: 14px;
}
.ai-panel[data-v-f8e316d2] {
  width: 320px;
  min-width: 320px;
  background: var(--secondary-background);
  border-left: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  overflow: hidden;
}
.ai-panel.collapsed[data-v-f8e316d2] {
  width: 0;
  min-width: 0;
  border: none;
}
.ai-panel-header[data-v-f8e316d2] {
  padding: 20px 16px;
  border-bottom: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ai-panel-title[data-v-f8e316d2] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 700;
  color: var(--accent-blue);
}
.quick-actions[data-v-f8e316d2] {
  padding: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-bottom: 1px solid var(--border-color);
}
.quick-action-btn[data-v-f8e316d2] {
  padding: 8px 14px;
  background: var(--tertiary-background);
  border: 1px solid var(--border-color);
  border-radius: 20px;
  color: var(--text-color);
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  white-space: nowrap;
}
.quick-action-btn[data-v-f8e316d2]:hover {
  border-color: var(--accent-blue);
  background: rgba(59, 130, 246, 0.1);
  transform: translateY(-1px);
}
.ai-prompt-area[data-v-f8e316d2] {
  padding: 16px;
  margin-top: auto;
  border-top: 1px solid var(--border-color);
}
.prompt-files[data-v-f8e316d2] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}
.prompt-file-item[data-v-f8e316d2] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: var(--tertiary-background);
  border-radius: 6px;
  font-size: 12px;
}
.prompt-file-name[data-v-f8e316d2] {
  color: var(--text-color);
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.prompt-file-remove[data-v-f8e316d2] {
  background: none;
  border: none;
  color: var(--text-secondary-color);
  cursor: pointer;
  font-size: 16px;
  padding: 0 2px;
}
.prompt-file-remove[data-v-f8e316d2]:hover {
  color: var(--accent-red);
}
.prompt-input-row[data-v-f8e316d2] {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}
.prompt-file-btn[data-v-f8e316d2] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tertiary-background);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  color: var(--text-color);
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.2s;
}
.prompt-file-btn[data-v-f8e316d2]:hover {
  border-color: var(--accent-blue);
}
.hidden[data-v-f8e316d2] {
  display: none;
}
.prompt-textarea[data-v-f8e316d2] {
  flex: 1;
  background: var(--tertiary-background);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  padding: 10px 12px;
  color: var(--text-color);
  font-size: 13px;
  font-family: inherit;
  resize: none;
  outline: none;
  transition: border-color 0.2s;
}
.prompt-textarea[data-v-f8e316d2]:focus {
  border-color: var(--accent-blue);
}
.prompt-textarea[data-v-f8e316d2]::placeholder {
  color: var(--text-secondary-color);
}
.prompt-send-btn[data-v-f8e316d2] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--accent-blue);
  border: none;
  border-radius: 8px;
  color: white;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.2s;
}
.prompt-send-btn[data-v-f8e316d2]:hover:not(:disabled) {
  background: #4a91ff;
}
.prompt-send-btn[data-v-f8e316d2]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.notes-list[data-v-f8e316d2]::-webkit-scrollbar,
.note-content-area[data-v-f8e316d2]::-webkit-scrollbar {
  width: 6px;
}
.notes-list[data-v-f8e316d2]::-webkit-scrollbar-track,
.note-content-area[data-v-f8e316d2]::-webkit-scrollbar-track {
  background: transparent;
}
.notes-list[data-v-f8e316d2]::-webkit-scrollbar-thumb,
.note-content-area[data-v-f8e316d2]::-webkit-scrollbar-thumb {
  background: var(--accent-blue);
  border-radius: 3px;
}
@media (max-width: 1024px) {
.ai-panel[data-v-f8e316d2] {
    width: 260px;
    min-width: 260px;
}
.notes-sidebar[data-v-f8e316d2] {
    width: 240px;
    min-width: 240px;
}
}
@media (max-width: 768px) {
.mobile-only[data-v-f8e316d2] {
    display: flex;
}
.mobile-overlay[data-v-f8e316d2] {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
    animation: fadeIn-f8e316d2 0.2s ease;
}
@keyframes fadeIn-f8e316d2 {
from {
      opacity: 0;
}
to {
      opacity: 1;
}
}
.notes-sidebar[data-v-f8e316d2] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 100;
    width: 280px;
    min-width: 280px;
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.5);
    transform: translateX(0);
}
.notes-sidebar.collapsed[data-v-f8e316d2] {
    transform: translateX(-100%);
    width: 280px;
    min-width: 280px;
}
.ai-panel[data-v-f8e316d2] {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    z-index: 100;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.5);
    width: 300px;
    min-width: 300px;
    transform: translateX(0);
}
.ai-panel.collapsed[data-v-f8e316d2] {
    transform: translateX(100%);
    width: 300px;
    min-width: 300px;
}
.note-content-area[data-v-f8e316d2] {
    padding: 16px 20px;
}
}
.prompt-image-previews[data-v-f8e316d2] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}
.prompt-image-preview-item[data-v-f8e316d2] {
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid var(--border-color);
}
.prompt-img-thumb[data-v-f8e316d2] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.prompt-img-remove[data-v-f8e316d2] {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  color: white;
  font-size: 12px;
  padding: 0;
  line-height: 1;
}
.prompt-img-remove[data-v-f8e316d2]:hover {
  background: #ef4444;
}

@keyframes spin-67e8b0a3 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.spinner[data-v-67e8b0a3] {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: white;
  animation: spin-67e8b0a3 1s ease-in-out infinite;
}
.flashcards-layout[data-v-67e8b0a3] {
  display: flex;
  height: 100vh;
  background: var(--main-background);
  overflow: hidden;
  outline: none;
  position: relative;
}
.mobile-overlay[data-v-67e8b0a3] {
  display: none;
}
.decks-sidebar[data-v-67e8b0a3] {
  width: 300px;
  min-width: 300px;
  background: var(--secondary-background);
  border-right: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 12px;
  overflow-y: auto;
  transition: all 0.3s ease;
}
.decks-sidebar.collapsed[data-v-67e8b0a3] {
  width: 0;
  min-width: 0;
  padding: 0;
  border: none;
  overflow: hidden;
}
.sidebar-header[data-v-67e8b0a3] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.back-btn[data-v-67e8b0a3] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tertiary-background);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  color: var(--text-color);
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
}
.back-btn[data-v-67e8b0a3]:hover {
  border-color: var(--accent-blue);
  color: var(--accent-blue);
}
.sidebar-title[data-v-67e8b0a3] {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-color);
  margin: 0;
}
.new-deck-btn[data-v-67e8b0a3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px;
  background: var(--accent-blue);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.new-deck-btn[data-v-67e8b0a3]:hover {
  background: #4a91ff;
  transform: translateY(-1px);
}
.new-deck-form[data-v-67e8b0a3] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  background: var(--tertiary-background);
  border-radius: 10px;
  border: 1px solid var(--border-color);
  animation: slideDown-67e8b0a3 0.2s ease;
}
@keyframes slideDown-67e8b0a3 {
from {
    opacity: 0;
    transform: translateY(-8px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.form-input[data-v-67e8b0a3] {
  background: var(--secondary-background);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 10px 12px;
  color: var(--text-color);
  font-size: 13px;
  font-family: inherit;
  outline: none;
  transition: border-color 0.2s;
}
.form-input[data-v-67e8b0a3]:focus {
  border-color: var(--accent-blue);
}
.form-input[data-v-67e8b0a3]::placeholder {
  color: var(--text-secondary-color);
}
.form-textarea[data-v-67e8b0a3] {
  resize: none;
}
.form-actions[data-v-67e8b0a3] {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.btn-cancel[data-v-67e8b0a3] {
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  background: transparent;
  color: var(--text-color);
  font-size: 13px;
  cursor: pointer;
  font-family: inherit;
}
.btn-cancel[data-v-67e8b0a3]:hover {
  background: var(--hover-color);
}
.btn-create[data-v-67e8b0a3] {
  padding: 8px 16px;
  border-radius: 8px;
  border: none;
  background: var(--accent-blue);
  color: white;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.btn-create[data-v-67e8b0a3]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-create[data-v-67e8b0a3]:hover:not(:disabled) {
  background: #4a91ff;
}
.decks-list[data-v-67e8b0a3] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}
.deck-item[data-v-67e8b0a3] {
  padding: 14px 12px;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s;
  border: 1px solid transparent;
}
.deck-item[data-v-67e8b0a3]:hover {
  background: var(--tertiary-background);
}
.deck-item.active[data-v-67e8b0a3] {
  background: var(--tertiary-background);
  border-color: var(--accent-blue);
}
.deck-item-header[data-v-67e8b0a3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.deck-delete-btn[data-v-67e8b0a3] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  border-radius: 6px;
  color: var(--text-disabled-color);
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
  opacity: 0;
}
.deck-item:hover .deck-delete-btn[data-v-67e8b0a3] {
  opacity: 1;
}
.deck-delete-btn[data-v-67e8b0a3]:hover {
  color: var(--accent-red);
  background: rgba(239, 68, 68, 0.1);
}
.deck-name[data-v-67e8b0a3] {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-color);
  margin-bottom: 6px;
}
.deck-meta[data-v-67e8b0a3] {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: var(--text-secondary-color);
}
.deck-subject[data-v-67e8b0a3] {
  background: var(--accent-blue-transparent);
  color: var(--accent-blue);
  padding: 2px 8px;
  border-radius: 10px;
  font-weight: 500;
}
.mobile-top-nav[data-v-67e8b0a3] {
  position: absolute;
  top: 16px;
  left: 16px;
  display: flex;
  gap: 8px;
  z-index: 5;
}
.mobile-nav-btn[data-v-67e8b0a3] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--secondary-background);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  color: var(--text-secondary-color);
  cursor: pointer;
  transition: all 0.2s;
}
.mobile-nav-btn[data-v-67e8b0a3]:hover {
  color: var(--accent-blue);
  border-color: var(--accent-blue);
  background: var(--tertiary-background);
}
.close-sidebar-btn[data-v-67e8b0a3] {
  display: none;
  background: none;
  border: none;
  color: var(--text-secondary-color);
  margin-left: auto;
  cursor: pointer;
}
.flashcard-area[data-v-67e8b0a3] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  min-width: 0;
  position: relative;
}
.flashcard-container[data-v-67e8b0a3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 100%;
  max-width: 700px;
}
.deck-info[data-v-67e8b0a3] {
  text-align: center;
}
.deck-title[data-v-67e8b0a3] {
  font-size: 24px;
  font-weight: 800;
  color: var(--text-color);
  margin: 0 0 8px;
}
.card-counter[data-v-67e8b0a3] {
  font-size: 14px;
  color: var(--text-secondary-color);
  font-weight: 500;
}
.card-wrapper[data-v-67e8b0a3] {
  width: 100%;
  max-width: 520px;
  height: 320px;
  perspective: 1000px;
  cursor: pointer;
}
.flashcard[data-v-67e8b0a3] {
  width: 100%;
  height: 100%;
  position: relative;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: preserve-3d;
}
.flashcard.flipped[data-v-67e8b0a3] {
  transform: rotateY(180deg);
}
.card-face[data-v-67e8b0a3] {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  border-radius: 20px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 16px;
}
.card-front[data-v-67e8b0a3] {
  background: linear-gradient(
    135deg,
    var(--secondary-background) 0%,
    var(--tertiary-background) 100%
  );
  border: 2px solid var(--border-color);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}
.card-back[data-v-67e8b0a3] {
  background: linear-gradient(135deg, #1a2744 0%, #0f1a2e 100%);
  border: 2px solid var(--accent-blue);
  box-shadow: 0 8px 32px var(--accent-blue-transparent);
  transform: rotateY(180deg);
}
.card-label[data-v-67e8b0a3] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  color: var(--accent-blue);
  text-transform: uppercase;
}
.card-text[data-v-67e8b0a3] {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-color);
  line-height: 1.6;
  max-height: 180px;
  overflow-y: auto;
}
.card-hint[data-v-67e8b0a3] {
  font-size: 12px;
  color: var(--text-secondary-color);
  opacity: 0.6;
}
.card-navigation[data-v-67e8b0a3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 520px;
  gap: 16px;
}
.nav-btn[data-v-67e8b0a3] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  background: var(--secondary-background);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  color: var(--text-color);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.nav-btn[data-v-67e8b0a3]:hover:not(:disabled) {
  border-color: var(--accent-blue);
  background: var(--tertiary-background);
}
.nav-btn[data-v-67e8b0a3]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.progress-dots[data-v-67e8b0a3] {
  display: flex;
  gap: 6px;
  justify-content: center;
  flex-wrap: wrap;
}
.progress-dot[data-v-67e8b0a3] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--border-color);
  cursor: pointer;
  transition: all 0.2s;
}
.progress-dot.active[data-v-67e8b0a3] {
  background: var(--accent-blue);
  box-shadow: 0 0 8px var(--accent-blue-transparent);
  transform: scale(1.3);
}
.progress-dot.passed[data-v-67e8b0a3] {
  background: var(--accent-green);
}
.progress-dot[data-v-67e8b0a3]:hover {
  transform: scale(1.3);
}
.keyboard-hint[data-v-67e8b0a3] {
  display: flex;
  gap: 20px;
  font-size: 12px;
  color: var(--text-secondary-color);
}
.keyboard-hint kbd[data-v-67e8b0a3] {
  display: inline-block;
  padding: 2px 6px;
  background: var(--tertiary-background);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  font-family: inherit;
  font-size: 11px;
  color: var(--text-color);
  margin-right: 4px;
}
.empty-deck[data-v-67e8b0a3],
.no-deck-selected[data-v-67e8b0a3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  color: var(--text-secondary-color);
}
.empty-icon[data-v-67e8b0a3] {
  font-size: 48px;
  opacity: 0.5;
}
.empty-deck h2[data-v-67e8b0a3],
.no-deck-selected h2[data-v-67e8b0a3] {
  margin: 0;
  font-size: 20px;
  color: var(--text-color);
}
.empty-deck p[data-v-67e8b0a3],
.no-deck-selected p[data-v-67e8b0a3] {
  margin: 0;
  font-size: 14px;
  text-align: center;
}
.usage-banner[data-v-67e8b0a3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background: var(--tertiary-background);
  border-radius: 8px;
  font-size: 12px;
}
.usage-label[data-v-67e8b0a3] {
  color: var(--text-secondary-color);
  font-weight: 500;
}
.usage-value[data-v-67e8b0a3] {
  color: var(--accent-blue);
  font-weight: 700;
}
.usage-value.at-limit[data-v-67e8b0a3] {
  color: var(--accent-red);
}
.new-deck-btn[data-v-67e8b0a3]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
}
.limit-notice[data-v-67e8b0a3] {
  padding: 10px 12px;
  background: rgba(239, 68, 68, 0.08);
  border: 1px solid rgba(239, 68, 68, 0.15);
  border-radius: 8px;
  font-size: 12px;
  color: var(--text-secondary-color);
  line-height: 1.5;
}
.limit-notice strong[data-v-67e8b0a3] {
  color: var(--accent-blue);
}
.decks-sidebar[data-v-67e8b0a3]::-webkit-scrollbar {
  width: 6px;
}
.decks-sidebar[data-v-67e8b0a3]::-webkit-scrollbar-track {
  background: transparent;
}
.decks-sidebar[data-v-67e8b0a3]::-webkit-scrollbar-thumb {
  background: var(--accent-blue);
  border-radius: 3px;
}
@media (max-width: 768px) {
.mobile-overlay[data-v-67e8b0a3] {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
    animation: fadeIn-67e8b0a3 0.2s ease;
}
@keyframes fadeIn-67e8b0a3 {
from {
      opacity: 0;
}
to {
      opacity: 1;
}
}
.decks-sidebar[data-v-67e8b0a3] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 100;
    width: 280px;
    min-width: 280px;
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.5);
    transform: translateX(0);
}
.decks-sidebar.collapsed[data-v-67e8b0a3] {
    transform: translateX(-100%);
    width: 280px;
    min-width: 280px;
    padding: 16px;
}
.close-sidebar-btn[data-v-67e8b0a3] {
    display: block;
}
.flashcard-area[data-v-67e8b0a3] {
    padding: 20px;
}
.card-wrapper[data-v-67e8b0a3] {
    height: 260px;
}
.card-text[data-v-67e8b0a3] {
    font-size: 16px;
}
}
@media (max-width: 480px) {
.card-wrapper[data-v-67e8b0a3] {
    height: 240px;
}
.card-face[data-v-67e8b0a3] {
    padding: 20px;
}
.nav-btn[data-v-67e8b0a3] {
    padding: 8px 12px;
    font-size: 12px;
}
}
.hidden-input[data-v-67e8b0a3] {
  display: none;
}
.deck-image-attach[data-v-67e8b0a3] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.deck-image-btn[data-v-67e8b0a3] {
  padding: 8px 12px;
  background: var(--secondary-background);
  border: 1px dashed var(--border-color);
  border-radius: 8px;
  color: var(--text-color);
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  text-align: center;
}
.deck-image-btn[data-v-67e8b0a3]:hover {
  border-color: var(--accent-blue);
  background: var(--tertiary-background);
}
.deck-image-previews[data-v-67e8b0a3] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.deck-image-preview-item[data-v-67e8b0a3] {
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid var(--border-color);
}
.deck-img-thumb[data-v-67e8b0a3] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.deck-img-remove[data-v-67e8b0a3] {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  color: white;
  font-size: 12px;
  padding: 0;
  line-height: 1;
}
.deck-img-remove[data-v-67e8b0a3]:hover {
  background: #ef4444;
}

.legal-page[data-v-d5b67cf3] {
  min-height: 100vh;
  padding: 7rem 1.5rem 4rem;
  background:
    radial-gradient(
      circle at top left,
      rgba(59, 130, 246, 0.14),
      transparent 28%
    ),
    radial-gradient(
      circle at top right,
      rgba(34, 197, 94, 0.08),
      transparent 24%
    ),
    linear-gradient(180deg, var(--main-background), var(--secondary-background));
}
.legal-hero[data-v-d5b67cf3] {
  width: 100%;
  max-width: 920px;
  margin: 0 auto 1.5rem;
}
.legal-kicker[data-v-d5b67cf3] {
  color: var(--accent-blue);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.8rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.legal-hero h1[data-v-d5b67cf3] {
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 1.05;
  margin-bottom: 1rem;
}
.legal-intro[data-v-d5b67cf3] {
  max-width: 60ch;
  color: var(--text-secondary-color);
  font-size: 1.05rem;
  line-height: 1.7;
  margin-bottom: 1.5rem;
}
.legal-meta[data-v-d5b67cf3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  color: var(--text-secondary-color);
  font-size: 0.92rem;
}
.legal-back[data-v-d5b67cf3] {
  color: var(--accent-blue);
  text-decoration: none;
  font-weight: 600;
}
.legal-back[data-v-d5b67cf3]:hover {
  text-decoration: underline;
}
.legal-card[data-v-d5b67cf3] {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  padding: 2rem;
  border: 1px solid var(--border-color);
  border-radius: 24px;
  background: rgba(18, 18, 20, 0.86);
  backdrop-filter: blur(20px);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}
.legal-section + .legal-section[data-v-d5b67cf3] {
  margin-top: 1.75rem;
  padding-top: 1.75rem;
  border-top: 1px solid var(--border-color);
}
.legal-section h2[data-v-d5b67cf3] {
  font-size: 1.3rem;
  margin-bottom: 0.75rem;
}
.legal-section p[data-v-d5b67cf3],
.legal-list[data-v-d5b67cf3] {
  color: var(--text-secondary-color);
  line-height: 1.75;
  font-size: 0.98rem;
}
.legal-section p + p[data-v-d5b67cf3] {
  margin-top: 0.85rem;
}
.legal-list[data-v-d5b67cf3] {
  margin: 1rem 0 0;
  padding-left: 1.25rem;
  display: grid;
  gap: 0.65rem;
}
@media (max-width: 640px) {
.legal-page[data-v-d5b67cf3] {
    padding: 6rem 1rem 3rem;
}
.legal-card[data-v-d5b67cf3] {
    padding: 1.25rem;
    border-radius: 18px;
}
.legal-meta[data-v-d5b67cf3] {
    align-items: flex-start;
    flex-direction: column;
}
}