*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.landing-page{font-family:apple,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8f9fa;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#f8f9fa;border-bottom:1px solid transparent;transition:border-color .3s ease,box-shadow .3s ease;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;animation:fadeIn .6s ease-out}.header.scrolled{border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.header-box{display:flex;align-items:center}.left-box{flex:0 0 auto}.center-box{flex:1;justify-content:start;margin-left:3vw;gap:2rem}.right-box{flex:0 0 auto;gap:1rem}.logo{display:flex;align-items:center;gap:.5rem;font-family:applemedium,sans-serif;font-size:1.5rem;font-weight:700;color:#0f172a;cursor:pointer}.landingPageLogo{height:auto;max-height:40px;cursor:pointer}.logo-icon{font-size:1.75rem}.centerBoxButtons{font-family:applethin,sans-serif;font-size:.95rem;color:#64748b;text-decoration:none;background-color:#f8f9fa;cursor:pointer;transition:color .3s ease;position:relative;padding-bottom:.25rem}.centerBoxButtons:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#ab9ff2;transition:width .3s ease}.centerBoxButtons:hover{color:#0f172a}.centerBoxButtons:hover:after{width:100%}.header-btn{background:none;border:none;font-family:applethin,sans-serif;font-size:.95rem;cursor:pointer;transition:color .3s ease,background .3s ease,transform .2s ease;padding:.5rem 1rem;border-radius:6px;text-decoration:none;display:inline-block}.headerButton{color:#64748b}.headerButton{color:#64748b;position:relative;padding-bottom:.25rem}.headerButton:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#ab9ff2;transition:width .3s ease}.headerButton:hover:after{width:100%}.headerButton:hover{color:#0f172a;background:#f8f9fa}.header-btn.outline{background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;padding:.625rem 1.25rem;border-radius:6px;font-family:applemedium,sans-serif;transition:transform .2s ease,box-shadow .3s ease}.header-btn.outline:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ab9ff24d}.hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer}.hamburger div{width:25px;height:2.5px;background-color:#0f172a;border-radius:3px;transition:.3s}.dropdown{display:none;position:absolute;top:100%;right:2rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 30px #0000001a;padding:1rem;flex-direction:column;gap:.75rem;min-width:200px;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.dropdown.show{display:flex;opacity:1;transform:translateY(0);pointer-events:all}.dropdown a{font-family:applethin,sans-serif;font-size:.95rem;color:#64748b;text-decoration:none;padding:.5rem;border-radius:4px;cursor:pointer;transition:background .3s ease,color .3s ease}.dropdown a:hover{background:#f8f9fa;color:#0f172a}.section-one{display:flex;flex-wrap:wrap;gap:1.5rem;padding:2rem;justify-content:center;margin:0 auto;max-width:1500px;padding-top:calc(80px + 2rem);margin-top:-6vh;margin-top:-6dvh}.box{flex:1 1 48%;min-width:300px;max-width:1300px;padding:clamp(1rem,2vw,2rem);background-color:#f8f9fa;border:1px solid #f8f9fa;border-radius:6px;text-align:left;display:flex;flex-direction:column;justify-content:center;opacity:0;animation:fadeInUp .8s ease-out forwards;width:100%}.box:first-child{animation-delay:.2s}.box:last-child{animation-delay:.4s}.hero-visual-box{position:relative;min-height:400px}.sectionOneTitle{font-family:apple,sans-serif;font-size:clamp(4rem,8vw,4rem);text-align:left;margin-bottom:2.5rem;margin-top:2.2rem;line-height:1.3;color:#0f172a;font-weight:800}.gradient-text{background:linear-gradient(135deg,#ab9ff2,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.description{font-family:applethin,Arial,sans-serif;font-size:clamp(1.1rem,1.2vw,1.3rem);color:#656565;font-weight:lighter;margin-bottom:1.5rem}.buttonGroup{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;justify-content:flex-start;align-items:center}.landingSignUpButton,.googleSignUp{flex:0 1 auto;min-width:140px;max-width:219px;padding:1rem 1.5rem;border-radius:6px;cursor:pointer;font-family:applethin,Arial,sans-serif;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:box-shadow .2s ease,transform .2s ease;margin-top:1rem}.landingSignUpButton{background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;border:0px solid black;box-shadow:0 2px 4px #00000026}.landingSignUpButton span.arrow{display:inline-block;transition:transform .3s ease}.landingSignUpButton:hover span.arrow{transform:translate(10px)}.landingSignUpButton:hover{background-color:#a393fc;box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.googleSignUp{background-color:#fff;color:#000;border:1px solid #ab9ff2;box-shadow:0 2px 4px #00000026}.googleSignUp:hover{border:.7px solid #AB9FF2;box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.google-logo-img{height:1rem;width:auto}.floating-card{position:absolute;background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 10px 40px #0000001a;display:flex;align-items:center;gap:1rem;animation:float 3s ease-in-out infinite,scaleIn .6s ease-out backwards}.floating-card.card-1{top:20%;left:10%;animation-delay:0s,.6s}.floating-card.card-2{top:50%;right:10%;animation-delay:1s,.8s}.floating-card.card-3{bottom:10%;left:20%;animation-delay:2s,1s}.card-icon{font-size:2rem}.card-text{font-family:applethin,sans-serif;font-size:1.5rem;color:#0f172a}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.features{max-width:1200px;margin:0 auto;padding:6rem 2rem;margin-top:-8vh}.features-header{text-align:center;margin-bottom:4rem}.section-title{font-family:applemedium,sans-serif;font-size:1.8rem;font-weight:800;color:#0f172a;margin-bottom:1rem;opacity:0;animation:fadeInUp .8s ease-out forwards;animation-delay:.1s}.section-title-special{font-family:applemedium,sans-serif;font-size:4rem;color:#0f172a;margin-bottom:1rem;opacity:0;animation:fadeInUp .8s ease-out forwards;animation-delay:.1s;margin-top:-3rem}.section-subtitle{font-family:applethin,sans-serif;font-size:1.1rem;color:#64748b;opacity:0;animation:fadeInUp .8s ease-out forwards;animation-delay:.2s}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:#fff;border-radius:16px;padding:2rem;border:1px solid #e2e8f0;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;opacity:0;animation:fadeInUp .6s ease-out forwards}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #ab9ff226;border-color:#ab9ff2}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-title{font-family:applemedium,sans-serif;font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:.75rem}.feature-description{font-family:applethin,sans-serif;font-size:.95rem;line-height:1.6;color:#64748b}.subjects{padding:6rem 0;background:#fff;max-width:100%;margin:0 auto;justify-content:center;align-items:center}.subjects-title{font-family:applemedium,sans-serif;font-size:2.25rem;font-weight:800;color:#0f172a;text-align:center;margin-bottom:.5rem;padding:0 2rem;opacity:0;animation:fadeInUp .8s ease-out forwards;animation-delay:.1s}.subjects-subtitle{font-family:applethin,sans-serif;font-size:1.1rem;color:#64748b;text-align:center;margin-bottom:3rem;padding:0 2rem;opacity:0;animation:fadeInUp .8s ease-out forwards;animation-delay:.2s}.scrolling-banner{position:relative;overflow:hidden;padding:2rem 0;width:100%;align-items:center;justify-content:center}.fade-left,.fade-right{position:absolute;top:50%;transform:translateY(-50%);height:100%;width:clamp(100px,10vw,200px);z-index:10;pointer-events:none}.fade-left{left:0;background:linear-gradient(to right,white,transparent)}.fade-right{right:0;background:linear-gradient(to left,white,transparent)}.scroll-track{display:flex;gap:1rem;width:max-content;animation:scroll 40s linear infinite;align-items:center}.scroll-track:hover{animation-play-state:paused}.subject-tags{display:flex;gap:1rem;flex-shrink:0;align-items:center}.subject-tag{background:linear-gradient(135deg,#ab9ff21a,#6366f11a);color:#6366f1;font-family:applemedium,sans-serif;font-size:1rem;padding:.75rem 1.5rem;border-radius:50px;border:1px solid rgba(171,159,242,.3);white-space:nowrap;transition:transform .3s ease,box-shadow .3s ease}.subject-tag:hover{transform:scale(1.05);box-shadow:0 5px 15px #ab9ff233}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-25%)}}@media(min-width:1600px){.scroll-track{animation:scroll 50s linear infinite}}@media(min-width:2000px){.scroll-track{animation:scroll 60s linear infinite}}.how-it-works{max-width:1200px;margin:0 auto;padding:6rem 2rem}.how-it-works-header{text-align:center;margin-bottom:4rem}.steps{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:4rem;flex-wrap:wrap}.step{background:#fff;border-radius:16px;padding:2rem;border:1px solid #e2e8f0;text-align:center;flex:1;min-width:250px;max-width:300px;position:relative;transition:transform .3s ease,box-shadow .3s ease;opacity:0;animation:fadeInUp .6s ease-out forwards}.step:nth-child(1){animation-delay:.2s}.step:nth-child(3){animation-delay:.4s}.step:nth-child(5){animation-delay:.6s}.step:hover{transform:translateY(-5px);box-shadow:0 15px 40px #ab9ff226}.step-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:40px;height:40px;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:applemedium,sans-serif;font-weight:700;font-size:1.125rem}.step-icon{font-size:3rem;margin:1.5rem 0 1rem}.step-title{font-family:applemedium,sans-serif;font-size:1.125rem;font-weight:700;color:#0f172a;margin-bottom:.75rem}.step-description{font-family:applethin,sans-serif;font-size:.95rem;line-height:1.6;color:#64748b}.step-connector{font-size:2rem;color:#ab9ff2;font-weight:700}.special-instructions{max-width:1400px;margin:0 auto;padding:6rem 2rem;background:#f8f9fa;margin-top:-5vh}.special-instructions-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.special-instructions-text h2{text-align:left;margin-bottom:1.5rem}.special-instructions-text .section-subtitle{text-align:left;margin-bottom:2rem;line-height:1.8}.instruction-examples{display:flex;flex-direction:column;gap:1rem}.example-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;transition:transform .3s ease,box-shadow .3s ease}.example-item:hover{transform:translate(10px);box-shadow:0 5px 20px #ab9ff226}.example-icon{font-size:1.5rem}.example-text{font-family:applemedium,sans-serif;font-size:1rem;color:#0f172a}.special-instructions-visual{display:flex;justify-content:center;align-items:center}.instruction-box-container{position:relative;width:100%;max-width:450px;height:300px;display:flex;align-items:center;justify-content:center}.instruction-carousel{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;margin-bottom:50px;mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%)}.instruction-set{display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:slideUpInfinite 27s linear infinite}.instruction-item{font-family:applemedium,sans-serif;font-size:1.1rem;color:#64748b;padding:1.25rem 2rem;background:#fff;border-radius:12px;border:2px solid #e2e8f0;white-space:nowrap;opacity:.6;transform:scale(.95);transition:all .3s ease;min-width:280px;text-align:center}.instruction-item.active{opacity:1;transform:scale(1);border-color:#ab9ff2;background:linear-gradient(135deg,#ab9ff20d,#6366f10d);box-shadow:0 10px 30px #ab9ff233;color:#6366f1;z-index:10}.instruction-input-box{position:absolute;bottom:20px;width:90%;padding:1rem 1.5rem;background:#fff;border:2px solid #ab9ff2;border-radius:12px;box-shadow:0 10px 40px #ab9ff233;z-index:5}.input-placeholder{font-family:applethin,sans-serif;font-size:.95rem;color:#94a3b8}@keyframes slideUpInfinite{0%{transform:translateY(0)}to{transform:translateY(-33.33%)}}@keyframes highlightCycle{0%,to{opacity:.6;transform:scale(.95);border-color:#e2e8f0;background:#fff;box-shadow:none;color:#64748b}7.4%,14.8%{opacity:1;transform:scale(1);border-color:#ab9ff2;background:linear-gradient(135deg,#ab9ff20d,#6366f10d);box-shadow:0 10px 30px #ab9ff233;color:#6366f1}22.2%{opacity:.6;transform:scale(.95);border-color:#e2e8f0;background:#fff;box-shadow:none;color:#64748b}}.pricing{max-width:1200px;margin:0 auto;padding:6rem 2rem;background:#f8f9fa;margin-top:-10vh}.pricing-header{text-align:center;margin-bottom:4rem}.billing-toggle{display:flex;justify-content:center;gap:.5rem;margin-top:2rem;padding:.5rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;max-width:320px;margin-left:auto;margin-right:auto}.toggle-btn{font-family:applemedium,sans-serif;font-size:.95rem;padding:.625rem 1.25rem;border:none;background:transparent;color:#64748b;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.toggle-btn.active{background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff}.save-badge{font-size:.75rem;background:#fff3;padding:.25rem .5rem;border-radius:4px}.toggle-btn.active .save-badge{background:#ffffff4d}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.pricing-card{background:#fff;border-radius:20px;padding:2.5rem 2rem;border:2px solid #e2e8f0;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;opacity:0;animation:fadeInUp .6s ease-out forwards}.pricing-card:nth-child(1){animation-delay:.2s}.pricing-card:nth-child(2){animation-delay:.3s}.pricing-card:nth-child(3){animation-delay:.4s}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #ab9ff226}.pricing-card.popular{border-color:#ab9ff2;box-shadow:0 20px 60px #ab9ff24d;background:linear-gradient(135deg,#f8f7ff,#f0edff);transform:scale(1.02)}.pricing-card.popular:hover{transform:scale(1.05)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;font-family:applemedium,sans-serif;font-size:.75rem;padding:.375rem 1rem;border-radius:20px;font-weight:600;letter-spacing:.5px}.plan-header{text-align:center;margin-bottom:1.5rem}.plan-emoji{font-size:3rem;margin-bottom:.5rem}.plan-name{font-family:applemedium,sans-serif;font-size:1.75rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.plan-description{font-family:applethin,sans-serif;font-size:.95rem;color:#64748b}.plan-price{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #f1f5f9}.price-amount{font-family:applemedium,sans-serif;font-size:3rem;font-weight:800;color:#0f172a}.price-period{font-family:applethin,sans-serif;font-size:1rem;color:#64748b}.plan-features{list-style:none}.plan-feature{font-family:applethin,sans-serif;font-size:.95rem;color:#0f172a;padding:.75rem 0;display:flex;align-items:center;gap:.75rem}.feature-check{color:#6366f1;font-weight:700;font-size:1.25rem}.plan-button{width:100%;padding:1rem;border-radius:10px;font-family:applemedium,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all .3s ease}.plan-button.primary{background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff}.plan-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ab9ff24d}.plan-button.secondary{background:#fff;color:#6366f1;border:2px solid #6366f1}.plan-button.secondary:hover{background:#6366f1;color:#fff;transform:translateY(-2px)}.plan-button.disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.plan-button.disabled:hover{transform:none}.cta{background:linear-gradient(135deg,#ab9ff2,#6366f1);padding:6rem 2rem}.cta-content{max-width:800px;margin:0 auto;text-align:center}.cta-title{font-family:applemedium,sans-serif;font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:1rem;opacity:0;animation:fadeInUp .8s ease-out forwards;animation-delay:.1s}.cta-description{font-family:applethin,sans-serif;font-size:1.1rem;color:#ffffffe6;margin-bottom:2rem;opacity:0;animation:fadeInUp .8s ease-out forwards;animation-delay:.2s}.cta-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;opacity:0;animation:fadeInUp .8s ease-out forwards;animation-delay:.3s}.landingPrimary-button{background:#fff;color:#6366f1;border:none;font-family:applemedium,sans-serif;font-size:1rem;padding:.875rem 1.75rem;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:transform .2s ease,box-shadow .3s ease}.landingPrimary-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffffff4d}.landingPrimary-button.large{font-size:1.125rem;padding:1rem 2rem}.arrow{font-size:1.25rem;transition:transform .3s ease}.landingPrimary-button:hover .arrow{transform:translate(4px)}.cta-subtext{font-family:applethin,sans-serif;font-size:.95rem;color:#fffc;opacity:0;animation:fadeInUp .8s ease-out forwards;animation-delay:.4s}.footer{background:#0f172a;color:#fff;padding:4rem 2rem 2rem}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand .logo{color:#fff;margin-bottom:1rem}.footer-tagline{font-family:applethin,sans-serif;font-size:.95rem;color:#94a3b8}.footer-heading{font-family:applemedium,sans-serif;font-size:1rem;font-weight:700;margin-bottom:1rem}.footer-column{display:flex;flex-direction:column;gap:.75rem}.footer-link{font-family:applethin,sans-serif;font-size:.95rem;color:#94a3b8;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#ab9ff2}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-bottom p{font-family:applethin,sans-serif;font-size:.875rem;color:#94a3b8}@media(max-width:1100px){.center-box{display:none}.hamburger{display:flex}.section-one{padding:1rem;margin:0 1rem;padding-top:calc(70px + 2rem)}.section-title-special{margin-top:-4rem}.box{flex:1 1 100%;max-width:none}.pricing-grid{grid-template-columns:1fr}.special-instructions-content{grid-template-columns:1fr;gap:3rem}.special-instructions-text h2,.special-instructions-text .section-subtitle{text-align:center}}@media(max-width:768px){.right-box{display:none}.features-grid{grid-template-columns:1fr}.steps{flex-direction:column}.section-title-special{margin-top:-4rem}.step-connector{transform:rotate(90deg)}.footer-content{grid-template-columns:1fr;gap:2rem}.cta-title{font-size:1.75rem}}@media(max-width:600px){.section-one{padding:1rem;margin:0 1rem;padding-top:calc(70px + 1.5rem)}.buttonGroup{flex-direction:row!important;gap:1rem;align-items:stretch}.section-title-special{margin-top:-4rem}.landingSignUpButton,.googleSignUp{flex:1 1 100%!important;max-width:100%!important;min-width:0!important;font-size:.95rem;padding-top:1.2em;padding-bottom:1.2rem;font-size:large}}@media(max-width:480px){.section-one{padding-top:calc(70px + 1rem);margin:0 .75rem}.landingPageLogo{margin-left:-1.5rem}.card-text{font-size:.95rem}.floating-card{margin-top:-40px}.box{padding:0rem}.section-title-special{font-size:2.4rem;margin-top:-3rem}.sectionOneTitle{font-size:clamp(3rem,6vw,5rem);margin-bottom:1rem;margin-top:-1rem}.description{font-size:clamp(1rem,4vw,1.2rem);margin-bottom:1.2rem}.landingSignUpButton,.googleSignUp{font-size:15px}}@media(max-width:390px){.section-one{padding:0;margin:1.5rem .75rem;margin-top:90px;gap:1rem}.section-title-special{font-size:2rem;margin-top:-3rem}.box{min-width:0;max-width:100%;padding:.75rem;flex:1 1 100%}.sectionOneTitle{font-size:clamp(2.25rem,8vw,3rem);margin-bottom:1.25rem;margin-top:0;line-height:1.2}.description{font-size:clamp(.95rem,4vw,1.1rem);margin-bottom:1rem}.buttonGroup{flex-direction:column;gap:.75rem}.landingSignUpButton,.googleSignUp{width:100%;min-width:0;max-width:100%;padding:1rem;font-size:.9rem}.hero-visual-box{min-height:300px}.floating-card{padding:1rem;margin-top:-20px}.card-text{font-size:.85rem}}@media(min-width:1600px){.box{flex:1 1 48%;max-width:700px}}@supports (-webkit-touch-callout: none){.section-one{padding-top:calc(70px + 3rem)}.header{-webkit-backface-visibility:hidden;backface-visibility:hidden}}@font-face{font-family:apple;src:url(/assets/SF-Pro-Display-Bold-CkqE-6tD.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:applethin;src:url(/assets/SF-Pro-Display-Regular-DF_3XEGl.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:applemedium;src:url(/assets/SF-Pro-Display-Medium-DSttQARu.otf) format("opentype");font-weight:400;font-style:normal}html,body{overflow-x:hidden;overflow-y:hidden}.DashboardHeader{height:6vh;border:1px solid #e4e4e4;position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#fff;border-top:none;justify-content:space-between;align-items:center;display:flex}.plusButtonIcon{filter:brightness(0) invert(1)}.dashboardLogoSidebar{height:45px;width:auto;margin-bottom:3rem}.dashboardLogoMobile{width:35px;height:35px;margin-right:15px}.sideBar{height:100vh;height:100dvh;position:fixed;top:0;left:0;width:282px;z-index:998;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;padding:2rem 1.5rem}.userInfoTab{margin-bottom:3rem}.sideBarButtonDiv{margin-top:-7vh;padding:0}.nav-section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#94a3b8;margin-bottom:1rem;letter-spacing:.5px;font-family:apple,-apple-system,sans-serif}.dashboardSideButtons{display:flex;align-items:center;border-radius:10px;width:100%;height:44px;margin-bottom:.5rem;border:none;padding:0 1rem;cursor:pointer;font-size:.95rem;text-align:left;gap:.75rem;font-family:applemedium,-apple-system,sans-serif;background-color:transparent;color:#64748b;transition:all .2s ease}.dashboardSideButtons:before{content:attr(data-emoji);font-size:1.3rem;line-height:1}.dashboardSideButtons:hover{background-color:#f8f9fa;color:#0f172a}.activeDashboardSideButtons{display:flex;align-items:center;border-radius:10px;width:100%;height:44px;margin-bottom:.5rem;border:none;padding:0 1rem;cursor:pointer;font-size:.95rem;text-align:left;gap:.75rem;font-family:apple,-apple-system,sans-serif;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;font-weight:600;box-shadow:0 4px 15px #ab9ff24d}.activeDashboardSideButtons:before{content:attr(data-emoji);font-size:1.3rem;line-height:1}.dashboardSideButtons .sidebarIcon,.activeDashboardSideButtons .sidebarIcon{display:none}.files-section{padding:0;margin-top:auto;margin-bottom:.5rem;border-top:1px solid #f1f5f9;padding-top:1rem}.recentsSection{flex:1;padding:0;overflow-y:auto;margin-top:2rem}.recentsSectionHeader{padding:0 0 1rem}.recentsSectionTitle{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-family:apple,-apple-system,sans-serif}.recentsList{display:flex;flex-direction:column}.recentItem{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s;background:transparent;border:none;text-align:left;width:100%;font-family:applemedium,-apple-system,sans-serif;color:#64748b;font-size:.9rem}.recentItem:before{content:attr(data-emoji);font-size:1rem;flex-shrink:0}.recentItem:hover{background:#f8f9fa;color:#0f172a}.recentItemIcon{display:none}.recentItemName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.logOutSection{position:fixed;bottom:0;left:0;width:280px;padding:2rem 1.5rem;z-index:2000;background:#fff;border-right:1px solid #e2e8f0;border-top:1px solid #e2e8f0}.PFPWrapper,.activePFPWrapper{display:flex;flex-direction:column;align-items:stretch;border-radius:10px;width:100%;background:transparent;transition:all .2s ease}.PFPWrapper:hover,.activePFPWrapper:hover{background:#f8f9fa}.PFPButton{display:flex;align-items:center;border:none;cursor:pointer;font-size:.9rem;gap:.75rem;background:transparent;color:#0f172a;padding:.75rem;text-align:left;border-radius:10px;width:100%}.userPFP{width:40px;height:40px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#ab9ff2,#6366f1)}.userNameText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;display:block;font-family:apple,-apple-system,sans-serif;font-size:.9rem;font-weight:600;color:#0f172a}.accountTierDisplay{display:flex;flex-direction:row;font-family:applethin,-apple-system,sans-serif;font-size:.75rem;color:#64748b;margin-top:.1rem}.upgradeButton{width:100%;padding:.6rem 1rem;border-radius:8px;border:none;color:#fff;background:linear-gradient(135deg,#ab9ff2,#6366f1);font-family:apple,-apple-system,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ab9ff24d;margin-top:1rem}.upgradeButton:before{content:"⭐ "}.upgradeButton:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ab9ff266}.logoutPopupContainer{position:fixed;bottom:90px;left:1.5rem;width:250px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000026;z-index:3000;overflow:hidden}.logoutPopup{z-index:3000}.logoutPopupPFP{padding:1rem;background:#fff}.viewLogoutPopupPFP{background-color:#eee}.PFPButtonPopup{display:flex;align-items:center;border:none;width:100%;padding:0;font-size:.9rem;gap:.75rem;font-family:applemedium,-apple-system,sans-serif;background:transparent;color:#0f172a;cursor:default}.PFPButtonPopup>div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.accountEmailDisplayPopup{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;margin:0;font-size:.75rem;margin-top:.2rem;color:#64748b;font-family:applethin,-apple-system,sans-serif}.logoutPopupContent{padding:.5rem;position:relative}.logoutPopupContent:before{content:"";position:absolute;top:0;left:1rem;right:1rem;height:1px;background:#e2e8f0}.bottomDashboardSideButtons{display:flex;align-items:center;border-radius:8px;width:100%;height:40px;margin:.25rem 0;border:none;padding:0 1rem;cursor:pointer;font-size:.9rem;text-align:left;gap:.75rem;font-family:applemedium,-apple-system,sans-serif;background:transparent;color:#0f172a;transition:all .2s ease}.bottomDashboardSideButtons .sidebarIcon{height:1rem;width:1rem;filter:brightness(0) saturate(100%) invert(10%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(20%) contrast(100%)}.bottomDashboardSideButtons:hover{background:#f8f9fa;color:#0f172a}.popupUpgradePlan .bottomDashboardSideButtons{background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;font-weight:600}.popupUpgradePlan .bottomDashboardSideButtons:hover{background:linear-gradient(135deg,#9a8ee4,#5254e8);transform:translateY(-1px);box-shadow:0 4px 12px #ab9ff24d}.popupUpgradePlan .bottomDashboardSideButtons .sidebarIcon{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(100%)}.dashboardBody{position:fixed;inset:0 0 0 280px;padding:2rem;background-color:#f8f9fa;overflow-y:auto;overflow-x:hidden}.dashboardBodyHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.bodyActiveTabLabel{font-family:apple,-apple-system,sans-serif;font-size:2rem;font-weight:800;color:#0f172a;margin:0}.bodyUploadButton{display:flex;align-items:center;justify-content:center;border-radius:10px;padding:.75rem 1.5rem;border:none;cursor:pointer;font-size:.95rem;font-weight:600;font-family:apple,-apple-system,sans-serif;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;flex-shrink:0;box-shadow:0 2px 8px #ab9ff24d;transition:all .3s ease;gap:.5rem}.bodyUploadButton:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ab9ff266}.bodySecondUploadButton{display:flex;align-items:center;justify-content:center;border-radius:10px;padding:.75rem 1.5rem;border:1px solid #e2e8f0;cursor:pointer;font-size:.95rem;font-weight:600;font-family:applemedium,-apple-system,sans-serif;background-color:#fff;color:#64748b;flex-shrink:0;transition:all .2s ease;gap:.5rem}.uploadNewIcon{display:none}.uploadExistingIcon{height:1.3rem;width:auto;filter:brightness(0) saturate(100%) invert(50%) sepia(0%) saturate(0%) hue-rotate(151deg) brightness(90%) contrast(90%)}.bodySecondUploadButton:hover{background-color:#fafafa;border-color:#ab9ff2;box-shadow:0 2px 8px #ab9ff21a}.searchBarContainer{display:flex;align-items:center;justify-content:flex-start;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem 1rem;min-width:300px;transition:all .2s ease;font-family:applemedium,-apple-system,sans-serif}.searchBarContainer:before{content:"🔍";font-size:1rem;margin-right:.75rem}.searchBarContainer:focus-within{border-color:#ab9ff2;box-shadow:0 0 0 3px #ab9ff21a}.searchIcon{display:none}.searchInput{border:none;outline:none;flex:1;font-size:.95rem;font-family:applemedium,-apple-system,sans-serif;color:#0f172a}.searchInput::placeholder{color:#94a3b8}.mobileHamburger{display:flex;align-items:center;margin-left:1rem}@media(min-width:769px){.DashboardHeader{display:none}}@media(max-width:1100px){.dashboardBodyHeader{flex-wrap:wrap;gap:1rem}.searchBarContainer{min-width:200px;flex:1}}@media(max-width:768px){.sideBar,.logOutSection{display:none}.dashboardBody{left:0;top:6vh;padding:1rem}.dashboardBodyHeader{flex-direction:column;align-items:flex-start;gap:1rem}.bodyActiveTabLabel{width:100%}.dashboardBodyHeader>div{width:100%;flex-direction:column;gap:1rem}.bodyUploadButton,.bodySecondUploadButton,.searchBarContainer{width:100%}}.uploadModalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.paginationControls{display:flex;justify-content:center;align-items:center;gap:1rem;position:absolute;bottom:6rem;left:50%;transform:translate(-50%);width:auto;z-index:10;background:#fffffff2;padding:.75rem 1.5rem;border-radius:12px;box-shadow:0 2px 12px #00000014}.paginationButton{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;border:none;border-radius:10px;cursor:pointer;font-family:apple,-apple-system,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #ab9ff24d;min-width:100px}.paginationButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #ab9ff266}.paginationButton:disabled{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#94a3b8;cursor:not-allowed;box-shadow:none;opacity:.6}.paginationInfo{font-family:applethin,-apple-system,sans-serif;font-size:.875rem;color:#64748b;font-weight:500;display:flex;align-items:center;gap:.25rem;padding:0 .5rem}.paginationInfo strong{color:#0f172a;font-family:applemedium,-apple-system,sans-serif}@media(max-width:768px){.paginationControls{bottom:5.5rem;gap:.5rem;padding:.5rem 1rem}.paginationButton{padding:.6rem 1rem;font-size:.875rem;min-width:80px}.paginationInfo{font-size:.75rem}.pdfGrid{padding-bottom:10rem}}.uploadModalContent{position:fixed;background-color:#fff;width:600px;max-width:90%;height:auto;max-height:550px;padding:2rem;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;justify-content:space-between;font-family:apple,-apple-system,sans-serif;text-align:center;border-radius:16px;border:1px solid #e2e8f0}@media(max-width:768px){.uploadModalOverlay{align-items:flex-start!important;padding-top:0;position:fixed!important;overflow-x:hidden}.selectPDFPages{top:0!important;left:50%!important;transform:translate(-50%)!important;width:100%!important;max-width:90%!important;height:90%!important;max-height:100%!important;box-sizing:border-box;border-radius:10px!important;padding:1rem!important;overflow-y:auto!important;overflow-x:hidden}.selectButtonsContainer .selectButtons{flex-shrink:0!important;padding:.6rem 2rem!important;font-size:1rem!important;min-width:100px}.ok{z-index:9999!important}.infoIcon{width:15px!important;height:15px!important}.filesRemaining{margin-top:4px!important;box-sizing:border-box;text-align:left;margin-left:-1rem!important;margin-right:-1rem!important;width:calc(100% + 2rem)!important;padding:.4rem 1rem!important}.uploadFileText{z-index:9999!important;font-size:2rem!important}.uploadModalContent{width:90%!important;max-width:90%!important;max-height:70vh!important;padding:12px!important;border-radius:10px!important;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden}.uploadModalContent *{font-size:14px!important;line-height:1.2!important}.uploadFileHeader{margin-bottom:-25px}.fileNameHeader,.fileSizeHeader{margin-top:-10px}.bottomHeader{margin-bottom:-10px!important;margin-top:-10px!important}.specialInstructions{margin-top:-10px;margin-bottom:10px;font-size:16px!important;height:45px}.numChars{margin-bottom:20px}.uploadDropZone{min-height:170px!important;max-height:170px!important;padding:12px!important;margin-top:10px;gap:6px!important}.uploadModalIcon{width:50px!important;height:50px!important}.fileList{max-height:150px!important;overflow-y:auto}.fileName{max-width:60%}.closeUploadModal{padding:10px!important;font-size:14px!important;border-radius:6px!important;margin-top:6px!important}}@media(max-height:600px){.uploadDropZone{min-height:100px!important;max-height:100px!important;padding:12px!important;margin-top:10px;gap:6px!important}.uploadModalIcon{width:35px!important;height:35px!important;overflow-y:hidden}}.uploadFileHeader{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1.5rem}.uploadFileText{font-family:apple,-apple-system,sans-serif;font-size:1.75rem;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:.5rem}.filesRemaining{font-family:applethin,-apple-system,sans-serif;font-size:1.1rem;font-weight:400;letter-spacing:.3px;margin-top:.6rem;margin-bottom:0;background-color:#f8f9fa;display:flex;justify-content:space-between;align-items:center;width:calc(100% + 4rem);margin-left:-2rem;margin-right:-2rem;padding:.75rem 2rem;text-align:left;color:#64748b;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.asterik{color:#6366f1;font-weight:700}.uploadDropZone{flex:1;min-height:280px;border:2px dashed #cbd5e1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:2rem;margin-bottom:1rem;gap:1rem;overflow-y:auto;transition:all .3s ease;background-color:#f8f9fa;border-radius:12px}@media(max-width:400px){.uploadDropZone{padding:1rem;border-width:2px}}.uploadDropZone.dragOver{background-color:#f0f4ff;border-color:#ab9ff2;border-width:2px;box-shadow:0 0 0 4px #ab9ff21a}.addFileButton{border:none;background:transparent;color:#6366f1;font-size:.875rem;cursor:pointer;padding:0;text-decoration:none;text-decoration:underline;font-style:normal;font-family:applemedium,-apple-system,sans-serif;transition:color .2s ease}.addFileButton:hover{color:#ab9ff2}.addAnotherFile{display:flex;margin-bottom:.75rem;font-family:applethin,-apple-system,sans-serif;font-size:.875rem;font-style:normal;color:#64748b}.fileListHeader{display:flex;align-items:center;font-family:applemedium,-apple-system,sans-serif;font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.fileNameHeader{flex-grow:1;overflow:hidden;text-align:left}.fileSizeHeader{margin-left:auto;margin-right:.5rem;white-space:nowrap;flex-shrink:0}.removeHeader{width:3.2rem;flex-shrink:0}.bottomHeader{border-bottom:1px solid #e2e8f0;margin-bottom:1rem;margin-top:.5rem}.uploadModalIcon{width:64px;height:64px;opacity:.4;filter:brightness(0) saturate(100%) invert(40%) sepia(20%) saturate(500%) hue-rotate(200deg) brightness(95%) contrast(90%)}.infoIcon{filter:invert(58%) sepia(32%) saturate(2650%) hue-rotate(185deg) brightness(103%) contrast(94%);width:18px;height:18px;opacity:.7;transition:opacity .2s ease}.infoIcon:hover{opacity:1}.tooltipWrapper{position:relative;display:inline-block;margin-left:.5rem}.tooltipBox{position:absolute;top:-5px;left:100%;transform:translateY(-100%);background:#0f172a;color:#fff;padding:.5rem .75rem;border-radius:8px;font-style:normal;font-family:applethin,-apple-system,sans-serif;font-weight:400;font-size:.9rem;white-space:nowrap;box-shadow:0 4px 12px #0003;visibility:hidden;opacity:0;transition:opacity .2s ease;z-index:9999}.tooltipBox:before{content:"";position:absolute;bottom:-4px;left:10px;width:8px;height:8px;background:#0f172a;transform:rotate(45deg)}.tooltipWrapper:hover .tooltipBox{visibility:visible;opacity:1}@media(max-width:768px){.tooltipBox{top:100%;left:300%;transform:translate(-50%);margin-top:8px}.tooltipBox:before{top:-4px;bottom:auto;left:50%;transform:translate(-50%) rotate(45deg)}}.fileList{list-style-type:none;padding:0;margin:0;width:100%;max-height:250px;overflow-y:auto;text-align:left;align-self:flex-start}.fileList li{background-color:#fff;border:1px solid #e2e8f0;margin:.5rem 0;padding:.75rem 1rem;font-size:.875rem;color:#0f172a;word-break:break-all;display:flex;justify-content:space-between;align-items:center;font-family:applemedium,-apple-system,sans-serif;border-radius:8px;transition:all .2s ease}.fileList li:hover{background-color:#f8f9fa;border-color:#cbd5e1}.fileName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-weight:500}.chosenFileSize{margin-left:auto;margin-right:.75rem;white-space:nowrap;flex-shrink:0;color:#64748b;font-size:.8rem;font-family:applethin,-apple-system,sans-serif}.colorizeFileSize{color:#94a3b8;font-family:applethin,-apple-system,sans-serif}.removeFile{cursor:pointer;flex-shrink:0;color:#ef4444;font-size:1.25rem;font-weight:700;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px}.removeFile:hover{background-color:#fee2e2;color:#dc2626}.closeUploadModal{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;font-family:apple,-apple-system,sans-serif;font-size:.95rem;font-weight:600;display:inline-flex;justify-content:center;align-items:center;margin-top:0rem;box-shadow:0 2px 8px #ab9ff24d}.closeUploadModal:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ab9ff266}.selectPageHeader{display:inline;letter-spacing:.5px;font-weight:700}.uploadButton{display:flex;justify-content:center;gap:1rem;flex-shrink:0;flex-grow:0;align-self:center}.uploadBoxDescription{font-family:apple,-apple-system,sans-serif;font-size:1.125rem;color:#64748b;margin-bottom:.25rem;font-weight:500}.fileTypeSpecify{font-family:applethin,-apple-system,sans-serif;color:#94a3b8;font-size:.875rem}.selectPDFPages{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:90%;max-width:1500px;height:85%;max-height:85%;border-radius:16px;padding:2rem 2rem 5rem;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;overflow-y:hidden;font-family:applethin,-apple-system,sans-serif;text-align:center;z-index:5000;border:1px solid #e2e8f0}.PDFOverallHeader{text-align:left;margin-bottom:1.5rem}.PDFOverallHeader h1{font-family:apple,-apple-system,sans-serif;font-size:1.75rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.PDFOverallHeader h4{font-family:applethin,-apple-system,sans-serif;font-size:.875rem;color:#64748b;font-weight:400;margin:.5rem 0}.selectButtonsContainer{display:flex;justify-content:center;gap:1rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:auto;z-index:10}.selectButtonsContainer .selectButtons{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;border:none;border-radius:10px;cursor:pointer;font-family:apple,-apple-system,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #ab9ff24d}.selectButtonsContainer .selectButtons:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ab9ff266}.pdfGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,max-content));gap:20px;padding:16px;padding-bottom:8rem;overflow-y:auto;max-height:calc(100% - 150px);justify-content:start;flex:1;border:1px solid #ab9ff2;border-radius:10px}.pdfPageContainer{display:flex;flex-direction:column;align-items:center;background:#f8f9fa;padding:12px;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:visible;border:3px solid transparent;box-sizing:border-box;transition:all .2s ease;cursor:pointer}.pdfPageContainer:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}@media(max-width:600px){.pdfGrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:12px}.pdfPageContainer img{max-width:100%;height:auto}.pdfPageContainer{padding:8px}}.warning{display:flex;margin-bottom:.75rem;font-family:applethin,-apple-system,sans-serif;font-size:.875rem;color:#ef4444;background-color:#fee2e2;padding:.75rem 1rem;border-radius:8px;border-left:3px solid #ef4444}.pdfPageContainer.selected{border:3px solid #6366f1;background-color:#f0f4ff;box-shadow:0 4px 16px #6366f133}.pdfPageContainer img{width:100%;max-width:420px;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s}.pdfPageLabel{font-size:.8rem;margin-bottom:8px;text-align:center;word-break:break-word;color:#64748b;font-family:applemedium,-apple-system,sans-serif}.specialInstructions{width:100%;font-family:applethin,-apple-system,sans-serif;font-size:.95rem;color:#0f172a;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:10px;background-color:#f8f9fa;outline:none;box-sizing:border-box;transition:all .2s ease;margin-bottom:.75rem}.specialInstructions:focus{border-color:#ab9ff2;background-color:#fff;box-shadow:0 0 0 3px #ab9ff21a}.specialInstructions::placeholder{color:#94a3b8;opacity:1}.numChars{text-align:right;font-family:applethin,-apple-system,sans-serif;color:#64748b;font-size:.75rem;margin-top:.5rem;height:0px}.existingSearchContainer{position:relative;margin-bottom:1rem;width:100%}.existingSearchIcon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:.5;pointer-events:none}.existingSearchInput{width:100%;padding:.6rem .9rem .6rem 2.5rem;border:1px solid #d1d1d1;border-radius:8px;font-family:applethin,Arial,sans-serif;font-size:.95rem;background-color:#f9f7f7;outline:none;box-sizing:border-box;transition:box-shadow .25s ease,border-color .25s ease}.batchInfo{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.fileName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batchDescription{font-family:applethin,Arial,sans-serif;font-size:.8rem;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:350px}.batchItem{cursor:pointer;display:flex;align-items:center;gap:.5rem}.existingSearchInput:focus{border-color:#ab9ff2;box-shadow:0 0 0 3px #fff,0 0 0 6px #ab9ff280}.existingSearchInput::placeholder{color:#888;opacity:1}.existingSpecialInstructions{width:100%;font-family:applethin,Arial,sans-serif;font-size:1rem;color:#555;padding:.6rem .9rem;border:1px solid #d1d1d1;border-radius:8px;background-color:#f9f7f7;outline:none;margin-bottom:.75rem;box-sizing:border-box;transition:box-shadow .25s ease,border-color .25s ease;resize:none}.existingSpecialInstructions:focus{border-color:#ab9ff2;box-shadow:0 0 0 3px #fff,0 0 0 6px #ab9ff280}.existingSpecialInstructions::placeholder{color:#888;opacity:1}@media(max-width:768px){.specialInstructions{margin-top:-10px;margin-bottom:10px;font-size:16px!important;height:45px}.existingFileSizeHeader{margin-top:-10px}}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.existingFileSizeHeader{margin-left:auto;margin-right:-2rem;white-space:nowrap;flex-shrink:0}.fileSelection{max-height:300px;overflow-y:auto;overflow-x:hidden}.existingModalContent{position:fixed;background-color:#fff;width:600px;max-width:90%;height:auto;max-height:550px;padding:1.5rem;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;font-family:applethin,Arial,sans-serif;text-align:center;border-radius:8px;overflow:hidden}.existingFileSelection{flex:1;min-height:140px;max-height:300px;overflow-y:auto;overflow-x:hidden;margin-bottom:1rem;scroll-behavior:smooth}.existingFileList{list-style-type:none;padding:0;margin:0;width:100%;text-align:left}@media(max-width:768px){.existingModalContent{width:90%!important;max-width:90%!important;max-height:70vh!important;padding:12px;border-radius:10px;gap:10px;overflow:hidden!important}.existingFileSelection{max-height:180px!important}.existingFileList{max-height:none!important}}.existingFileList li{background-color:#fff;border:1px solid #ddd;margin:.3rem 0;padding:.2rem 1rem;font-size:.9rem;color:#555;display:flex;align-items:center;font-family:applemedium,arial,sans-serif;border-bottom:1px solid #ddd}.existingFileList li:hover{background-color:#f0f0f0}.batchItem{cursor:pointer}.batchItem.selected{background-color:#f0edff;border-color:#ab9ff2}.batchRadio{margin-right:.5rem;cursor:pointer}.emptyState{text-align:center;padding:1rem;color:#888;font-family:applethin,Arial,sans-serif}.hamburgerButton{border:none;padding:0;margin:0;background:none;outline:none;display:flex;cursor:pointer;z-index:9999}.hamburgerIcon{width:30px;height:30px;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mobileHamburger{margin-left:1rem}.logotemp{margin-right:1rem;margin-left:auto}.dropdownMenu{position:fixed;top:6vh;left:0;width:100vw;height:94vh;height:calc(100dvh - 6vh);background:#fff;display:flex;flex-direction:column;padding:1.5rem 1rem;overflow:hidden;box-shadow:4px 0 12px #00000026;z-index:9998;transform:translate(-100%);transition:transform .35s ease}.dropdownMenu.open{transform:translate(0);opacity:1}.dropdownMenuContent{flex:1;overflow-y:auto;padding:0;padding-bottom:calc(160px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.dropdownMenuLabel{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#94a3b8;margin-bottom:1rem;margin-top:.5rem;letter-spacing:.5px;font-family:apple,-apple-system,sans-serif;padding-left:.5rem}.dropdownItem{display:flex;align-items:center;border-radius:10px;width:100%;height:44px;margin-bottom:.5rem;border:none;padding:0 1rem;cursor:pointer;font-size:.95rem;text-align:left;gap:.75rem;font-family:applemedium,-apple-system,sans-serif;background-color:transparent;color:#64748b;transition:all .2s ease}.dropdownItem:before{content:attr(data-emoji);font-size:1.3rem;line-height:1}.dropdownItem:hover{background-color:#f8f9fa;color:#0f172a}.activeDropdownItem{display:flex;align-items:center;border-radius:10px;width:100%;height:44px;margin-bottom:.5rem;border:none;padding:0 1rem;cursor:pointer;font-size:.95rem;text-align:left;gap:.75rem;font-family:apple,-apple-system,sans-serif;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;font-weight:600;box-shadow:0 4px 15px #ab9ff24d}.activeDropdownItem:before{content:attr(data-emoji);font-size:1.3rem;line-height:1}.dropdownItem .sidebarIcon,.activeDropdownItem .sidebarIcon{display:none}.dropdownLogOutSection{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;background:#fff;width:100%;padding-top:1rem;padding-bottom:calc(130px + env(safe-area-inset-bottom));margin-top:auto}.dropdownLogOutSection .dropdownItem{color:#0f172a;font-weight:500}.dropdownLogOutSection .dropdownItem .sidebarIcon{display:block;height:1rem;width:1rem;filter:brightness(0) saturate(100%) invert(10%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(20%) contrast(100%)}.dropdownProfileSection{width:100%;padding:1rem;padding-bottom:calc(env(safe-area-inset-bottom) + 1rem);border-top:1px solid #e2e8f0;background:#fff;position:absolute;bottom:0;left:0}.dropdownProfileSection .PFPWrapper{display:flex;flex-direction:column;align-items:stretch;border-radius:10px;width:100%;background:transparent}.dropdownProfileSection .PFPButton{display:flex;align-items:center;border:none;cursor:pointer;font-size:.9rem;gap:.75rem;background:transparent;color:#0f172a;padding:.75rem;text-align:left;border-radius:10px;width:100%;margin-bottom:.5rem}.dropdownProfileSection .PFPButton:hover{background:#f8f9fa}.dropdownProfileSection .userPFP{width:40px;height:40px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#ab9ff2,#6366f1);flex-shrink:0}.dropdownProfileSection .PFPButton>div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;flex:1}.dropdownProfileSection .userNameText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;display:block;font-family:apple,-apple-system,sans-serif;font-size:.9rem;font-weight:600;color:#0f172a}.dropdownProfileSection .accountTierDisplay{font-family:applethin,-apple-system,sans-serif;font-size:.75rem;color:#64748b;margin:0;margin-top:.1rem}.dropdownProfileSection .upgradeButton{width:100%;padding:.6rem 1rem;border-radius:8px;border:none;color:#fff;background:linear-gradient(135deg,#ab9ff2,#6366f1);font-family:apple,-apple-system,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ab9ff24d}.dropdownProfileSection .upgradeButton:before{content:"⭐ "}.dropdownProfileSection .upgradeButton:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ab9ff266}@media(min-width:769px){.dropdownMenu,.hamburgerButton{display:none!important}}@media(max-height:600px){.dropdownMenu{display:flex!important;width:100vw!important;padding:1rem .75rem}.hamburgerButton{display:flex!important}.dropdownItem,.activeDropdownItem{height:36px!important;font-size:.85rem}.dropdownProfileSection{padding:.75rem}}@supports not (height: 100dvh){.dropdownMenu{height:94vh}@supports (-webkit-touch-callout: none){.dropdownMenu{height:calc(94vh - 50px)}}}.batches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1.5rem;max-width:1100px}.manage-billing-button{width:100%;padding:.75rem 1.5rem;border-radius:10px;border:1px solid #e2e8f0;background-color:#fff;color:#0f172a;font-size:.95rem;font-weight:600;font-family:apple,-apple-system,sans-serif;cursor:pointer;transition:all .2s ease;margin-top:1.5rem}.manage-billing-button:hover{background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;border-color:#ab9ff2;transform:translateY(-2px);box-shadow:0 4px 15px #ab9ff24d}.manage-billing-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.billing-description{font-size:.85rem;color:#64748b;text-align:center;margin-top:.75rem;font-family:applethin,-apple-system,sans-serif}.batch-card.stuck{border-left:3px solid #ff9800}.batch-refresh{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;opacity:.7;transition:opacity .2s,transform .2s;margin-right:4px}.batch-refresh:hover{opacity:1;transform:rotate(90deg)}.batch-refresh:active{transform:rotate(90deg) scale(.95)}.batch-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:visible;position:relative}.batch-card .batch-title{overflow:hidden}.batch-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #ab9ff226;border-color:#ab9ff2}.batch-card.processing{border-color:#ab9ff2;background:linear-gradient(135deg,#faf5ff,#fff);position:relative;overflow:hidden}.batch-card.failed{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fff);position:relative;overflow:hidden}.batch-card.processing:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(171,159,242,.1),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.batch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;position:relative}.batch-menu-container{position:relative}.batch-type-badge{background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.3px;box-shadow:0 2px 8px #ab9ff24d}.batch-type-badge:before{margin-right:.4rem}.batch-card[data-type=Exams] .batch-type-badge:before{content:"📝 "}.batch-card[data-type=Quizzes] .batch-type-badge:before{content:"📋 "}.batch-card[data-type=Flashcards] .batch-type-badge:before{content:"🗂️ "}.batch-card[data-type=Files] .batch-type-badge:before{content:"📁 "}.batch-menu{background:transparent;border:none;font-size:1.25rem;color:#64748b;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.batch-menu:hover{background:#f8f9fa;color:#0f172a}.batch-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #0000001f;min-width:140px;z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;width:100%;padding:.75rem 1rem;text-align:left;background:none;border:none;font-size:.9rem;color:#0f172a;cursor:pointer;transition:all .2s;font-family:applethin,-apple-system,sans-serif;font-weight:500}.dropdown-item:hover{background:#f8f9fa}.dropdown-item.delete{color:#ef4444}.dropdown-item.delete:hover{background:#fef2f2}.batch-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 .75rem;font-family:apple,-apple-system,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-title-input{width:100%;font-size:inherit;font-weight:inherit;font-family:inherit;border:2px solid #ab9ff2;border-radius:8px;padding:.5rem;outline:none;background:#fff;color:inherit;overflow:hidden;white-space:nowrap}.batch-title-input:focus{border-color:#ab9ff2;box-shadow:0 0 0 3px #ab9ff21a}.batch-description{font-size:.9rem;color:#64748b;line-height:1.6;margin:0 0 1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.batch-timestamp{font-size:.8rem;color:#94a3b8;margin:0;font-weight:500}.batch-card.processing .batch-timestamp{color:#ab9ff2}.batch-card.failed .batch-timestamp{color:#ef4444}.section-header{grid-column:1 / -1;font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;padding:1.5rem 0 .5rem;margin-top:1rem}.section-header:first-child{margin-top:0;padding-top:0}.no-results{grid-column:1 / -1;text-align:center;padding:4rem 2rem;font-family:applemedium,-apple-system,sans-serif;color:#94a3b8;font-size:1.1rem}.suchEmptiness{max-width:1300px;align-items:center;justify-content:center}.no-results:before{content:"💤";display:block;font-size:3rem;margin-bottom:1rem;opacity:.5}.notification-toast{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;border-radius:12px;font-size:.9rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 40px #10b9814d;animation:slideIn .3s cubic-bezier(.4,0,.2,1);z-index:1000;max-width:350px;display:flex;align-items:center;gap:.5rem}.notification-toast.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 40px #ef44444d}.notification-toast.exit{animation:slideOut .3s cubic-bezier(.4,0,.2,1) forwards}.notification-name{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;font-weight:700}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.skeleton-card{cursor:default;pointer-events:none}.skeleton-card:hover{transform:none;box-shadow:none;border-color:#e2e8f0}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-badge{display:inline-block;width:90px;height:28px;border-radius:20px}.skeleton-menu{display:inline-block;width:32px;height:32px;border-radius:8px}.skeleton-title{height:28px;width:70%;margin-bottom:.75rem}.skeleton-description{height:18px;width:100%;margin-bottom:.5rem}.skeleton-description.short{width:60%;margin-bottom:1rem}.skeleton-timestamp{height:16px;width:40%}@media screen and (max-width:768px){.batches-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}.batch-card{padding:1.25rem}.notification-toast{left:1rem;right:1rem;bottom:1rem;max-width:calc(100vw - 2rem);animation:slideInMobile .3s ease-out}.notification-toast.exit{animation:slideOutMobile .3s ease-in forwards}.batch-dropdown-menu{left:auto;right:0}@keyframes slideInMobile{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutMobile{0%{transform:translateY(0);opacity:1}to{transform:translateY(100px);opacity:0}}}@media screen and (max-width:480px){.notification-toast{padding:.875rem 1.25rem;font-size:.85rem}.batch-title{font-size:1.1rem}.batch-description{font-size:.85rem}}.errorNotification{position:fixed;top:-200px;left:50%;transform:translate(-50%);z-index:9999;width:90%;max-width:500px;transition:top .4s cubic-bezier(.4,0,.2,1)}.errorNotification.show{top:2rem}.errorNotificationContent{display:flex;align-items:flex-start;gap:1rem;background:#fff;border:1px solid #fee2e2;border-radius:12px;padding:1.25rem;box-shadow:0 10px 40px #ef444433,0 2px 8px #0000001a;animation:slideInBounce .5s cubic-bezier(.34,1.56,.64,1)}@keyframes slideInBounce{0%{transform:translateY(-20px);opacity:0}50%{transform:translateY(5px)}to{transform:translateY(0);opacity:1}}.errorIconWrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:10px}.errorIcon{font-size:1.5rem;line-height:1}.errorTextWrapper{flex:1;display:flex;flex-direction:column;gap:.25rem}.errorTitle{font-family:apple,-apple-system,sans-serif;font-size:1rem;font-weight:700;color:#dc2626;margin:0;line-height:1.4}.errorMessage{font-family:applemedium,-apple-system,sans-serif;font-size:.9rem;color:#64748b;margin:0;line-height:1.5}.errorCloseButton{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#94a3b8;font-size:1.75rem;line-height:1;cursor:pointer;border-radius:6px;transition:all .2s ease;font-family:-apple-system,sans-serif;padding:0}.errorCloseButton:hover{background:#f1f5f9;color:#64748b}.errorCloseButton:active{transform:scale(.95)}@media(max-width:768px){.errorNotification{margin-top:5vh;width:calc(100% - 2rem);max-width:none}.errorNotification.show{top:1rem}.errorNotificationContent{padding:1rem}.errorIconWrapper{width:36px;height:36px}.errorIcon{font-size:1.25rem}.errorTitle{font-size:.95rem}.errorMessage{font-size:.85rem}}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:url(/loadingBackground.png) center/cover no-repeat;background-color:#fff;padding:20px;position:relative;font-family:applethin,Arial,Helvetica,sans-serif}.auth-wrapper:before{content:"";position:absolute;inset:0;background:#0000004d;z-index:1;font-family:applethin,Arial,Helvetica,sans-serif}.auth-container{position:relative;z-index:2;background:#fff;border-radius:6px;padding:30px;width:100%;max-width:450px;box-shadow:0 10px 40px #0003;font-family:applethin,Arial,Helvetica,sans-serif}.passwordResetText{font-family:applethin,Arial,Helvetica,sans-serif;color:#80868b;padding-bottom:30px;letter-spacing:.5px}.auth-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font-family:applemedium,Arial,Helvetica,sans-serif}.auth-container h2{color:#1a1a1a;font-size:27px;font-weight:600;margin:0}.auth-toggle{background:none;border:none;color:#ab9ff2;font-size:16px;font-weight:500;cursor:pointer;padding:0;text-decoration:none;transition:opacity .2s;font-family:applethin,Arial,Helvetica,sans-serif}.auth-toggle:hover{opacity:.8;text-decoration:underline}.google-button{width:100%;padding:14px 20px;margin-bottom:16px;border:1px solid #9d9d9d;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;background:#fff;color:#3c4043;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;font-family:applethin,Arial,Helvetica,sans-serif}.google-button:hover{background:#f8f9fa;border-color:#ab9ff2}.google-button-content{display:flex;align-items:center;gap:12px}.google-icon{width:20px;height:20px}.arrow-icon{color:#5f6368;font-size:20px}.divider-container{display:flex;align-items:center;margin:24px 0;font-family:applethin,Arial,Helvetica,sans-serif;gap:16px}.divider-line{flex:1;height:1px;background:#dadce0}.divider-text{color:#5f6368;font-size:14px;font-weight:400}.auth-container input{width:100%;padding:10px;margin-bottom:10px;border:1px solid #9d9d9d;border-radius:6px;font-size:15px;background:#fff;color:#1a1a1a;transition:all .2s;box-sizing:border-box;font-family:applethin,Arial,Helvetica,sans-serif}.auth-container input:focus{outline:none;border-color:#ab9ff2;box-shadow:0 0 0 2px #15c39a1a}.auth-container input::placeholder{color:#80868b}.primary-button{width:100%;padding:14px 24px;margin-top:8px;margin-bottom:20px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;background:#ab9ff2;color:#fff;box-sizing:border-box;font-family:applethin,Arial,Helvetica,sans-serif}.primary-button:hover{background:#a393fc}.primary-button:active{transform:scale(.98)}.primary-button:disabled{opacity:.6;cursor:not-allowed}.error{width:100%;padding:12px 16px;margin-bottom:16px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-size:14px;font-weight:400;box-sizing:border-box;font-family:applethin,Arial,Helvetica,sans-serif}.terms-text{color:#5f6368;font-size:12px;line-height:1.5;margin-top:16px;text-align:left;font-family:applethin,Arial,Helvetica,sans-serif}.terms-text a{color:#5f6368;text-decoration:underline}.terms-text a:hover{color:#3c4043}.auth-footer-text{color:#5f6368;font-size:14px;text-align:center;margin-top:16px;font-family:applethin,Arial,Helvetica,sans-serif}.auth-footer-text button{background:none;border:none;color:#ab9ff2;font-size:14px;font-weight:500;cursor:pointer;padding:0;text-decoration:none;transition:opacity .2s;font-family:applethin,Arial,Helvetica,sans-serif}.auth-footer-text button:hover{opacity:.8;text-decoration:underline}.validPWReq{padding-bottom:10px;font-family:applethin,Arial,Helvetica,sans-serif;display:"flex",}.pwIcons{height:1rem;width:1rem}.codeInputContainer{display:flex;gap:12px;justify-content:center}.codeInput{width:48px;height:56px;text-align:center;font-size:24px;font-weight:600;border:4px solid #ccc;border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:apple,arial,sans-serif}.codeInput:focus{border-color:#ab9ff2;box-shadow:0 0 0 3px #6366f140}@media(max-width:600px){.auth-container{padding:32px 24px;box-shadow:none}.auth-container h2{font-size:28px}.auth-wrapper{background:none;flex-direction:column;align-items:center;justify-content:flex-start}.auth-wrapper:before{background:#fff}}@media(max-width:480px){.auth-container{padding:24px 20px;box-shadow:none}.auth-header{flex-direction:column;align-items:flex-start;gap:12px}.auth-wrapper{background:none;flex-direction:column;align-items:center;justify-content:flex-start}.auth-wrapper:before{background:#fff}}.account-settings-container{display:flex;min-height:100vh;min-height:100dvh;background-color:#fff;color:#0f172a;font-family:apple,-apple-system,sans-serif}.cancel-subscription-button{width:100%;padding:.75rem 1.5rem;border-radius:10px;border:1px solid #ef4444;background-color:#fff;color:#ef4444;font-size:.95rem;font-weight:600;font-family:apple,-apple-system,sans-serif;cursor:pointer;transition:all .2s ease;margin-top:1.5rem}.cancel-subscription-button:hover{background-color:#ef4444;color:#fff}.cancel-subscription-button:disabled{opacity:.5;cursor:not-allowed}.account-settings-sidebar{width:280px;background-color:#fff;padding:2rem 1.5rem;border-right:1px solid #e2e8f0;position:fixed;height:100vh;height:100dvh;overflow-y:auto}.settingsLogo{width:45px;height:45px;margin-bottom:1rem}.settings-title{font-size:2rem;font-weight:800;color:#0f172a;margin:0 0 2rem;font-family:apple,-apple-system,sans-serif}.settings-nav{display:flex;flex-direction:column;gap:.25rem}.danger-title{padding-top:40vh}.danger-card{border-radius:10px;padding:1.5rem}.danger-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.danger-text{flex:1}.danger-card-title{font-size:1rem;font-weight:600;margin:0 0 .5rem;font-family:apple,-apple-system,sans-serif}.danger-card-description{font-size:.9rem;margin:0;line-height:1.5;font-family:applethin,-apple-system,sans-serif}.delete-account-button{padding:.75rem 1.5rem;border-radius:10px;background-color:#fff;font-size:.95rem;font-weight:600;font-family:applemedium,-apple-system,sans-serif;cursor:pointer;transition:all .2s ease;white-space:nowrap}.delete-account-button:hover{background-color:#dc2626;color:#fff}.delete-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.delete-modal{background-color:#fff;border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d}.delete-modal-title{font-size:1.5rem;font-weight:700;margin:0 0 1rem;font-family:apple,-apple-system,sans-serif}.delete-modal-text{font-size:.95rem;color:#64748b;line-height:1.6;margin:0 0 2rem;font-family:applemedium,-apple-system,sans-serif}.delete-modal-buttons{display:flex;gap:1rem;justify-content:flex-end}.delete-cancel-button{padding:.75rem 1.5rem;border-radius:10px;border:1px solid #e2e8f0;background-color:#fff;color:#0f172a;font-size:.95rem;font-weight:600;font-family:applemedium,-apple-system,sans-serif;cursor:pointer;transition:all .2s ease}.delete-cancel-button:hover{background-color:#f8f9fa}.delete-confirm-button{padding:.75rem 1.5rem;border-radius:10px;border:none;background-color:#dc2626;color:#fff;font-size:.95rem;font-weight:600;font-family:apple,-apple-system,sans-serif;cursor:pointer;transition:all .2s ease}.delete-confirm-button:hover{background-color:#b91c1c}@media(max-width:768px){.danger-content{flex-direction:column;align-items:stretch}.delete-account-button{width:100%}.delete-modal-buttons{flex-direction:column}.delete-cancel-button,.delete-confirm-button{width:100%}}.settings-nav-item{display:flex;align-items:center;border-radius:10px;width:100%;height:44px;padding:0 1rem;border:none;cursor:pointer;font-size:.95rem;text-align:left;font-family:applemedium,-apple-system,sans-serif;background-color:transparent;color:#64748b;transition:all .2s ease}.settings-nav-item:hover{background-color:#f8f9fa;color:#0f172a}.settings-nav-item.active{background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;font-weight:600;box-shadow:0 4px 15px #ab9ff24d}.sign-out-button{margin-top:auto;color:#ef4444!important;border-top:1px solid #e2e8f0;padding-top:1rem;margin-top:2rem}.sign-out-button:hover{background-color:#fee2e2!important;color:#dc2626!important}.account-settings-content{margin-left:280px;flex:1;padding:3rem 4rem;max-width:1400px;background-color:#f8f9fa}.settings-section{margin-bottom:4rem}.section-title2{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 2rem;font-family:apple,-apple-system,sans-serif}.profile-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;margin-bottom:2rem}.profile-picture-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-picture-large{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #f1f5f9;box-shadow:0 4px 12px #0000001a}.avatar-circle-large{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#ab9ff2,#6366f1);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;border:4px solid #f1f5f9;box-shadow:0 4px 12px #ab9ff24d}.profile-info-centered{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.profile-name{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0;font-family:apple,-apple-system,sans-serif}.profile-email{font-size:.95rem;color:#64748b;margin:0;font-family:applethin,-apple-system,sans-serif}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1;margin-bottom:1.5rem}.form-label{font-size:.95rem;font-weight:500;color:#0f172a;margin-bottom:.75rem;font-family:applemedium,-apple-system,sans-serif}.form-description{font-size:.85rem;color:#64748b;margin:-.5rem 0 .75rem;font-family:applethin,-apple-system,sans-serif}.form-input,.form-select,.form-textarea{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem 1rem;font-size:.95rem;color:#0f172a;font-family:applemedium,-apple-system,sans-serif;transition:all .2s ease;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#ab9ff2;box-shadow:0 0 0 3px #ab9ff226}.form-input:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%2364748b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.form-textarea{resize:vertical;min-height:100px;font-family:applemedium,-apple-system,sans-serif;line-height:1.6}.input-with-avatar{display:flex;align-items:center;gap:.75rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.5rem 1rem;transition:all .2s ease}.input-with-avatar:focus-within{border-color:#ab9ff2;box-shadow:0 0 0 3px #ab9ff226}.input-with-avatar .form-input{background:transparent;border:none;padding:.25rem 0;box-shadow:none}.input-with-avatar .form-input:focus{box-shadow:none}.avatar-circle{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ab9ff2,#6366f1);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;color:#fff;flex-shrink:0}.notification-item{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:2rem}.notification-text{flex:1}.notification-title{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 .5rem;font-family:apple,-apple-system,sans-serif}.notification-description{font-size:.9rem;color:#64748b;margin:0;line-height:1.5;font-family:applethin,-apple-system,sans-serif}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e2e8f0;border-radius:28px;transition:all .3s ease}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:all .3s ease}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#ab9ff2,#6366f1)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch:hover .toggle-slider{box-shadow:0 0 8px #ab9ff24d}.avatar-image{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.save-button{padding:.75rem 1.5rem;border-radius:10px;border:none;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;font-size:.95rem;font-weight:600;font-family:apple,-apple-system,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ab9ff24d;margin-top:1rem}.save-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ab9ff266}.info-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.5rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #f1f5f9}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-item:first-child{padding-top:0}.info-label{font-size:.95rem;font-weight:600;color:#0f172a;font-family:applemedium,-apple-system,sans-serif}.info-value{font-size:.95rem;color:#64748b;font-family:applethin,-apple-system,sans-serif}.section-description{font-size:.95rem;color:#64748b;margin-bottom:1.5rem;font-family:applethin,-apple-system,sans-serif}.upgrade-button-large{width:100%;padding:.75rem 1.5rem;border-radius:10px;border:none;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;font-size:.95rem;font-weight:600;font-family:apple,-apple-system,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ab9ff24d;margin-top:1.5rem}.upgrade-button-large:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ab9ff266}.linked-accounts-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.5rem}.linked-account-item{display:flex;justify-content:space-between;align-items:center}.linked-account-info{display:flex;align-items:center;gap:1rem}.provider-icon{width:32px;height:32px;border-radius:6px}.linked-account-details{display:flex;flex-direction:column;gap:.25rem}.linked-account-name{font-size:.95rem;font-weight:600;color:#0f172a;font-family:applemedium,-apple-system,sans-serif}.linked-account-email{font-size:.85rem;color:#64748b;font-family:applethin,-apple-system,sans-serif}.linked-badge{padding:.375rem .75rem;border-radius:6px;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;font-size:.85rem;font-weight:600;font-family:apple,-apple-system,sans-serif}.password-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.5rem}.password-item{display:flex;align-items:flex-end;gap:1rem}.password-field{flex:1;display:flex;flex-direction:column}.reset-password-button{padding:.75rem 1.5rem;border-radius:10px;border:1px solid #e2e8f0;background-color:#fff;color:#0f172a;font-size:.95rem;font-weight:600;font-family:applemedium,-apple-system,sans-serif;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:fit-content}.reset-password-button:hover{background-color:#f8f9fa;border-color:#ab9ff2}.loading-state{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;font-size:1.2rem;color:#64748b;font-family:apple,-apple-system,sans-serif}@media(max-width:1100px){.account-settings-content{padding:2rem}.form-row{grid-template-columns:1fr}}@media(max-width:768px){.account-settings-sidebar{display:none}.account-settings-content{margin-left:0;padding:1.5rem}.notification-item{flex-direction:column;align-items:flex-start;gap:1rem}.password-item{flex-direction:column;align-items:stretch}.reset-password-button{width:100%}}*{font-family:applemedium,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.upgrade-page{min-height:100vh;min-height:100dvh;background-color:#f8f9fa;padding:2rem 2rem 3rem;display:flex;flex-direction:column;align-items:center;position:relative}.confirmation-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirmation-modal{background:#fff;border-radius:16px;padding:2rem;max-width:450px;width:90%;box-shadow:0 20px 60px #0000004d;text-align:center}.confirmation-modal h2{font-family:apple,-apple-system,sans-serif;font-size:1.75rem;font-weight:700;color:#0f172a;margin:0 0 1rem}.confirmation-modal p{font-size:1rem;color:#64748b;margin:0 0 1.5rem;line-height:1.6}.confirmation-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin:1.5rem 0}.confirm-amount{font-family:apple,-apple-system,sans-serif;font-size:3rem;font-weight:800;color:#ab9ff2}.confirm-period{font-size:1.25rem;color:#94a3b8}.confirmation-note{font-size:.9rem;color:#94a3b8;background:#f8f9fa;padding:1rem;border-radius:8px;margin:1rem 0 1.5rem}.confirmation-buttons{display:flex;gap:1rem}.cancel-button,.confirm-button{flex:1;padding:.875rem 1.5rem;border-radius:10px;border:none;font-size:.95rem;font-weight:600;font-family:apple,-apple-system,sans-serif;cursor:pointer;transition:all .3s ease}.cancel-button{background:#fff;color:#64748b;border:2px solid #e2e8f0}.cancel-button:hover{background:#f8f9fa;border-color:#cbd5e1}.confirm-button{background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;box-shadow:0 4px 15px #ab9ff24d}.confirm-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ab9ff266}.cancel-button:disabled,.confirm-button:disabled{opacity:.6}.confirm-button:disabled:hover{transform:none}.back-button{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#64748b;font-size:.95rem;font-weight:600;font-family:apple,-apple-system,sans-serif;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.back-button:hover{background:#fafafa;border-color:#ab9ff2;color:#0f172a;transform:translate(-2px)}.upgrade-header{text-align:center;margin-bottom:2rem;max-width:800px;margin-top:3rem}.upgrade-title{font-family:apple,-apple-system,sans-serif;font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 1rem}.upgrade-subtitle{font-size:1.1rem;color:#64748b;margin:0 0 2rem;font-family:applethin,-apple-system,sans-serif}.billing-toggle{display:inline-flex;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.375rem;gap:.375rem;position:relative}.billing-toggle:before{content:"";position:absolute;top:.375rem;left:.375rem;height:calc(100% - .75rem);background:linear-gradient(135deg,#ab9ff2,#6366f1);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ab9ff24d;z-index:0}.billing-toggle[data-cycle=monthly]:before{width:var(--monthly-width, 110px);transform:translate(0)}.billing-toggle[data-cycle=annual]:before{width:var(--annual-width, 155px);transform:translate(calc(var(--monthly-width, 110px) + .375rem))}.billing-option{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;background:transparent;color:#64748b;font-size:.95rem;font-weight:600;font-family:apple,-apple-system,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;white-space:nowrap}.billing-option:hover{color:#0f172a}.billing-option.active{color:#fff}.save-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:6px;background:#fff3;font-weight:700}.billing-option.active .save-badge{background:#ffffff40}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;max-width:1200px;width:100%;margin-bottom:2rem}.plan-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #ab9ff226;border-color:#ab9ff2}.plan-card.popular{border:2px solid #ab9ff2;box-shadow:0 8px 20px #ab9ff233}.plan-card.popular:hover{box-shadow:0 16px 32px #ab9ff240}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 12px #ab9ff266}.plan-header{text-align:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.plan-emoji{font-size:2.5rem;margin-bottom:.75rem}.plan-name{font-family:apple,-apple-system,sans-serif;font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .75rem}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.price-amount{font-family:apple,-apple-system,sans-serif;font-size:2.5rem;font-weight:800;color:#0f172a}.price-period{font-size:1rem;color:#94a3b8;font-family:applethin,-apple-system,sans-serif}.annual-savings{margin-top:.5rem;font-size:.85rem;color:#10b981;font-weight:600}.plan-description{margin-bottom:1.5rem;min-height:60px}.plan-description p{font-size:.95rem;color:#64748b;line-height:1.6;margin:0}.plan-features{flex:1;margin-bottom:1rem}.feature-item{display:flex;align-items:center;gap:.65rem;padding:.4rem 0;font-size:.85rem;color:#0f172a;line-height:1.3}.feature-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;font-size:.7rem;font-weight:700;flex-shrink:0}.plan-button{width:100%;padding:.875rem 1.5rem;border-radius:10px;border:none;font-size:.95rem;font-weight:600;font-family:apple,-apple-system,sans-serif;cursor:pointer;transition:all .3s ease;margin-top:auto}.plan-button.primary{background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;box-shadow:0 4px 15px #ab9ff24d}.plan-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ab9ff266}.plan-button.secondary{background:#fff;color:#0f172a;border:2px solid #e2e8f0}.plan-button.secondary:hover{background:#fafafa;border-color:#ab9ff2;box-shadow:0 2px 8px #ab9ff21a}.plan-button.disabled{background:#f8f9fa;color:#94a3b8;border:1px solid #e2e8f0;cursor:default}.plan-button.disabled:hover{transform:none;box-shadow:none}.upgrade-footer{text-align:center;margin-top:1rem}.footer-text{font-size:.95rem;color:#94a3b8;margin:0;font-family:applethin,-apple-system,sans-serif}.footer-text:before{content:"🔒 ";margin-right:.5rem}@media screen and (max-width:1024px){.plans-grid{grid-template-columns:1fr;max-width:450px}}@media screen and (max-width:768px){.upgrade-page{padding:2rem 1rem}.back-button{top:1rem;left:1rem;padding:.625rem 1rem;font-size:.9rem}.upgrade-header{margin-top:3.5rem}.upgrade-title{font-size:2rem}.upgrade-subtitle{font-size:1rem}.billing-toggle{width:100%;max-width:350px}.billing-option{flex:1;justify-content:center;padding:.75rem 1rem;font-size:.9rem}.plan-card{padding:1.5rem}.price-amount{font-size:2.5rem}.confirmation-modal{padding:1.5rem}.confirmation-modal h2{font-size:1.5rem}.confirm-amount{font-size:2.5rem}}@media screen and (max-width:480px){.upgrade-title{font-size:1.75rem}.billing-option{padding:.625rem .75rem;font-size:.85rem}.save-badge{font-size:.7rem}.plan-emoji{font-size:2.5rem}.plan-name{font-size:1.5rem}.price-amount,.confirm-amount{font-size:2rem}.confirmation-buttons{flex-direction:column}}.success-page{min-height:100vh;min-height:100dvh;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:2rem;font-family:apple,-apple-system,sans-serif;position:relative;overflow:hidden}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.confetti{position:absolute;width:10px;height:10px;top:-10px;opacity:0;animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.success-content{max-width:600px;width:100%;background-color:#fff;border-radius:16px;padding:3rem 2rem;box-shadow:0 8px 32px #0000001f;border:1px solid #e2e8f0;text-align:center;position:relative;z-index:2;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-icon{font-size:5rem;margin-bottom:1rem;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.success-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#ab9ff2,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem;font-family:apple,-apple-system,sans-serif}.success-subtitle{font-size:1.1rem;color:#64748b;margin:0 0 2rem;font-family:applemedium,-apple-system,sans-serif;line-height:1.6}.features-card{background-color:#f8f9fa;border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid #e2e8f0}.features-title{font-size:1.3rem;font-weight:700;color:#0f172a;margin:0 0 1.5rem;font-family:apple,-apple-system,sans-serif}.features-list{list-style:none;padding:0;margin:0;text-align:left}.feature-item{display:flex;align-items:center;padding:.75rem 0;font-size:1rem;color:#0f172a;font-family:applemedium,-apple-system,sans-serif;border-bottom:1px solid #f1f5f9}.feature-item:last-child{border-bottom:none}.feature-checkmark{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;margin-right:1rem;font-weight:700;font-size:.9rem;flex-shrink:0}.dashboard-button{width:100%;padding:.75rem 1.5rem;border-radius:10px;border:none;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;font-size:.95rem;font-weight:600;font-family:apple,-apple-system,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ab9ff24d;margin-bottom:1rem}.dashboard-button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#a294f2,#6366f1);box-shadow:0 4px 15px #ab9ff266}.dashboard-button:active{transform:translateY(-1px)}.success-note{font-size:.85rem;color:#64748b;margin:0;font-family:applethin,-apple-system,sans-serif}@media(max-width:768px){.success-content{padding:2rem 1.5rem}.success-title{font-size:2rem}.success-icon{font-size:4rem}.features-card{padding:1.5rem}.dashboard-button{font-size:1rem}}.support-container{max-width:1100px;margin:0 auto;padding:6rem 2rem 2rem;position:relative}.back-button{position:fixed;top:2rem;left:2rem;display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e2e8f0;color:#64748b;font-family:applemedium,-apple-system,sans-serif;font-size:.95rem;cursor:pointer;padding:.75rem 1.25rem;border-radius:10px;transition:all .2s ease;z-index:1000;box-shadow:0 2px 8px #0000000d}.back-button:hover{color:#0f172a;transform:translate(-4px);border-color:#ab9ff2;box-shadow:0 4px 12px #ab9ff226}.back-arrow{font-size:1.25rem;line-height:1}.back-text{font-weight:600}.support-hero{text-align:center;margin-bottom:3rem;padding:3rem 2rem;background:linear-gradient(135deg,#faf5ff,#f0f4ff);border-radius:20px;position:relative;overflow:hidden}.support-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(171,159,242,.15) 0%,transparent 70%);border-radius:50%}.support-hero:after{content:"";position:absolute;bottom:-30%;left:-5%;width:250px;height:250px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);border-radius:50%}.hero-icon-wrapper{margin-bottom:1.5rem;position:relative;z-index:1}.hero-icon{font-size:4rem;display:inline-block;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(171,159,242,.3))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.support-title{font-family:apple,-apple-system,sans-serif;font-size:2.75rem;font-weight:800;color:#0f172a;margin:0 0 .75rem;position:relative;z-index:1}.support-subtitle{font-family:applethin,-apple-system,sans-serif;font-size:1.15rem;color:#64748b;margin:0 0 2rem;position:relative;z-index:1}.search-bar-support{position:relative;max-width:600px;margin:0 auto;z-index:1}.search-bar-support:before{content:"🔍";position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);font-size:1.25rem;pointer-events:none}.search-input-support{width:100%;padding:1rem 1.25rem 1rem 3.5rem;border:2px solid #e2e8f0;border-radius:12px;font-family:applemedium,-apple-system,sans-serif;font-size:1rem;color:#0f172a;background:#fff;outline:none;transition:all .3s ease;box-shadow:0 4px 12px #0000000d}.search-input-support:focus{border-color:#ab9ff2;box-shadow:0 0 0 4px #ab9ff21a,0 4px 12px #0000000d}.search-input-support::placeholder{color:#94a3b8}.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:4rem}.quick-link-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.quick-link-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#ab9ff2,#6366f1);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.quick-link-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #ab9ff233;border-color:#ab9ff2}.quick-link-card:hover:before{transform:scaleX(1)}.quick-link-icon{font-size:2.5rem;margin-bottom:1rem;display:inline-block;transition:transform .3s ease}.quick-link-card:hover .quick-link-icon{transform:scale(1.1)}.quick-link-card h3{font-family:apple,-apple-system,sans-serif;font-size:1.125rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.quick-link-card p{font-family:applethin,-apple-system,sans-serif;font-size:.9rem;color:#64748b;margin:0}.faq-section{margin-bottom:4rem}.section-label{font-family:apple,-apple-system,sans-serif;font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:1.5rem}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#fff;border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 8px 20px #ab9ff21f;border-color:#cbd5e1}.faq-item.open{border-color:#ab9ff2;box-shadow:0 8px 20px #ab9ff233}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .2s ease}.faq-question:hover{background-color:#f8f9fa}.faq-item.open .faq-question{background:linear-gradient(135deg,#faf5ff,#f0f4ff)}.faq-question-content{display:flex;align-items:center;gap:1rem;flex:1}.faq-emoji{font-size:1.75rem;flex-shrink:0}.faq-question-text{font-family:apple,-apple-system,sans-serif;font-size:1.05rem;font-weight:600;color:#0f172a;padding-right:1rem}.faq-toggle-icon{font-family:apple,-apple-system,sans-serif;font-size:1.75rem;font-weight:300;color:#ab9ff2;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#f1f5f9;transition:all .3s ease;flex-shrink:0}.faq-item.open .faq-toggle-icon{background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;transform:rotate(180deg)}.faq-answer{padding:0 1.5rem 1.5rem 4.25rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{font-family:applethin,-apple-system,sans-serif;font-size:1rem;line-height:1.7;color:#64748b;margin:0}.no-results-support{text-align:center;padding:4rem 2rem;background:#fff;border:2px dashed #e2e8f0;border-radius:16px}.no-results-emoji{font-size:4rem;display:block;margin-bottom:1rem;opacity:.4}.no-results-support p{font-family:applemedium,-apple-system,sans-serif;font-size:1.1rem;color:#64748b;margin:0 0 1.5rem}.clear-search-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;border:none;border-radius:10px;font-family:apple,-apple-system,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ab9ff24d}.clear-search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ab9ff266}.contact-section{display:flex;justify-content:center;padding:2rem 0}.contact-card{background:linear-gradient(135deg,#faf5ff,#fff);border:2px solid #e2e8f0;border-radius:20px;padding:3rem 2.5rem;text-align:center;max-width:600px;width:100%;box-shadow:0 8px 24px #ab9ff226;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(171,159,242,.1) 0%,transparent 70%);border-radius:50%}.contact-icon-large{font-size:3.5rem;margin-bottom:1.5rem;display:inline-block;animation:bounce 2s ease-in-out infinite;position:relative;z-index:1}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.contact-title{font-family:apple,-apple-system,sans-serif;font-size:1.75rem;font-weight:700;color:#0f172a;margin:0 0 .75rem;position:relative;z-index:1}.contact-description{font-family:applethin,-apple-system,sans-serif;font-size:1.05rem;color:#64748b;line-height:1.6;margin:0 0 2rem;position:relative;z-index:1}.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2.5rem;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;border:none;border-radius:12px;font-family:apple,-apple-system,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ab9ff24d;position:relative;z-index:1}.contact-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ab9ff266}.contact-button-icon{font-size:1.1rem}.contact-email-display{font-family:apple,-apple-system,sans-serif;font-size:1.25rem;color:#6366f1;margin:0;position:relative;z-index:1;font-weight:600;background:linear-gradient(135deg,#ab9ff2,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-divider{height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:2.5rem 0;position:relative;z-index:1}.additional-resources{position:relative;z-index:1}.resources-title{font-family:apple,-apple-system,sans-serif;font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 1rem}.resource-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.resource-link{font-family:applemedium,-apple-system,sans-serif;font-size:.9rem;color:#6366f1;text-decoration:none;padding:.5rem 1rem;border-radius:8px;background:#fff;border:1px solid #e2e8f0;transition:all .2s ease}.resource-link:hover{background:#f8f9fa;border-color:#ab9ff2;transform:translateY(-2px)}@media(max-width:768px){.support-container{padding:5rem 1rem 1rem}.back-button{top:1rem;left:1rem;padding:.6rem 1rem;font-size:.9rem}.support-hero{padding:2rem 1.5rem;margin-bottom:2rem}.hero-icon{font-size:3rem}.support-title{font-size:2rem}.support-subtitle{font-size:1rem}.quick-links{grid-template-columns:1fr;gap:1rem;margin-bottom:3rem}.quick-link-card{padding:1.5rem}.section-label{font-size:1.25rem}.faq-question{padding:1.25rem}.faq-question-text{font-size:.95rem}.faq-emoji{font-size:1.5rem}.faq-answer{padding:0 1.25rem 1.25rem 3.5rem}.faq-answer p{font-size:.95rem}.contact-card{padding:2.5rem 1.5rem}.contact-title{font-size:1.5rem}.contact-description{font-size:1rem}.resource-links{flex-direction:column;gap:.75rem}}@media(max-width:480px){.support-title{font-size:1.75rem}.faq-question-text{font-size:.9rem}.faq-toggle-icon{width:32px;height:32px;font-size:1.5rem}.contact-button{padding:.75rem 2rem;font-size:.95rem}}.examViewContainer{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:20px;margin-left:60px}.examViewContent{background:#fff;border-radius:16px;padding:48px;max-width:600px;width:100%;box-shadow:0 4px 16px #00000026}.examViewTitle{font-size:32px;font-weight:600;color:#333;margin-bottom:12px;line-height:1.3}.examViewTitleInput{width:100%;font-size:32px;font-weight:600;color:#333;border:2px solid #AB9FF2;border-radius:8px;padding:8px 12px;outline:none;font-family:inherit}.examViewQuestionCount{font-size:16px;color:#666;margin-bottom:32px}.examViewTimeLimitSection{display:flex;align-items:center;gap:12px;margin-bottom:32px;font-size:16px;color:#333}.examViewTimeLimitWrapper{position:relative}.examViewTimeLimitButton{padding:10px 20px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;font-size:16px;font-weight:500;color:#333;transition:all .2s}.examViewTimeLimitButton:hover{border-color:#ab9ff2;background:#fafafa}.examViewTimeMenu{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:8px;z-index:100;min-width:150px}.examViewTimeMenuList{display:flex;flex-direction:column;gap:4px}.examViewTimePreset{padding:10px 16px;border:none;border-radius:6px;background:#fff;cursor:pointer;font-size:14px;text-align:left;transition:all .2s;color:#333}.examViewTimePreset:hover{background:#f5f5f5}.examViewTimePresetActive{background:#f8f7ff;color:#ab9ff2;font-weight:500}.examViewCustomTimeSection{border-top:1px solid #e0e0e0;margin-top:8px;padding-top:8px}.examViewCustomTimeInput{display:flex;gap:8px;padding:4px}.examViewCustomTimeField{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;outline:none}.examViewCustomTimeField:focus{border-color:#ab9ff2}.examViewCustomTimeSet{padding:8px 16px;border:none;border-radius:6px;background:#ab9ff2;color:#fff;cursor:pointer;font-size:14px;font-weight:500}.examViewCustomTimeSet:hover{background:#9b8fe8}.examTopBarLeft{display:flex;align-items:center;gap:12px}.examMobileHamburgerInline{display:none}@media screen and (max-width:768px){.examMobileHamburgerInline{display:flex;align-items:center}}.examViewStartButton{width:100%;padding:16px 32px;border:none;border-radius:12px;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;cursor:pointer;font-size:18px;font-weight:600;transition:all .2s}.examViewStartButton:hover{background:linear-gradient(135deg,#a495f7,#6366f1);box-shadow:0 4px 12px #ab9ff24d}@media screen and (max-width:768px){.examViewContainer{margin-left:0;padding:16px}.examViewContent{padding:32px 24px}.examViewTitle,.examViewTitleInput{font-size:24px}.examViewQuestionCount,.examViewTimeLimitSection{font-size:14px;margin-bottom:24px}.examViewTimeLimitButton{padding:8px 16px;font-size:14px}.examViewStartButton{padding:14px 28px;font-size:16px}}@media screen and (min-width:769px)and (max-width:1024px){.examViewContainer{margin-left:60px}.examViewContent{padding:40px 32px}}.examInterfaceContainer{display:flex;height:100vh;height:100dvh;margin-left:60px}.examSidebar{width:380px;border-right:1px solid #e0e0e0;padding:20px;overflow-y:auto;background-color:#fff}.examBackButton{padding:8px 16px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;font-size:14px}.examFilterSection{margin-bottom:20px;padding:12px;background:#f5f5f5;border-radius:8px}.examFilterSelect{width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px;margin-bottom:8px}.examQuestionsList{display:flex;flex-direction:column;gap:8px}.examQuestionItem{display:flex;align-items:flex-start;padding:12px;border-radius:8px;border:1px solid transparent;transition:all .2s;gap:8px}.examQuestionItem:hover{background-color:#f5f5f5}.examQuestionItem.current{background-color:#1a1a1a;color:#fff;border:none}.examQuestionItem.current:hover{background-color:#1a1a1a}.examQuestionCheckbox{width:20px;height:20px;border-radius:4px;border:2px solid #ddd;margin-right:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.examQuestionItem.answered .examQuestionCheckbox{border-color:#333}.examQuestionItem.current .examQuestionCheckbox{border-color:#fff}.examQuestionCheckbox.answered .examQuestionCheckboxInner{width:10px;height:10px;border-radius:2px;background-color:#333}.examQuestionItem.current .examQuestionCheckbox.answered .examQuestionCheckboxInner{background-color:#fff}.examQuestionContent{flex:1}.examQuestionTitle{margin-bottom:4px;font-size:14px}.examQuestionItem.current .examQuestionTitle{font-weight:600}.examQuestionPreview{font-size:13px;opacity:.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.examQuestionFlag{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;opacity:.3;transition:all .2s;flex-shrink:0;line-height:1;margin-top:2px}.examBookmarkIcon{height:15px;width:15px}.examQuestionFlag .examBookmarkIcon{filter:none}.examQuestionFlag.flagged .examBookmarkIcon{filter:brightness(0) saturate(100%) invert(67%) sepia(94%) saturate(900%) hue-rotate(12deg) brightness(95%) contrast(160%) drop-shadow(0 0 0 black) drop-shadow(1px 0 0 black) drop-shadow(-1px 0 0 black) drop-shadow(0 1px 0 black) drop-shadow(0 -1px 0 black)}.examQuestionItem.current .examQuestionFlag:not(.flagged) .examBookmarkIcon{filter:brightness(0) invert(1)}.examQuestionFlag:hover{opacity:.6;transform:scale(1.1)}.examQuestionFlag.flagged{opacity:1}.examQuestionItem.current .examQuestionFlag{opacity:.5}.examQuestionItem.current .examQuestionFlag.flagged{opacity:1}.examQuestionItem.current .examQuestionFlag:hover{opacity:.8}.examMainContent{flex:1;display:flex;flex-direction:column}.examTopBar{padding:16px 24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background-color:#fff}.examQuestionCounter{font-size:14px;color:#666}.examTopBarControls{display:flex;align-items:center;gap:16px}.examTimerDisplay{display:flex;align-items:center;gap:8px}.examTimerIcon{font-size:18px}.examTimerText{font-size:16px;font-weight:500;color:#333}.examTimerText.warning{color:#d32f2f}.examPauseButton{padding:6px 12px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;font-size:14px}.examFinishButton{padding:8px 20px;border:1px solid #AB9FF2;border-radius:8px;background:#fff;color:#ab9ff2;cursor:pointer;font-size:14px;font-weight:500}.examFinishButton:hover{background:#f8f7ff}.examProgressBar{height:4px;background-color:#e0e0e0;width:100%}.examProgressBarFill{height:100%;background-color:#ab9ff2;transition:width .3s ease}.examQuestionSection{flex:1;overflow-y:auto;padding:40px 80px;background-color:#fff}.examQuestionContainer{max-width:800px;margin:0 auto}.examQuestionLabel{display:flex;align-items:center;gap:8px;margin-bottom:24px;color:#666;font-size:14px}.examQuestionIcon{font-size:14px}.examQuestionText{font-size:24px;font-weight:500;color:#333;margin-bottom:40px;line-height:1.5}.examAnswersList{display:flex;flex-direction:column;gap:12px}.examAnswerOption{padding:16px 20px;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;background-color:#fff;transition:all .2s;display:flex;align-items:center;gap:16px}.examAnswerOption:hover{border-color:#ab9ff2;background-color:#fafafa}.examAnswerOption.selected{border:1px solid #AB9FF2;background-color:#f8f7ff}.examAnswerOption.selected:hover{border-color:#ab9ff2;background-color:#f8f7ff}.examAnswerRadio{width:20px;height:20px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;flex-shrink:0}.examAnswerOption.selected .examAnswerRadio{border-color:#ab9ff2}.examAnswerRadioInner{width:10px;height:10px;border-radius:50%;background-color:#ab9ff2}.examAnswerText{font-size:16px;color:#333;font-weight:400}.examAnswerOption.selected .examAnswerText{font-weight:500}.examBottomNav{padding:20px 80px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;background-color:#fff}.examNextButton{padding:12px 32px;border:none;border-radius:8px;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;cursor:pointer;font-size:16px;font-weight:500;display:flex;align-items:center;gap:8px}.examNextButton:hover{background:linear-gradient(135deg,#a090f8,#6366f1)}.examNextButtonArrow{font-size:16px}.examMobileToggle{display:none;position:fixed;bottom:20px;right:20px;padding:12px 20px;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #ab9ff266;z-index:1000;margin-bottom:80px}.examMobileToggle:hover{background:#9b8fe8}.exam-score-page{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#eff6ff,#dcd7fe 35%,#ab9ff2 65%,#8f84e8);padding:1rem;height:100vh;height:100dvh;overflow-y:auto}@media(min-width:768px){.exam-score-page{padding:2rem}}.exam-score-header{background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;padding:1.5rem;margin-bottom:1.5rem}@media(min-width:768px){.exam-score-header{padding:2rem}}.examScorePageTitle{font-size:1.875rem;font-family:applemdium,arial,sans-serif;color:#1f2937;margin-bottom:.5rem}@media(min-width:768px){.examScorePageTitle{font-size:2.25rem}}.examSubtitle{color:#4b5563}.stat-card{border-radius:.5rem;padding:1rem;text-align:center}.stat-incorrect{background-color:#fef2f2}.stat-skipped{background-color:#fefce8}.stat-icon{width:2rem;height:2rem;margin:0 auto .5rem}.stat-icon svg{width:100%;height:100%}.stat-total .stat-icon{color:#4b5563}.stat-correct .stat-icon{color:#16a34a}.stat-incorrect .stat-icon{color:#dc2626}.stat-skipped .stat-icon{color:#ca8a04}.stat-value{font-size:1.5rem;font-family:applemedium,arial,sans-serif}.stat-total .stat-value{color:#1f2937}.stat-correct .stat-value{color:#16a34a}.stat-incorrect .stat-value{color:#dc2626}.stat-skipped .stat-value{color:#ca8a04}.stat-label{font-size:.875rem;color:#4b5563}.time-limit{display:flex;align-items:center;justify-content:center;color:#4b5563;margin-bottom:1.5rem}.time-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.time-icon svg{width:100%;height:100%}.return-button{width:100%;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;font-family:applemedium,arial,sans-serif;padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s}.return-button:hover{background:linear-gradient(135deg,#ad9fff,#6366f1)}.question-review{background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;padding:1.5rem}.review-title{font-size:1.5rem;font-family:applemedium,arial,sans-serif;color:#1f2937;margin-bottom:1.5rem}.icon-correct svg,.icon-incorrect svg,.icon-skipped svg{width:100%;height:100%}.question-number{font-family:applemedium,arial,sans-serif;color:#1f2937;margin-bottom:.5rem}.question-text{color:#374151;margin-bottom:.75rem}.answer-skipped{color:#854d0e;font-family:applemedium,arial,sans-serif}.answer-row{margin-bottom:.5rem}.answer-label{font-size:.875rem;color:#4b5563}@media screen and (max-width:768px){.examInterfaceContainer{flex-direction:column;margin-left:0}.examSidebar{position:fixed;top:0;left:0;right:0;width:100%;height:50vh;border-right:none;border-bottom:1px solid #e0e0e0;padding:16px;z-index:999;transform:translateY(-100%);transition:transform .3s ease}.examSidebar.open{transform:translateY(0)}.examFilterSection{margin-bottom:16px;padding:10px}.examQuestionsList{gap:6px}.examQuestionItem{padding:10px}.examQuestionTitle{font-size:13px}.examQuestionPreview{font-size:12px;-webkit-line-clamp:1}.examMainContent{height:100vh}.examTopBar{padding:12px 16px;flex-wrap:wrap;gap:8px}.examQuestionCounter{font-size:13px}.examTopBarControls{gap:8px;flex-wrap:wrap}.examTimerIcon{font-size:16px}.examTimerText{font-size:14px}.examPauseButton{padding:6px 10px;font-size:13px}.examFinishButton{padding:6px 16px;font-size:13px}.examQuestionSection{padding:24px 16px 80px}.examQuestionLabel{font-size:13px;margin-bottom:16px}.examQuestionText{font-size:20px;margin-bottom:24px}.examAnswersList{gap:10px}.examAnswerOption{padding:14px 16px;gap:12px}.examAnswerRadio{width:18px;height:18px}.examAnswerRadioInner{width:9px;height:9px}.examAnswerText{font-size:15px}.examBottomNav{padding:16px;justify-content:center}.examNextButton{padding:12px 28px;font-size:15px;width:100%;max-width:300px;justify-content:center}.examMobileToggle{display:flex;align-items:center;gap:6px}.exam-score-header{margin-top:30px}}@media screen and (min-width:769px)and (max-width:1024px){.examInterfaceContainer{margin-left:60px}.examSidebar{width:300px;padding:16px}.examQuestionSection{padding:32px 40px}.examBottomNav{padding:16px 40px}}.viewHamburgerButton{border:none;padding:0;margin:0;background:none;outline:none;display:flex;cursor:pointer;z-index:9999}.viewHamburgerIcon{width:30px;height:30px;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.viewDropdownMenu{position:fixed;top:6vh;left:0;width:50vw;height:94vh;background:#f6f6f6;display:flex;flex-direction:column;padding:0;overflow:hidden;box-shadow:4px 0 12px #00000026;z-index:9998;transform:translate(-100%);transition:transform .35s ease}.viewDropdownMenu.open{transform:translate(0);opacity:1}.viewDropdownMenuContent{flex:1;overflow-y:auto;padding:20px 0}.viewDropdownProfileSection{width:100%;padding:10px;border-top:1px solid #ddd;background:#f6f6f6;position:absolute;bottom:0;left:0}.viewDropdownProfileSection .viewPFPWrapper{display:flex;flex-direction:row;align-items:center;border-radius:6px;width:100%;height:60px;border:2px solid transparent}.viewDropdownProfileSection .viewPFPButton{display:flex;align-items:center;border-radius:6px;width:calc(100% - 80px);height:40px;border:2px solid transparent;cursor:pointer;font-size:87%;gap:.5rem;flex-shrink:1;min-width:0;font-family:applemedium,arial,sans-serif;background-color:transparent;color:#303030}.viewDropdownProfileSection .viewPFPButton>div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;flex:1}.viewDropdownProfileSection .viewUserNameText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;display:inline-block;margin-bottom:-3px;font-family:applemedium,arial,sans-serif}.viewDropdownProfileSection .viewUpgradeButton{padding:4px 8px;border-radius:20px;border:none;color:#fff;background-color:#000;font-family:applethin,arial,sans-serif;flex-shrink:0;cursor:pointer}.viewDropdownProfileSection .viewUpgradeButton:hover{background-color:#3a3a3a}.viewUserPFP{width:1.6rem;height:1.6rem;border-radius:50%;object-fit:cover}.viewAccountTierDisplay{display:flex;flex-direction:row;font-family:applemedium,arial,sans-serif;font-size:13px;margin:2px 0 0}.viewDropdownItem{display:flex;align-items:center;border-radius:6px;width:90%;height:35px;margin:1% auto 0;border:2px solid transparent;padding:.5rem;cursor:pointer;font-size:87%;text-align:left;gap:.5rem;font-family:applemedium,arial,sans-serif;background-color:transparent;color:#303030}.viewDropdownItem:first-child{margin-top:20px}.viewDropdownItem:hover{background-color:#eae9e9;color:#000}.viewDropdownItem .viewSidebarIcon{height:1rem;width:auto;filter:brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(40%) contrast(100%)}.viewDropdownLogOutSection{border-top:1px solid #ddd;display:flex;flex-direction:column;background:#f6f6f6;width:100%;padding-top:5px;padding-bottom:80px}.viewIgnoredPopupOverlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.viewIgnoredPopup{background:#fff;border-radius:12px;padding:24px;max-width:500px;width:90%;box-shadow:0 8px 24px #0003}.viewIgnoredPopupTitle{margin:0 0 12px;font-size:18px;font-weight:600;color:#333;font-family:applemedium,arial,sans-serif}.viewIgnoredPopupText{font-size:14px;color:#666;line-height:1.6;margin:0 0 20px;font-family:applethin,arial,sans-serif}.viewIgnoredPopupClose{padding:8px 20px;border:none;border-radius:6px;background:#ab9ff2;color:#fff;cursor:pointer;font-size:14px;font-weight:500;font-family:applemedium,arial,sans-serif}.viewIgnoredPopupClose:hover{background:#9b8fe8}@media(min-width:769px){.viewDropdownMenu,.viewHamburgerButton{display:none!important}}@media(max-height:600px){.viewDropdownMenu{display:flex!important;margin-top:4vh!important;width:30vw!important}.viewHamburgerButton{display:flex!important}.viewDropdownItem{margin:0% auto 0;height:20px!important}.viewDropdownLogOutSection{margin-top:0;margin-bottom:0}}html,body{overflow-y:auto;height:auto;min-height:100vh;min-height:100dvh}.quizViewContainer{margin-left:50px;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:20px}.quizViewContent{text-align:center;border-radius:16px;box-shadow:0 4px 16px #00000026;padding:78px;max-width:600px;width:100%}.quizViewTitle{font-size:2.5rem;color:#000;margin-bottom:1rem;font-family:applethin,arial,sans-serif;cursor:pointer}.quizViewTitleInput{font-size:2.5rem;color:#000;font-family:applemedium;border:2px solid #AB9FF2;border-radius:8px;padding:.5rem;width:100%;text-align:center;outline:none}.quizViewQuestionCount{font-size:1.125rem;color:#6b7280;margin-bottom:2rem}.quizViewStartButton{padding:1rem 3rem;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;border:none;border-radius:2.5rem;font-size:1.125rem;cursor:pointer;transition:all .2s;box-shadow:0 10px 15px -3px #ab9ff24d}.quizViewStartButton:hover{background:linear-gradient(135deg,#a292fa,#6366f1);box-shadow:0 20px 25px -5px #ab9ff233}.quizInterfaceContainer{margin-left:50px;min-height:100vh;background:#fff;display:flex;padding-bottom:2rem}.quizMainContent{flex:1;display:flex;flex-direction:column;max-width:900px;margin:0 auto;width:100%;padding:20px;padding-bottom:4rem}.quizTopBar{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-bottom:1rem;position:sticky;top:0;background:#fff;z-index:10}.quizQuestionCounter{font-size:1rem;color:#6b7280;font-family:applemedium}.quizQuestionsScrollContainer{padding-right:10px}.quizQuestionBlock{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:2rem;border:1px solid #e5e7eb}.quizQuestionLabel{display:flex;align-items:center;gap:.5rem;color:#ab9ff2;font-size:.875rem;margin-bottom:1rem;font-family:applemedium}.quizQuestionIcon{font-size:1.25rem}.quizQuestionText{font-size:1.5rem;color:#000;margin-bottom:2rem;font-family:applethin;line-height:1.6}.quizAnswersList{display:flex;flex-direction:column;gap:1rem}.quizAnswerOption{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;transition:all .2s;background:#fff}.quizAnswerOption:hover{border-color:#ab9ff2;background:#f9f8ff}.quizAnswerOption.selected{border-color:#ab9ff2;background:#f3f0ff}.quizAnswerOption.correct{border-color:#10b981;background:#ecfdf5}.quizAnswerOption.incorrect{border-color:#ef4444;background:#fef2f2}.quizAnswerRadio{min-width:24px;width:24px;height:24px;border:2px solid #d1d5db;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.quizAnswerOption.selected .quizAnswerRadio{border-color:#ab9ff2}.quizAnswerOption.correct .quizAnswerRadio{border-color:#10b981}.quizAnswerOption.incorrect .quizAnswerRadio{border-color:#ef4444}.quizAnswerRadioInner{width:12px;height:12px;border-radius:50%;background:#ab9ff2}.quizAnswerOption.correct .quizAnswerRadioInner{background:#10b981}.quizAnswerOption.incorrect .quizAnswerRadioInner{background:#ef4444}.quizAnswerText{flex:1;font-size:1rem;color:#374151;font-family:applethin}.quizCorrectBadge,.quizIncorrectBadge{padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-family:applemedium}.quizCorrectBadge{background:#10b981;color:#fff}.quizIncorrectBadge{background:#ef4444;color:#fff}.quizExplanation{display:flex;gap:.75rem;padding:1rem;background:#f9fafb;border-left:4px solid #AB9FF2;border-radius:.5rem;margin-top:.5rem}.quizExplanationIcon{font-size:1.25rem;flex-shrink:0}.quizExplanationText{font-size:.875rem;color:#4b5563;line-height:1.6}.quizQuestionButtonContainer{margin-top:1.5rem;display:flex;justify-content:right}.quizCheckAnswerButton{padding:.875rem 2rem;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;border:none;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:all .2s;font-family:applemedium;box-shadow:0 10px 15px -3px #ab9ff24d}.quizCheckAnswerButton:hover:not(:disabled){background-color:#9688e0;box-shadow:0 20px 25px -5px #ab9ff233}.quizCheckAnswerButton:disabled{background-color:#d1d5db;box-shadow:none;cursor:default;opacity:.6}.quizFinishContainer{display:flex;justify-content:center;margin:2rem 0 3rem;padding-top:1rem}.quizFinishButton{padding:1rem 3rem;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;border:none;border-radius:.5rem;font-size:1.125rem;cursor:pointer;transition:all .2s;font-family:applemedium}.quizFinishButton:hover{background:linear-gradient(135deg,#a697f8,#6366f1);box-shadow:0 2px 20px -5px #0000004d}.homeButton{display:flex;align-items:center;justify-content:center;border-radius:90px;width:35px;height:35px;border:2px solid transparent;cursor:pointer;background:linear-gradient(135deg,#ab9ff2,#6366f1);transition:transform .2s ease,background-color .2s ease}.quizDashboardHeader{height:6vh;border-bottom:1px solid #e4e4e4;position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#fff;justify-content:space-between;align-items:center;display:none}.quizLogotemp{width:auto;margin:0;margin-right:1rem}.quizMobileHamburger{display:flex;align-items:center;margin-left:1rem}@media(max-width:768px){.quizDashboardHeader{display:flex}.quizViewContainer{padding-top:calc(6vh + 20px)}.quizInterfaceContainer{padding-top:6vh}.quiz-score-page{margin-top:15px}.collapsedSidebar{display:none}}@media(min-width:769px){.quizDashboardHeader,.quizMobileHamburger{display:none}}.collapsedSidebar{height:100vh;border-right:1px solid #d9d9d9;position:fixed;top:0;left:0;width:50px;z-index:998;background-color:#f6f6f6;display:flex;flex-direction:column;justify-content:space-between}.logoutPopupPFP{padding:.5rem}.PFPWrapper{width:100%}.PFPButtonPopup{display:flex;align-items:center;gap:.75rem;width:100%;background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s}.PFPButtonPopup:hover{background-color:#e6e6e6}.userPFPPopup{width:40px;height:40px;border-radius:50%;object-fit:cover}.userNameText{font-size:.875rem;font-weight:600;color:#333;display:block;max-width:100px}.accountEmailDisplayPopup{font-size:.75rem;color:#666;margin:0;max-width:100px}.logoutPopupContent{padding:.5rem}.popupUpgradePlan{padding-bottom:.5rem;border-bottom:1px solid #d9d9d9;margin-bottom:.5rem}.bottomDashboardSideButtons{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s;font-size:.875rem;color:#333}.bottomDashboardSideButtons:hover{background-color:#e6e6e6}.sidebarIcon{height:1rem;width:auto;filter:brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(40%) contrast(100%)}.quiz-score-page{min-height:100vh;padding:1rem;height:100vh;overflow-y:auto;background:linear-gradient(135deg,#eff6ff,#dcd7fe 35%,#ab9ff2 65%,#8f84e8)}@media(min-width:768px){.quiz-score-page{padding:2rem}}.score-container{max-width:56rem;margin:0 auto}.quiz-score-header{background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;padding:1.5rem;margin-bottom:1.5rem}@media(min-width:768px){.quiz-score-header{padding:2rem}}.header-content{text-align:center;margin-bottom:1.5rem}.award-icon{width:4rem;height:4rem;margin:0 auto 1rem}.award-icon svg{width:100%;height:100%}.quizScorePageTitle{font-size:1.875rem;font-family:applemedium,arial,sans-serif;color:#1f2937;margin-bottom:.5rem}@media(min-width:768px){.quizScorePageTitle{font-size:2.25rem}}.quizSubtitle{color:#4b5563;font-size:1.125rem}.score-display{text-align:center;margin-bottom:2rem}.score-percentage{font-size:3.75rem;font-family:applemedium,arial,sans-serif;margin-bottom:.5rem}@media(min-width:768px){.score-percentage{font-size:4.5rem}}.score-text{font-size:1.25rem;color:#4b5563}.score-excellent{color:#16a34a}.score-good{color:#2563eb}.score-fair{color:#ca8a04}.score-poor{color:#dc2626}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}@media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.quiz-stat-card{border-radius:.5rem;padding:1rem;text-align:center}.stat-total{background-color:#f9fafb}.stat-correct{background-color:#f0fdf4}.stat-first-try{background-color:#fef3c7}.stat-attempts{background-color:#eff6ff}.quiz-stat-icon{width:2rem;height:2rem;margin:0 auto .5rem}.quiz-stat-icon svg{width:100%;height:100%}.stat-total .quiz-stat-icon{color:#4b5563}.stat-correct .quiz-stat-icon{color:#16a34a}.stat-first-try .quiz-stat-icon{color:#d97706}.stat-attempts .quiz-stat-icon{color:#2563eb}.quiz-stat-value{font-size:1.5rem;font-family:applemedium,arial,sans-serif}.stat-total .quiz-stat-value{color:#1f2937}.stat-correct .quiz-stat-value{color:#16a34a}.stat-first-try .quiz-stat-value{color:#d97706}.stat-attempts .quiz-stat-value{color:#2563eb}.quiz-stat-label{font-size:.875rem;color:#4b5563}.quiz-return-button{width:100%;background:linear-gradient(135deg,#ab9ff2,#6366f1);color:#fff;font-family:applemedium,arial,sans-serif;padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s;font-size:1rem}.quiz-return-button:hover{background:linear-gradient(135deg,#a294f6,#6366f1)}.question-review{background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;padding:1.5rem;margin-bottom:1.5rem}@media(min-width:768px){.question-review{padding:2rem}}.review-title{font-size:1.5rem;font-family:applemedium,arial,sans-serif;color:#1f2937;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.review-icon{font-size:1.75rem}.questions-list{display:flex;flex-direction:column;gap:1rem}.question-item{border-left:4px solid;padding:1rem;border-radius:0 .5rem .5rem 0}.question-first-try{border-color:#fbbf24;background-color:#fef3c7}.question-correct{border-color:#4ade80;background-color:#f0fdf4}.question-incorrect{border-color:#f87171;background-color:#fef2f2}.question-skipped{border-color:#facc15;background-color:#fefce8}.question-content{display:flex;gap:.75rem;align-items:flex-start}.question-icon{flex-shrink:0;margin-top:.25rem}.icon-first-try{width:1.5rem;height:1.5rem;color:#d97706;fill:#fbbf24}.icon-correct{width:1.5rem;height:1.5rem;color:#16a34a}.icon-review{width:1.5rem;height:1.5rem;color:#d15f5f}.icon-incorrect{width:1.5rem;height:1.5rem;color:#dc2626}.icon-skipped{width:1.5rem;height:1.5rem;color:#ca8a04}.icon-correct svg,.icon-incorrect svg,.icon-review svg,.icon-skipped svg,.icon-first-try svg{width:100%;height:100%}.question-details{flex-grow:1}.question-number{font-family:applemedium,arial,sans-serif;color:#1f2937;margin-bottom:.5rem;font-size:.875rem}.question-text{color:#374151;margin-bottom:.75rem;font-size:1rem;line-height:1.5}.answer-skipped{color:#854d0e;font-family:applemedium,arial,sans-serif;font-style:italic}.answer-row{margin-bottom:.5rem;font-size:.875rem}.answer-label{color:#4b5563}.answer-value{font-family:applemedium,arial,sans-serif}.answer-correct{color:#15803d}.answer-incorrect{color:#b91c1c}.first-try-badge{display:inline-block;background-color:#fef3c7;color:#92400e;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-family:applemedium,arial,sans-serif;margin-top:.5rem}.attempt-count-badge{display:inline-block;background-color:#eff6ff;color:#1e40af;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-family:applemedium,arial,sans-serif;margin-top:.5rem}@media(max-width:768px){.collapsedSidebar{display:none}.quizInterfaceContainer,.quizViewContainer{margin-left:0;width:100vw}.quizQuestionText{font-size:1.25rem}.quizViewTitle{font-size:2rem}.quizQuestionBlock{padding:1.5rem}.quizQuestionsScrollContainer{padding-right:0}}.flashcard-container{min-height:100vh;min-height:100dvh;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.flashcard-container.loading,.flashcard-container.error,.flashcard-container.empty{height:100dvh}.message{font-size:1.25rem;color:#374151}.flashcard-container.error .message{color:#dc2626}.flashcard-header{margin-bottom:2rem;text-align:center;width:100%;max-width:60rem}.flashcardTitle{font-size:1.875rem;color:#000;margin-bottom:.5rem;font-family:applemedium;cursor:pointer;width:100%;max-width:60rem;margin-left:auto;margin-right:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.3;word-wrap:break-word;word-break:break-word}.card-counter{color:#6b7280;margin-bottom:.5rem}.instructions{font-size:.875rem;color:#6b7280;margin-top:.5rem}.card-and-controls-wrapper{position:relative;width:100%;max-width:60rem;margin-bottom:2rem}.card-wrapper{width:100%;height:32rem;perspective:1000px;isolation:isolate}.card{position:relative;width:100%;height:100%;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;transform:translateZ(0);will-change:transform}.card.flipped{transform:rotateX(180deg)}.card.slide-left{animation:slideOutLeft .2s ease-in-out}.card.slide-right{animation:slideOutRight .2s ease-in-out}@keyframes slideOutLeft{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-50%) scale(.9);opacity:0}}@keyframes slideOutRight{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(50%) scale(.9);opacity:0}}.card-face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;border-radius:1rem;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 60px #0003,0 0 30px #00000026;backface-visibility:hidden}.card-front{background-color:#fff}.card-back{background-color:#4f46e5;transform:rotateX(180deg)}.card-label{font-size:.875rem;margin-bottom:1rem}.card-front .card-label{color:#4f46e5}.card-back .card-label{color:#c7d2fe}.card-content{font-size:2rem;text-align:center;font-family:applethin}@media(max-width:768px){.card-content{font-size:1.4rem}}.card-front .card-content{color:#000}.card-back .card-content{color:#fff}.shuffle-button{position:absolute;bottom:-5.7rem;right:0;padding:1rem 1.25rem;background-color:#fff;border:2px solid #AB9FF2;border-radius:2.5rem;box-shadow:0 10px 15px -3px #ab9ff233,0 4px 6px -2px #ab9ff21a;cursor:pointer;color:#ab9ff2;font-size:1rem;transition:all .2s}.shuffleIcon{height:20px;width:20px;filter:invert(69%) sepia(19%) saturate(748%) hue-rotate(214deg) brightness(98%) contrast(94%)}.shuffle-button:hover .shuffleIcon{filter:invert(100%) brightness(100%)}.shuffle-button:hover{background-color:#ab9ff2;color:#fff;box-shadow:0 20px 25px -5px #ab9ff24d,0 10px 10px -5px #ab9ff233}.navigation-controls{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.nav-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background-color:#fff;border:2px solid #AB9FF2;border-radius:2.5rem;box-shadow:0 10px 15px -3px #ab9ff233,0 4px 6px -2px #ab9ff21a;cursor:pointer;color:#ab9ff2;transition:all .2s}.flashcardDashboardHeader{height:6vh;border-bottom:1px solid #e4e4e4;position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#fff;justify-content:space-between;align-items:center;display:none}.flashcardLogotemp{width:auto;margin:0;margin-right:1rem}.flashcardMobileHamburger{display:flex;align-items:center;margin-left:1rem}@media(max-width:768px){.flashcardDashboardHeader{display:flex}.flashcard-container{padding-top:calc(6vh + 20px)}.collapsedSidebar{display:none}}@media(min-width:769px){.flashcarDashboardHeader,.flashcardMobileHamburger{display:none}}.nav-button:hover:not(:disabled){background-color:#ab9ff2;color:#fff;box-shadow:0 20px 25px -5px #ab9ff24d,0 10px 10px -5px #ab9ff233}.nav-button:disabled{opacity:.4;cursor:default}.arrow{font-size:1.25rem}.progress-bar-container{width:100%;max-width:60rem;background-color:#e8e4ff;border-radius:9999px;height:.2rem;overflow:hidden;margin-left:auto;margin-right:auto}.progress-bar{height:100%;background-color:#ab9ff2;transition:width .3s;border-radius:9999px}.homeButton{display:flex;align-items:center;justify-content:center;border-radius:90px;width:35px;height:35px;border:2px solid transparent;cursor:pointer;background:linear-gradient(135deg,#ab9ff2,#8f93f0);transition:transform .2s ease,background-color .2s ease}.homeButton:hover{transform:scale(1.12)}.homeButtonIcon{height:1.2rem;width:auto;filter:invert(100%) brightness(100%);pointer-events:none}.ignoredPopupContainer{position:fixed;top:110px;left:60px;width:300px;z-index:3000}.ignoredPopup{background-color:#fff;border:1px solid #d9d9d9;border-radius:12px;padding:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.collapsedSidebar{height:100vh;height:100dvh;border-right:1px solid #d9d9d9;position:fixed;top:0;left:0;width:50px;z-index:998;background-color:#f6f6f6;display:flex;flex-direction:column;justify-content:space-between}.collapsedSidebarButtons{display:flex;flex-direction:column;align-items:center;padding-top:1rem;gap:.5rem}.collapsedSideButton{display:flex;align-items:center;justify-content:center;border-radius:6px;width:40px;height:40px;border:2px solid transparent;cursor:pointer;background-color:transparent;transition:background-color .2s}.collapsedSideButton:hover{background-color:#eae9e9}.collapsedSidebarIcon{height:1.2rem;width:auto;filter:brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(40%) contrast(100%)}.collapsedLogOutSection{border-right:1px solid #d9d9d9;position:absolute;bottom:0;left:0;width:50px;padding:.5rem 0;background-color:#f6f6f6;display:flex;justify-content:center}.collapsedPFPWrapper{display:flex;justify-content:center;align-items:center;border-radius:6px;width:40px;height:40px;transition:background-color .2s}.collapsedPFPWrapper:hover{background-color:#eae9e9}.activeCollapsedPFPWrapper{display:flex;justify-content:center;align-items:center;border-radius:6px;width:40px;height:40px;background-color:#eee}.collapsedPFPButton{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0;width:35px;height:35px}.collapsedUserPFP{width:35px;height:35px;border-radius:50%;object-fit:cover}.collapsedLogoutPopupContainer{position:fixed;bottom:60px;left:5px;width:210px;z-index:3000}.collapsedLogoutPopupContainer .logoutPopup{background-color:#f0f0f0;border:1px solid #d9d9d9;border-radius:15px;padding:.5rem}@media(max-width:768px){.collapsedSidebar{display:none}.flashcard-container{margin-left:0;width:100vw}}