/* My Quizzes v2 */
@media (min-width:1100px){main.wrap:has(.lib){max-width:1320px}}
body:has(.lib){background:#0B1330}
.lib{display:flex;flex-direction:column;gap:16px;color:#fff;padding-top:6px}
.lb-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.lb-head h1{margin:0;font:900 clamp(32px,4.4vw,52px)/1 var(--f-display);color:#fff;display:inline;margin-right:14px}
.lb-head>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px}
.lb-head p{margin:0;font-size:16px;color:#C9D4FF}
.lb-link{background:none;border:0;color:#7FB0FF;font-weight:700;text-decoration:underline;padding:0}
.lb-new{min-height:54px;padding:0 26px;border-radius:16px;font:800 19px/1 var(--f-display);color:#fff;background:linear-gradient(180deg,#3D8BFF,#1F5CE8);box-shadow:0 5px 0 #0E2F8A,0 0 22px rgba(61,139,255,.45);border:0}
.lb-new:hover{transform:translateY(-2px)}
/* tools */
.lb-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.lb-search{flex:1 1 280px;display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;border-radius:16px;background:rgba(14,24,66,.85);border:1.5px solid rgba(110,150,255,.4)}
.lb-search:focus-within{border-color:#7FB0FF;box-shadow:0 0 0 3px rgba(61,139,255,.25)}
.lb-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font-size:16px}
.lb-search input::placeholder{color:#8C9BC8}
.lb-pills{display:flex;gap:8px;flex-wrap:wrap}
.lb-pill{height:52px;padding:0 20px;border-radius:999px;background:rgba(14,24,66,.85);border:1.5px solid rgba(110,150,255,.4);color:#DCE3FF;font-weight:700;font-size:15px;white-space:nowrap}
.lb-pill:hover{border-color:#7FB0FF}
.lb-pill[aria-pressed="true"]{background:linear-gradient(180deg,#2D5BE8,#1E46C8);border-color:#7FB0FF;color:#fff;box-shadow:0 0 16px rgba(61,139,255,.45)}
.lb-sort{display:flex;align-items:center;gap:8px;height:52px;padding:0 6px 0 16px;border-radius:16px;background:rgba(14,24,66,.85);border:1.5px solid rgba(110,150,255,.4);color:#AFC0F0;font-size:14px;white-space:nowrap}
.lb-sort select{background:transparent;border:0;color:#fff;font-weight:800;font-size:15px;padding:8px 6px;color-scheme:dark;cursor:pointer}
/* continue learning */
.lb-feat{position:relative;overflow:hidden;padding:16px 20px 18px;border-radius:24px;border:1.5px solid rgba(110,150,255,.6);
  background:linear-gradient(90deg,rgba(12,20,60,.96) 35%,rgba(12,20,60,.75)),url(../img/home/hero-bg-sm.webp) center/cover;box-shadow:0 0 30px -10px rgba(61,139,255,.5)}
.lb-eye{font-size:15px}
.lb-fbody{display:grid;grid-template-columns:200px minmax(0,1fr) 290px;gap:22px;align-items:center;margin-top:10px}
.lb-fart{height:150px;border-radius:18px;border:1.5px solid rgba(140,170,255,.5);background:radial-gradient(circle at 50% 70%,rgba(61,139,255,.35),transparent 70%),url(../img/home/hero-bg-sm.webp) 30% center/cover;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.lb-frip{height:146px;width:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))}
.lb-ftx{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.lb-ftx h2{margin:0;font:900 clamp(22px,2.4vw,32px)/1.12 var(--f-display);overflow-wrap:anywhere}
.lb-fmsg{margin:2px 0 0;color:#C9D4FF;font-size:15px}
.lb-fside{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:rgba(6,12,40,.7);border:1px solid rgba(140,170,255,.35)}
.lb-stat{display:flex;align-items:center;gap:10px;font-size:22px}.lb-stat small{display:block;font:800 11px/1 var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:#AFC0F0}.lb-stat b{font-size:16px;color:#fff}
.lb-go{width:100%;min-height:56px;font-size:19px;background:linear-gradient(180deg,#FFE27A,#FFC21A);color:#2A1A00;box-shadow:0 5px 0 #B57A00;border:0;justify-content:center}
/* grid */
.lb-sh{display:flex;align-items:baseline;justify-content:space-between}
.lb-sh h2{margin:0;font:900 24px/1 var(--f-display)}.lb-sh span{color:#AFC0F0;font-size:15px}
.lb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lb-card{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:22px;background:linear-gradient(180deg,rgba(22,36,96,.92),rgba(12,20,60,.94));border:1px solid rgba(110,150,255,.4);box-shadow:0 18px 36px -26px rgba(0,0,0,.9);transition:transform .15s,border-color .15s;animation:h3in .45s cubic-bezier(.2,.8,.2,1) backwards}
.lb-card:hover{transform:translateY(-3px);border-color:rgba(127,176,255,.8)}
.lb-card[hidden]{display:none}
.lb-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:start}
.lb-ic{width:76px;height:76px;border-radius:18px;display:grid;place-items:center;font-size:40px;border:1.5px solid rgba(255,255,255,.25);box-shadow:inset 0 -4px 0 rgba(0,0,0,.2),0 8px 16px -8px rgba(0,0,0,.7)}
.ic-sci{background:radial-gradient(circle at 35% 30%,#2A7FFF,#123A9A)}.ic-math{background:radial-gradient(circle at 35% 30%,#FF9A3A,#B5480E)}.ic-hist{background:radial-gradient(circle at 35% 30%,#2EB8C9,#0F5A7A)}
.ic-eng{background:radial-gradient(circle at 35% 30%,#A66BFF,#5A2CC8)}.ic-lang{background:radial-gradient(circle at 35% 30%,#FF6B9A,#B52A5A)}.ic-art{background:radial-gradient(circle at 35% 30%,#FFCF3E,#C98A00)}.ic-pe{background:radial-gradient(circle at 35% 30%,#3BD08A,#0F7A4A)}.ic-gen{background:radial-gradient(circle at 35% 30%,#4F7BFF,#26388F)}
.lb-tx{min-width:0;display:flex;flex-direction:column;gap:5px}
.lb-tags{display:flex;gap:6px;flex-wrap:wrap}
.lb-tag{display:inline-block;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700;background:rgba(61,110,255,.25);border:1px solid rgba(127,176,255,.5);color:#DCE6FF}
.lb-tag.smp{background:rgba(255,207,62,.15);border-color:rgba(255,207,62,.5);color:#FFE27A}
.lb-tag.tst.soon{background:#E24A1A;border-color:#FF9A6A;color:#fff}.lb-tag.tst.done{background:rgba(45,212,160,.15);border-color:rgba(45,212,160,.45);color:#7FF0C9}
.lb-name{background:none;border:0;padding:0;text-align:left;color:#fff;font:800 19px/1.2 var(--f-display);overflow-wrap:anywhere}
.lb-name:hover{text-decoration:underline}
.lb-meta{font-size:14px;color:#AFC0F0}
.lb-grade{display:flex;flex-direction:column;align-items:center;gap:4px}
.lb-grade b{width:56px;height:50px;border-radius:14px;display:grid;place-items:center;font:900 24px/1 var(--f-display);color:#4BEAB8;background:rgba(0,0,0,.3);border:1.5px solid rgba(127,176,255,.5)}
.lb-grade small{font-size:11.5px;color:#AFC0F0;white-space:nowrap}
.lb-grade.none b{color:#8C9BC8}
.lb-more{width:32px;height:32px;border-radius:10px;background:none;border:0;color:#DCE3FF;font-size:22px;line-height:1}
.lb-more:hover{background:rgba(255,255,255,.1)}
.lb-prog{display:flex;align-items:center;gap:12px}.lb-prog b{font:900 17px/1 var(--f-display);min-width:42px;text-align:right}
.lb-bar{flex:1;height:14px;border-radius:999px;background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);overflow:hidden}
.lb-bar i{display:block;height:100%;border-radius:inherit}
.lb-bar.g i{background:linear-gradient(90deg,#16B987,#4BEAB8);box-shadow:0 0 10px rgba(75,234,184,.5)}.lb-bar.b i{background:linear-gradient(90deg,#2D6BFF,#5FA8FF)}.lb-bar.o i{background:linear-gradient(90deg,#E8A600,#FFC94A)}
.lb-prog.big .lb-bar{height:16px}.lb-prog.big b{font-size:20px}
.lb-btns{display:grid;grid-template-columns:1.1fr 1fr;gap:10px}
.lb-btns .lb-play:only-child{grid-column:1/-1}
.lb-play{min-height:52px;border-radius:14px;justify-content:center;font:800 18px/1 var(--f-display);color:#fff;background:linear-gradient(180deg,#3D8BFF,#1F5CE8);box-shadow:0 4px 0 #0E2F8A;border:0}
.lb-modes{min-height:52px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1.5px solid rgba(160,190,255,.6);color:#fff;font-weight:700;font-size:15px;white-space:nowrap}
.lb-modes span{opacity:.8}.lb-modes:hover{border-color:#fff}
.lb-zero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 20px}.lb-zero b{font:900 22px/1.2 var(--f-display)}
/* pop-up menus */
.lb-menu{position:absolute;z-index:60;min-width:250px;padding:6px;border-radius:16px;background:#16245E;border:1px solid rgba(140,170,255,.55);box-shadow:0 24px 50px -16px rgba(0,0,0,.9);animation:qsin .18s ease-out}
.lb-menu button{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;width:100%;padding:9px 10px;border-radius:11px;background:none;border:0;color:#fff;text-align:left}
.lb-menu button span{grid-row:1/3;font-size:20px;text-align:center}.lb-menu button b{font-size:15px}.lb-menu button small{font-size:12.5px;color:#AFC0F0}
.lb-menu button:hover,.lb-menu button:focus-visible{background:rgba(61,139,255,.25);outline:none}
.lb-menu button.danger b{color:#FF8A9E}
/* responsive */
@media (max-width:1180px){.lb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lb-fbody{grid-template-columns:150px minmax(0,1fr) 250px}.lb-fart{height:130px}.lb-frip{height:126px}}
@media (max-width:820px){.lb-fbody{grid-template-columns:1fr}.lb-fart{display:none}.lb-sort{flex:1 1 100%}.lb-sort select{flex:1}}
@media (max-width:640px){.lb-grid{grid-template-columns:1fr}.lb-pills{overflow-x:auto;flex-wrap:nowrap;width:100%;scrollbar-width:none}.lb-pill{height:44px;padding:0 14px;font-size:14px}.lb-search,.lb-sort{height:48px}
  .lb-ic{width:60px;height:60px;font-size:30px}.lb-new{width:100%}.lb-head h1{font-size:34px}}
.lb-ftx .lb-prog{width:100%;max-width:560px}.lb-bar.z i{width:0}
.lb-prog b small{font:700 12px/1 var(--f-body);color:#AFC0F0}.lb-prog b{white-space:nowrap}
/* Your Study Guides vs Practice Quizzes */
.lb-sec{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.lb-sec+.lb-sec{margin-top:26px;padding-top:22px;border-top:1px dashed rgba(140,170,255,.25)}
.lb-sh{align-items:baseline;flex-wrap:wrap;gap:6px 12px}
.lb-shsub{color:#9FB0E0;font-size:14px}
.lb-cnt{margin-left:auto;color:#9FB0E0;font-size:14px}
.lb-tag.src{background:rgba(45,212,160,.16);border-color:rgba(45,212,160,.5);color:#8FF0CF}
.lb-mine0{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 22px;border-radius:18px;border:2px dashed rgba(140,170,255,.35);background:rgba(14,24,66,.5);color:#C9D4FF}
.lb-mine0 b{color:#fff}.lb-mine0 span{flex:1;min-width:200px}.lb-m0rip{height:70px;width:auto}
/* Earn a Pack banner */
.ep{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:20px 24px;margin-bottom:16px;border-radius:24px;color:#fff;overflow:hidden;
  background:radial-gradient(80% 120% at 0% 50%,rgba(255,194,26,.25),transparent 60%),linear-gradient(120deg,#2A1E6E,#16226A 55%,#0F1A4E);border:2px solid #FFC21A;box-shadow:0 0 28px rgba(255,194,26,.3)}
.ep.pulse{animation:eppulse 1.2s ease-in-out 3}
@keyframes eppulse{50%{box-shadow:0 0 50px rgba(255,194,26,.75)}}
.ep-art{position:relative}.ep-art .rpack.small{width:92px;transform:rotate(-8deg);filter:drop-shadow(0 10px 14px rgba(0,0,0,.5));animation:epbob 2.4s ease-in-out infinite}
@keyframes epbob{50%{transform:rotate(-4deg) translateY(-6px)}}
.ep-n{position:absolute;top:-6px;right:-10px;min-width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#E5334F;font:900 16px/1 var(--f-display);font-style:normal;border:2px solid #fff}
.ep-eye{font:900 13px/1 var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:#FFC21A}
.ep h2{margin:6px 0 4px;font:900 clamp(20px,2.2vw,30px)/1.1 var(--f-display)}
.ep p{margin:0;color:#D5DEFF;font-size:16px}.ep p b{color:#fff}
.ep-prog{display:flex;align-items:center;gap:12px;margin-top:10px}
.ep-dots{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;flex:1;max-width:360px}
.ep-dots i{height:12px;border-radius:4px;background:rgba(255,255,255,.15)}.ep-dots i.on{background:linear-gradient(180deg,#FFE27A,#FFC21A);box-shadow:0 0 8px rgba(255,194,26,.6)}
.ep-prog b{font:900 18px/1 var(--f-display);color:#FFD23F}
.ep-sm{display:block;margin-top:8px;color:#9FB0E0;font-size:13px}
.ep-side{display:flex;align-items:center;gap:10px}
.ep-go{min-height:58px;padding:0 24px;font-size:18px;white-space:nowrap}
.ep-go.alt{background:linear-gradient(180deg,#3D8BFF,#1F5CE8);color:#fff;box-shadow:0 4px 0 #0E2F8A}
.ep-rip{height:110px;width:auto;margin:-20px -10px -24px 0;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45))}
@media (max-width:900px){.ep{grid-template-columns:auto minmax(0,1fr)}.ep-side{grid-column:1/-1}.ep-go{flex:1}.ep-rip{display:none}}
@media (max-width:520px){.ep{padding:16px;gap:14px}.ep-art .rpack.small{width:64px}}
.ep-dots{flex:0 1 360px;width:360px;min-width:120px}.ep-dots i{display:block}
.lb-btns .lb-fc{grid-column:1/-1;min-height:44px;border-color:rgba(255,210,63,.7);color:#FFE27A}