body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@supports (-webkit-touch-callout:none){*{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;transform-style:preserve-3d!important}}:root{--space-2xs:clamp(0.125rem,0.25vw,0.25rem);--space-xs:clamp(0.25rem,0.5vw,0.5rem);--space-sm:clamp(0.5rem,1vw,0.75rem);--space-md:clamp(0.75rem,1.5vw,1rem);--space-lg:clamp(1rem,2vw,1.5rem);--space-xl:clamp(1.5rem,3vw,2rem);--space-2xl:clamp(2rem,4vw,3rem);--space-3xl:clamp(3rem,6vw,4rem);--font-2xs:clamp(0.625rem,0.8vw,0.6875rem);--font-xs:clamp(0.6875rem,1vw,0.75rem);--font-sm:clamp(0.75rem,1.2vw,0.875rem);--font-base:clamp(0.875rem,1.5vw,1rem);--font-lg:clamp(1rem,2vw,1.125rem);--font-xl:clamp(1.125rem,2.5vw,1.25rem);--font-2xl:clamp(1.25rem,3vw,1.5rem);--font-3xl:clamp(1.5rem,4vw,2rem);--font-4xl:clamp(2rem,5vw,2.5rem);--line-tight:1.25;--line-base:1.5;--line-relaxed:1.75;--radius-sm:clamp(0.25rem,0.5vw,0.375rem);--radius-md:clamp(0.375rem,0.75vw,0.5rem);--radius-lg:clamp(0.5rem,1vw,0.75rem);--radius-xl:clamp(0.75rem,1.5vw,1rem);--radius-2xl:clamp(1rem,2vw,1.25rem);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--width-xs:20rem;--width-sm:24rem;--width-md:28rem;--width-lg:32rem;--width-xl:36rem;--width-2xl:42rem;--width-3xl:48rem;--width-4xl:56rem;--width-5xl:64rem;--width-6xl:72rem;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}@custom-media --2xl-down (max-width: 1536px);@custom-media --xl-down (max-width: 1440px);@custom-media --lg-down (max-width: 1280px);@custom-media --md-down (max-width: 1024px);@custom-media --sm-down (max-width: 768px);@custom-media --xs-down (max-width: 640px);.p-responsive-xs{padding:clamp(.25rem,.5vw,.5rem);padding:var(--space-xs)}.p-responsive-sm{padding:clamp(.5rem,1vw,.75rem);padding:var(--space-sm)}.p-responsive-md{padding:clamp(.75rem,1.5vw,1rem);padding:var(--space-md)}.p-responsive-lg{padding:clamp(1rem,2vw,1.5rem);padding:var(--space-lg)}.p-responsive-xl{padding:clamp(1.5rem,3vw,2rem);padding:var(--space-xl)}.px-responsive-xs{padding-inline:clamp(.25rem,.5vw,.5rem);padding-inline:var(--space-xs)}.px-responsive-sm{padding-inline:clamp(.5rem,1vw,.75rem);padding-inline:var(--space-sm)}.px-responsive-md{padding-inline:clamp(.75rem,1.5vw,1rem);padding-inline:var(--space-md)}.px-responsive-lg{padding-inline:clamp(1rem,2vw,1.5rem);padding-inline:var(--space-lg)}.px-responsive-xl{padding-inline:clamp(1.5rem,3vw,2rem);padding-inline:var(--space-xl)}.py-responsive-xs{padding-block:clamp(.25rem,.5vw,.5rem);padding-block:var(--space-xs)}.py-responsive-sm{padding-block:clamp(.5rem,1vw,.75rem);padding-block:var(--space-sm)}.py-responsive-md{padding-block:clamp(.75rem,1.5vw,1rem);padding-block:var(--space-md)}.py-responsive-lg{padding-block:clamp(1rem,2vw,1.5rem);padding-block:var(--space-lg)}.py-responsive-xl{padding-block:clamp(1.5rem,3vw,2rem);padding-block:var(--space-xl)}.m-responsive-xs{margin:clamp(.25rem,.5vw,.5rem);margin:var(--space-xs)}.m-responsive-sm{margin:clamp(.5rem,1vw,.75rem);margin:var(--space-sm)}.m-responsive-md{margin:clamp(.75rem,1.5vw,1rem);margin:var(--space-md)}.m-responsive-lg{margin:clamp(1rem,2vw,1.5rem);margin:var(--space-lg)}.m-responsive-xl{margin:clamp(1.5rem,3vw,2rem);margin:var(--space-xl)}.gap-responsive-xs{gap:clamp(.25rem,.5vw,.5rem);gap:var(--space-xs)}.gap-responsive-sm{gap:clamp(.5rem,1vw,.75rem);gap:var(--space-sm)}.gap-responsive-md{gap:clamp(.75rem,1.5vw,1rem);gap:var(--space-md)}.gap-responsive-lg{gap:clamp(1rem,2vw,1.5rem);gap:var(--space-lg)}.gap-responsive-xl{gap:clamp(1.5rem,3vw,2rem);gap:var(--space-xl)}.text-responsive-2xs{font-size:clamp(.625rem,.8vw,.6875rem);font-size:var(--font-2xs)}.text-responsive-xs{font-size:clamp(.6875rem,1vw,.75rem);font-size:var(--font-xs)}.text-responsive-sm{font-size:clamp(.75rem,1.2vw,.875rem);font-size:var(--font-sm)}.text-responsive-base{font-size:clamp(.875rem,1.5vw,1rem);font-size:var(--font-base)}.text-responsive-lg{font-size:clamp(1rem,2vw,1.125rem);font-size:var(--font-lg)}.text-responsive-xl{font-size:clamp(1.125rem,2.5vw,1.25rem);font-size:var(--font-xl)}.text-responsive-2xl{font-size:clamp(1.25rem,3vw,1.5rem);font-size:var(--font-2xl)}.text-responsive-3xl{font-size:clamp(1.5rem,4vw,2rem);font-size:var(--font-3xl)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.container-responsive{margin-inline:auto;padding-inline:clamp(.75rem,1.5vw,1rem);padding-inline:var(--space-md);width:100%}@media (max-width:640px){.container-responsive{max-width:640px}}@media (max-width:768px){.container-responsive{max-width:768px}}@media (max-width:1024px){.container-responsive{max-width:1024px;padding-inline:clamp(1rem,2vw,1.5rem);padding-inline:var(--space-lg)}}@media (max-width:1280px){.container-responsive{max-width:1280px;padding-inline:clamp(1.5rem,3vw,2rem);padding-inline:var(--space-xl)}}@media (max-width:1440px){.container-responsive{max-width:1440px}}.grid-responsive{grid-gap:clamp(.75rem,1.5vw,1rem);grid-gap:var(--space-md);display:grid;gap:clamp(.75rem,1.5vw,1rem);gap:var(--space-md)}.grid-cols-auto-fit{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.grid-cols-auto-fill{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.flex-responsive{display:flex;flex-wrap:wrap;gap:clamp(.75rem,1.5vw,1rem);gap:var(--space-md)}@media (max-width:1440px){.hide-xl-down{display:none!important}}@media (max-width:1280px){.hide-lg-down{display:none!important}}@media (max-width:1024px){.hide-md-down{display:none!important}}@media (min-width:1025px){.show-md-down{display:none!important}}@media (min-width:1281px){.show-lg-down{display:none!important}}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.aspect-4-3{aspect-ratio:4/3}.aspect-3-2{aspect-ratio:3/2}.modal-responsive{border-radius:clamp(.75rem,1.5vw,1rem);border-radius:var(--radius-xl);margin:clamp(.75rem,1.5vw,1rem);margin:var(--space-md);max-height:min(90vh,800px);padding:clamp(1rem,2vw,1.5rem);padding:var(--space-lg);width:min(90vw,42rem);width:min(90vw,var(--width-2xl))}.btn-responsive-sm{border-radius:clamp(.25rem,.5vw,.375rem);border-radius:var(--radius-sm);font-size:clamp(.75rem,1.2vw,.875rem);font-size:var(--font-sm);padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.75rem);padding:var(--space-xs) var(--space-sm)}.btn-responsive-md{border-radius:clamp(.375rem,.75vw,.5rem);border-radius:var(--radius-md);font-size:clamp(.875rem,1.5vw,1rem);font-size:var(--font-base);padding:clamp(.5rem,1vw,.75rem) clamp(.75rem,1.5vw,1rem);padding:var(--space-sm) var(--space-md)}.btn-responsive-lg{border-radius:clamp(.5rem,1vw,.75rem);border-radius:var(--radius-lg);font-size:clamp(1rem,2vw,1.125rem);font-size:var(--font-lg);padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);padding:var(--space-md) var(--space-lg)}@supports (container-type:inline-size){.container-query{container-type:inline-size}@container (max-width: 768px){.container\:hidden{display:none}.container\:text-sm{font-size:clamp(.75rem,1.2vw,.875rem);font-size:var(--font-sm)}}@container (max-width: 640px){.container\:stack{flex-direction:column}}}.responsive-transition{transition:all .3s ease}.scrollbar-responsive{scrollbar-color:#0000004d #0000;scrollbar-width:thin}.scrollbar-responsive::-webkit-scrollbar{height:8px;width:8px}.scrollbar-responsive::-webkit-scrollbar-track{background:#0000}.scrollbar-responsive::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.scrollbar-responsive::-webkit-scrollbar-thumb:hover{background:#00000080}.dark-mode .scrollbar-responsive{scrollbar-color:#ffffff4d #0000}.dark-mode .scrollbar-responsive::-webkit-scrollbar-thumb{background:#ffffff4d}.dark-mode .scrollbar-responsive::-webkit-scrollbar-thumb:hover{background:#ffffff80}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.contain-layout{contain:layout}.contain-paint{contain:paint}.touch-target{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-width:44px}.focus-visible-responsive:focus-visible{border-radius:clamp(.25rem,.5vw,.375rem);border-radius:var(--radius-sm);outline:2px solid currentColor;outline-offset:2px}.landing-page{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.nav-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ef2;box-sizing:border-box;display:flex;justify-content:space-between;padding:1.5rem 5%;position:fixed;top:0;width:100%;z-index:1000}.nav-logo .logo-image{filter:brightness(0) invert(1);height:50px;width:auto}.nav-links{align-items:center;display:flex;gap:2.5rem}.nav-links a{color:#fff;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#64b5f6}.nav-buttons{align-items:center;gap:1rem}.login-btn,.signup-btn{border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.login-btn{background:#0000}.login-btn,.signup-btn{border:2px solid #64b5f6;color:#fff}.signup-btn{background:#64b5f6}.login-btn:hover{background:#64b5f61a;transform:translateY(-2px)}.signup-btn:hover{background:#42a5f5;border-color:#42a5f5;box-shadow:0 4px 12px #64b5f64d;transform:translateY(-2px)}.hero-section{padding:12rem 5% 6rem;position:relative;text-align:center}.hero-content{margin:0 auto;max-width:900px}.hero-content h1{color:#fff;font-size:4rem;font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:1.5rem}.hero-content p{color:#fffc;font-size:1.3rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:700px}.hero-buttons{display:flex;justify-content:center}.get-started-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1.2rem 3rem;transition:all .3s ease}.get-started-btn:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-3px)}.platform-integration-section{padding:6rem 5%;position:relative;text-align:center}.platform-integration-container{height:400px;margin:0 auto;max-width:600px}.central-platform{align-items:center;background:#64b5f6;border-radius:50%;box-shadow:0 8px 32px #64b5f64d;display:flex;height:120px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px;z-index:10}.central-logo{color:#fff;font-size:3rem;font-weight:700;letter-spacing:-1px}.platform-connections{height:100%;position:relative;width:100%}.platform-node{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 16px #0000001a;display:flex;height:80px;justify-content:center;position:absolute;transition:all .3s ease;width:80px}.platform-node:hover{box-shadow:0 8px 24px #00000026;transform:scale(1.1)}.platform-node:before{background:linear-gradient(90deg,#0000,#64b5f64d,#0000);content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--rotation));width:200px}.platform-node.moodle{--rotation:-45deg;left:20%;top:10%}.platform-node.canvas{--rotation:45deg;right:20%;top:10%}.platform-node.blackboard{--rotation:135deg;bottom:10%;right:20%}.platform-node.brightspace{--rotation:-135deg;bottom:10%;left:20%}.platform-icon{color:#333;font-size:1.8rem}.blackboard-text,.brightspace-text{color:#333;font-size:1.2rem;font-weight:700}.features-section{background:#ffffff05;padding:8rem 5%}.features-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.features-section .feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:16px;box-shadow:none!important;padding:2.5rem;text-align:center;transition:all .3s ease}.features-section .feature-card:hover{background:#ffffff14!important;border-color:#64b5f64d!important;transform:translateY(-8px)}.feature-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.calendar-icon{background:linear-gradient(135deg,#64b5f6,#42a5f5)}.flashcards-icon{background:linear-gradient(135deg,#ab47bc,#8e24aa)}.quizzes-icon{background:linear-gradient(135deg,#ff7043,#f4511e)}.notes-icon{background:linear-gradient(135deg,#ffca28,#ffb300)}.feature-card h3{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:#ffffffb3;font-size:1rem;line-height:1.6}.lms-integration-section{background:#ffffff05;padding:3rem 5%}.lms-integration-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;display:flex;gap:3rem;margin:0 auto;max-width:1000px;padding:3rem;transition:all .3s ease}.lms-integration-card:hover{background:#ffffff14;border-color:#64b5f64d;transform:translateY(-4px)}.lms-integration-content{flex:1 1;text-align:left}.lms-integration-content h3{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:1.5rem}.lms-integration-content p{color:#fffc;font-size:1.2rem;font-weight:400;line-height:1.6}.lms-integration-image-container{align-items:center;display:flex;flex-shrink:0;justify-content:center}.lms-integration-image{filter:drop-shadow(0 8px 32px rgba(0,0,0,.2));height:auto;width:300px}.ai-flashcards-section{background:#ffffff05;padding:3rem 5%}.ai-flashcards-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;display:flex;gap:3rem;margin:0 auto;max-width:1000px;padding:3rem;transition:all .3s ease}.ai-flashcards-card:hover{background:#ffffff14;border-color:#ab47bc4d;transform:translateY(-4px)}.ai-flashcards-image-container{align-items:center;display:flex;flex-shrink:0;justify-content:center}.flashcard-icon{animation:flip 4s ease-in-out infinite;height:120px;perspective:1000px;position:relative;transform-style:preserve-3d;width:200px}.flashcard-back,.flashcard-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;box-shadow:0 4px 16px #0003;display:flex;font-size:1.1rem;font-weight:600;height:100%;justify-content:center;position:absolute;width:100%}.flashcard-front{background:linear-gradient(135deg,#ab47bc,#8e24aa);color:#fff;transform:rotateY(0deg)}.flashcard-back{background:linear-gradient(135deg,#8e24aa,#6a1b9a);color:#fff;transform:rotateY(180deg)}.ai-flashcards-content{flex:1 1;text-align:left}.ai-flashcards-content h3{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:1.5rem}.ai-flashcards-content p{color:#fffc;font-size:1.2rem;font-weight:400;line-height:1.6}.calendar-section{padding:4rem 5%}.calendar-card{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:flex;justify-content:center;margin:0 auto;max-width:1200px;min-height:1000px;padding:3rem;transition:all .3s ease}.calendar-card:hover{border-color:#ffc1074d;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.calendar-content h3{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 3rem;text-align:center}.calendar-types{flex-wrap:wrap;gap:2rem}.calendar-type,.calendar-types{display:flex;justify-content:center}.calendar-type{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;gap:.75rem;min-width:160px;padding:1.5rem 2rem;transition:all .3s ease}.calendar-type:hover{background:#ffffff1f;border-color:#ffc10766;transform:translateY(-2px)}.calendar-type .calendar-icon{background:none;color:#ffc107;font-size:1.2rem}.calendar-type span{color:#fff;font-size:1rem;font-weight:600}.calendar-type-active{background:#ffc10726!important;border-color:#ffc107!important;transform:translateY(-2px)}.calendar-type-active .calendar-icon,.calendar-type-active span{color:#ffc107}.mini-calendar-demo{background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:1000px;padding:2rem}.mini-calendar-header h4{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 1rem;text-align:center}.mini-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:.75rem}.mini-weekday{color:#ffffffb3;font-size:.85rem;font-weight:600;padding:.5rem;text-align:center}.mini-days-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.mini-day{align-items:flex-start;aspect-ratio:1;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;display:flex;flex-direction:column;justify-content:flex-start;min-height:120px;padding:.5rem;position:relative;transition:all .2s ease}.mini-day:hover{background:#ffffff1f;border-color:#ffc1074d}.mini-day.empty{background:#0000;border:none}.mini-day span{color:#fff;font-size:.9rem;font-weight:500;line-height:1;margin:0;z-index:1}.mini-event{border:1px solid;border-radius:2px;height:4px}.mini-assignments-container,.mini-event{bottom:2px;left:2px;position:absolute;right:2px}.mini-assignments-container{display:flex;flex-direction:column;gap:1px;top:28px}.mini-week-view{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;display:flex;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:100%;min-height:700px;overflow:hidden;width:100%}.mini-day-column{background:#ffffff0a;border-right:1px solid #ffffff26;display:flex;flex:1 1;flex-direction:column;min-width:0}.mini-day-column:last-child{border-right:none}.mini-date-box{background:#ffffff1f;border-bottom:1px solid #ffffff26;padding:8px 4px;text-align:center}.mini-day-name{color:#fff;font-size:12px;font-weight:600;margin-bottom:2px}.mini-date{color:#fffc;font-size:10px}.mini-events-container{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:4px}.todo-demo-list{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.todo-item{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.todo-item:hover{background:#ffffff1f;border-color:#ffc1074d}.todo-checkbox{background:#0000;border:2px solid #ffffff4d;border-radius:4px;cursor:pointer;height:20px;transition:all .2s ease;width:20px}.todo-item:hover .todo-checkbox{border-color:#ffc107}.todo-item span{color:#fff;flex:1 1;font-size:1rem;font-weight:500}.ai-quizzes-section{margin:0 auto;max-width:1200px;padding:3rem 5%}.ai-quizzes-card{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;display:flex;justify-content:center;min-height:600px;padding:0 3rem 4rem;transition:all .3s ease}.ai-quizzes-card:hover{background:#ffffff14;border-color:#ffc1074d;transform:translateY(-4px)}.ai-quizzes-content{text-align:center;width:100%}.ai-quizzes-content h3{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:3rem}.quiz-types{flex-wrap:wrap;gap:2rem;margin-bottom:3rem}.quiz-type,.quiz-types{display:flex;justify-content:center}.quiz-type{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;gap:.75rem;min-width:160px;padding:1.5rem 2rem;transition:all .3s ease}.quiz-type:hover{background:#ffffff1f;border-color:#ffc10766;transform:translateY(-2px)}.quiz-type-active{background:#ffc10726!important;border-color:#ffc10799!important;box-shadow:0 0 20px #ffc1074d}.quiz-icon{color:#ffc107;font-size:1.2rem}.quiz-type:nth-child(2) .quiz-icon{margin-top:4px}.quiz-type span{color:#fff;font-size:1rem;font-weight:600}.quiz-demo-area{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;display:flex;justify-content:center;min-height:400px;padding:2rem}.quiz-demo-placeholder{color:#ffffffb3;text-align:center}.quiz-demo-placeholder h4{color:#fff;font-size:1.5rem;margin-bottom:1rem}.quiz-demo-placeholder p{font-size:1rem;line-height:1.5}.quiz-demo-container{background:#0000;border-radius:16px;color:#fff;max-width:600px;padding:2rem;width:100%}.quiz-demo-header{align-items:center;border-bottom:2px solid #fff3;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.quiz-demo-header h4{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.quiz-demo-progress{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;font-weight:500;gap:1rem;justify-content:space-between}.timer-container{align-items:center;display:flex;gap:.5rem;margin-left:auto}.quiz-timer{background:#ffc10733;border:1px solid #ffc1074d;border-radius:20px;color:#ffc107;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.time-bonus{animation:timerBonusUp .8s cubic-bezier(.4,0,.2,1) forwards;color:#28a745;font-size:22px;font-weight:700;opacity:1;text-shadow:0 2px 8px #28a74526;z-index:10}.demo-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.demo-close-btn:hover{background:#ffffff1a;color:#fff}.quiz-demo-question{margin-bottom:2rem;text-align:center}.quiz-demo-question h3{color:#fff;font-size:1.4rem;font-weight:600;line-height:1.4;margin:0}.quiz-demo-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.demo-option-btn{align-items:center;background:#ffffff14;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;gap:1rem;min-height:80px;padding:1.5rem 2rem;position:relative;text-align:left;transition:all .3s ease}.demo-option-btn:hover:not(:disabled){background:#ffc1071a;border-color:#ffc107;box-shadow:0 4px 12px #ffc10733;transform:translateY(-2px)}.demo-option-btn:disabled{cursor:not-allowed}.demo-option-selected{background:#ffc10726;border-color:#ffc107;box-shadow:0 4px 12px #ffc1074d}.demo-option-correct{animation:correctPulse .6s ease;background:#28a74533;border-color:#28a745}.demo-option-incorrect{animation:incorrectShake .6s ease;background:#dc354533;border-color:#dc3545}.demo-option-letter{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.demo-option-selected .demo-option-letter{background:#ffc107;color:#333}.demo-option-correct .demo-option-letter{background:#28a745;color:#fff}.demo-option-incorrect .demo-option-letter{background:#dc3545;color:#fff}.demo-option-text{flex:1 1;font-weight:500}.demo-correct-icon,.demo-incorrect-icon{font-size:1.2rem;font-weight:700;position:absolute;right:1rem}.demo-correct-icon{color:#28a745}.demo-incorrect-icon{color:#dc3545}.quiz-demo-feedback{text-align:center}.time-up-container{padding:2rem;text-align:center}.time-up-container h3{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.time-up-container p{color:#fffc;font-size:1.1rem;margin-bottom:2rem}.demo-next-btn{background:linear-gradient(135deg,#ffc107,#e0a800);border:none;border-radius:12px;box-shadow:0 4px 12px #ffc1074d;color:#333;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.demo-next-btn:hover{box-shadow:0 6px 20px #ffc10766;transform:translateY(-2px)}.quiz-demo-match-container{height:200px;margin-bottom:2rem;position:relative;width:100%}#match-line-canvas{left:0;pointer-events:none;position:absolute;top:0;z-index:999}.quiz-demo-match-columns{height:100%;padding-right:13rem;position:relative;width:100%}.quiz-demo-match-column h5{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:center}.quiz-demo-match-column:first-child{left:0;margin-left:-13rem;margin-top:-2.5rem;position:absolute;top:0;width:40%}.quiz-demo-match-column:last-child{margin-top:-2.5rem;position:absolute;right:0;top:0;width:40%}.quiz-demo-match-items{display:flex;flex-direction:column;gap:1rem;width:100%}.demo-match-item{align-items:center;background:#ffffff14;border:2px solid #fff3;border-radius:12px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;height:80px;line-height:1.4;min-height:80px;padding:1rem 1.5rem;text-align:left;transition:all .3s ease;width:100%}.demo-match-item:hover:not(:disabled){background:#ffc1071a;border-color:#ffc107;box-shadow:0 4px 12px #ffc10733;transform:translateY(-2px)}.demo-match-item:disabled{cursor:not-allowed}.demo-match-item-selected{background:#ffc10726;border-color:#ffc107;box-shadow:0 4px 12px #ffc1074d;position:relative}.demo-match-item-matched{background:#28a74533;border-color:#28a745;opacity:.8}.demo-match-item-wrong{background:#dc354533!important;border-color:#dc3545!important;opacity:.8!important}.demo-match-item-wrong:hover{background:#dc35454d!important;border-color:#dc3545!important;opacity:.8!important}@media (max-width:1440px){.quiz-demo-match-columns{padding-right:10rem}.quiz-demo-match-column:first-child{margin-left:-10rem;width:42%}.quiz-demo-match-column:last-child{width:42%}.demo-match-item{font-size:.9rem;padding:.9rem 1.25rem}}@media (max-width:1280px){.quiz-demo-match-columns{padding-right:8rem}.quiz-demo-match-column:first-child{margin-left:-8rem;width:44%}.quiz-demo-match-column:last-child{width:44%}.demo-match-item{font-size:.85rem;padding:.85rem 1.1rem}}@media (max-width:1024px){.quiz-demo-match-columns{padding-right:6rem}.quiz-demo-match-column:first-child{margin-left:-6rem;width:45%}.quiz-demo-match-column:last-child{width:45%}.demo-match-item{font-size:.8rem;min-height:70px;padding:.8rem 1rem}}@media (max-width:768px){.quiz-demo-match-columns{gap:1.5rem;grid-template-columns:1fr;padding-right:0}.quiz-demo-match-column:first-child,.quiz-demo-match-column:last-child{margin:0;position:static;width:100%}.demo-match-item{font-size:.9rem;min-height:50px;padding:.75rem 1rem}}.footer{background:#0000004d;border-top:1px solid #ffffff1a;color:#fff;padding:4rem 5% 2rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px}.footer-section h4{color:#fff;font-size:1.2rem;margin-bottom:1rem}.footer-section a{color:#ffffffb3;display:block;margin-bottom:.5rem;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#64b5f6}.footer-bottom{border-top:1px solid #ffffff1a;color:#fff9;margin-top:3rem;padding-top:2rem;text-align:center}@media (max-width:768px){.nav-bar{padding:1rem 5%}.nav-links{gap:1.5rem}.nav-links a{font-size:.9rem}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.1rem}.features-grid{gap:2rem;grid-template-columns:1fr}.feature-card{padding:2rem}.platform-integration-container{height:300px}.central-platform{height:100px;width:100px}.central-logo{font-size:2.5rem}.platform-node{height:60px;width:60px}.platform-icon{font-size:1.4rem}.brightspace-text{font-size:1rem}.ai-quizzes-card{min-height:700px;padding:0 1.5rem 3rem}.quiz-types{gap:1rem}.quiz-type{min-width:140px;padding:1rem 1.5rem}.quiz-demo-container{padding:1.5rem}.quiz-demo-question h3{font-size:1.2rem}.demo-option-btn{padding:.75rem 1rem}.demo-option-letter{font-size:.8rem;height:28px;width:28px}}@media (max-width:1440px){.nav-bar{padding:1rem 5%}.hero-section{padding:8rem 5% 3rem}.hero-content h1{font-size:3.2rem;margin-bottom:1rem}.hero-content p{font-size:1.15rem;margin-bottom:2rem}.get-started-btn{font-size:1rem;padding:1rem 2.5rem}.features-section{padding:4rem 5%}.features-section .feature-card{padding:2rem}.feature-icon{font-size:1.8rem;height:70px;margin-bottom:1rem;width:70px}.feature-card h3{font-size:1.3rem}.feature-card p{font-size:.95rem}}@media (max-width:1280px){.nav-bar{padding:.75rem 5%}.nav-logo .logo-image{height:40px}.hero-section{padding:6.5rem 5% 2rem}.hero-content h1{font-size:2.8rem;margin-bottom:.75rem}.hero-content p{font-size:1.1rem;margin-bottom:1.5rem}.get-started-btn{font-size:.95rem;padding:.9rem 2.2rem}.features-section{padding:3rem 5%}.features-section .feature-card{padding:1.75rem}.feature-icon{font-size:1.6rem;height:65px;margin-bottom:.8rem;width:65px}.feature-card h3{font-size:1.2rem;margin-bottom:.75rem}.feature-card p{font-size:.9rem;line-height:1.5}}@media (max-width:1024px){.nav-bar{padding:.6rem 5%}.nav-logo .logo-image{height:35px}.login-btn,.signup-btn{font-size:.85rem;padding:.6rem 1.2rem}.hero-section{padding:5.5rem 5% 1.5rem}.hero-content h1{font-size:2.4rem;margin-bottom:.5rem}.hero-content p{font-size:1rem;margin-bottom:1.25rem}.get-started-btn{font-size:.9rem;padding:.8rem 2rem}.features-section{padding:2.5rem 5%}.features-grid{gap:1.5rem}.features-section .feature-card{padding:1.5rem}.feature-icon{font-size:1.5rem;height:60px;margin-bottom:.75rem;width:60px}.feature-card h3{font-size:1.1rem;margin-bottom:.6rem}.feature-card p{font-size:.85rem;line-height:1.45}}@media (max-width:480px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.get-started-btn{font-size:1rem;padding:1rem 2rem}.nav-buttons{gap:.5rem}.login-btn,.signup-btn{font-size:.8rem;padding:.6rem 1rem}}.todo-demo-layout{margin-top:1rem;min-height:400px;min-width:800px}.todo-demo-main{background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;display:flex;flex:2 1;flex-direction:column;padding:24px}.todo-demo-sidebar{gap:24px}.todo-demo-section{background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;display:flex;flex-direction:column;padding:20px}.todo-demo-title{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 16px}.todo-demo-items{display:flex;flex:1 1;flex-direction:column}.todo-demo-item{transition:transform .2s ease}.about-modal-overlay{align-items:center;animation:fadeIn .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;will-change:opacity;z-index:2000}.about-modal{animation:slideIn .2s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:800px;overflow-y:auto;padding:3rem;position:relative;transform:translateZ(0);width:90%;will-change:transform,opacity}.about-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1rem;transition:all .3s ease;width:40px}.about-modal-close:hover{background:#ffffff1a;transform:scale(1.1)}.about-content h2{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:3rem;text-align:center}.about-story{margin-bottom:4rem}.about-story p{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin-bottom:1rem;text-align:justify}.about-values{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:2.5rem}.about-values h3{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:1rem;text-align:center}.about-values p{color:#ffffffe6;font-size:1.1rem;line-height:1.7;margin:0;text-align:center}@media (max-width:1440px){.about-modal{max-height:75vh;max-width:640px;padding:1.75rem}.about-content h2{font-size:1.8rem}.about-content h2,.about-story{margin-bottom:1.5rem}.about-story p{font-size:.95rem;line-height:1.45;margin-bottom:.6rem}.about-values{padding:1.5rem}.about-values h3{font-size:1.4rem}.about-values p{font-size:.95rem;line-height:1.55}.about-modal-close{font-size:1.4rem;height:32px;width:32px}}@media (max-width:1280px){.about-modal{max-height:68vh;max-width:540px;padding:1.25rem}.about-content h2{font-size:1.6rem}.about-content h2,.about-story{margin-bottom:1.25rem}.about-story p{font-size:.9rem;line-height:1.4}.about-values{padding:1.25rem}.about-values h3{font-size:1.25rem}.about-values p{font-size:.9rem}.about-modal-close{font-size:1.3rem;height:30px;width:30px}}@media (max-width:1024px){.about-modal{max-height:65vh;max-width:500px;padding:1rem}.about-content h2{font-size:1.5rem}.about-content h2,.about-story{margin-bottom:1rem}.about-story p{font-size:.9rem;line-height:1.35}.about-values{padding:1rem}.about-values h3{font-size:1.2rem}.about-values p{font-size:.9rem}.about-modal-close{font-size:1.2rem;height:28px;width:28px}}.contact-modal-overlay{align-items:center;animation:fadeIn .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;will-change:opacity;z-index:2000}.contact-modal{animation:slideIn .2s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #00000080;max-width:400px;padding:2.5rem;position:relative;transform:translateZ(0);width:90%;will-change:transform,opacity}.contact-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1rem;transition:all .3s ease;width:40px}.contact-modal-close:hover{background:#ffffff1a;transform:scale(1.1)}.contact-content{text-align:center}.contact-content h3{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.contact-content p{color:#ffffffe6;font-size:1.1rem;margin-bottom:1.5rem}.contact-email{border:2px solid #64b5f6;border-radius:8px;color:#64b5f6;display:inline-block;font-size:1.2rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.contact-email:hover{background:#64b5f6;box-shadow:0 4px 12px #64b5f64d;color:#fff;transform:translateY(-2px)}@media (max-width:480px){.nav-bar{padding:.8rem 4%}.nav-logo .logo-image{height:35px}.nav-buttons{gap:.5rem}.login-btn,.signup-btn{font-size:.75rem;padding:.5rem .8rem}.hero-content h1{font-size:2rem}.hero-content p{font-size:.9rem}.demo-content img{height:auto;max-width:100%}.calendar-demo{padding:.5rem}.calendar-grid{gap:1px}.calendar-day{font-size:.7rem;min-height:30px;padding:.2rem}.features-section .feature-card h3{font-size:1.2rem!important}.features-section .feature-card p{font-size:.85rem!important}.interactive-demo .quiz-options{gap:.5rem!important}.interactive-demo .quiz-option{font-size:.8rem!important;padding:.7rem!important}.interactive-demo .quiz-question{font-size:1rem!important;margin-bottom:1rem!important}.interactive-demo .demo-content{padding:1rem .5rem!important}.hero-section .hero-content img{height:auto!important;max-width:60%!important;transform:scale(.7)!important}.hero-section .hero-content h1{font-size:1.5rem!important}.hero-section .hero-content p{font-size:.7rem!important}.interactive-demo .calendar-demo img{height:auto!important;max-width:70%!important;transform:scale(.6)!important}.interactive-demo .calendar-demo{padding:.3rem!important}.interactive-demo .calendar-grid{gap:.5px!important}.interactive-demo .calendar-day{font-size:.5rem!important;min-height:20px!important;padding:.1rem!important}.features-section .feature-card img{height:auto!important;max-width:70%!important;transform:scale(.7)!important}.features-section .feature-card h3{font-size:.9rem!important}.features-section .feature-card p{font-size:.65rem!important}.interactive-demo .quiz-demo img{height:auto!important;max-width:75%!important;transform:scale(.7)!important}.interactive-demo .quiz-options{gap:.3rem!important}.interactive-demo .quiz-option{font-size:.6rem!important;padding:.4rem!important}.interactive-demo .quiz-question{font-size:.8rem!important;margin-bottom:.6rem!important}.lms-integration-section{padding:2rem 4%}.lms-integration-card{flex-direction:column;gap:2rem;padding:2rem 1.5rem;text-align:center}.lms-integration-content h3{font-size:1.8rem;margin-bottom:1rem}.lms-integration-content p{font-size:1rem;line-height:1.5}.lms-integration-image{max-width:80%;width:200px}.ai-flashcards-section{padding:2rem 4%}.ai-flashcards-card{flex-direction:column;gap:2rem;padding:2rem 1.5rem;text-align:center}.ai-flashcards-content h3{font-size:1.8rem;margin-bottom:1rem}.ai-flashcards-content p{font-size:1rem;line-height:1.5}.flashcard-icon{height:90px;width:150px}.flashcard-back,.flashcard-front{font-size:.9rem}.calendar-section{padding:2rem 4%}.calendar-card{max-width:1100px!important;min-height:auto;padding:2rem 1.5rem}.calendar-content h3{font-size:1.8rem;margin-bottom:2rem}.calendar-types{align-items:center;flex-direction:column;gap:1rem}.calendar-type{max-width:200px;min-width:140px;padding:1rem 1.5rem;width:100%}.mini-calendar-demo{margin-top:1.5rem;max-width:1000px!important;padding:1.5rem 1rem;width:80vw!important}.mini-calendar-header h4{font-size:1rem}.mini-weekdays{gap:2px}.mini-weekday{font-size:.7rem}.mini-days-grid{gap:2px}.mini-day{font-size:.7rem;min-height:25px;padding:.2rem}.mini-assignment{border-radius:1px!important;font-size:.5rem!important;line-height:1!important;margin-bottom:.25px!important;margin-top:0!important;padding:.5px 1px!important;position:relative!important;top:-2px!important}.mini-assignments-container{margin-top:0!important;padding-top:0!important}.mini-assignment:not(:first-child),.nav-links a[href="#features"]{display:none!important}.todo-demo-layout{flex-direction:column!important;gap:1rem!important;min-width:auto!important}.todo-demo-main{padding:1rem!important}.todo-demo-sidebar{display:none!important}.todo-demo-title{font-size:.9rem!important;margin-bottom:.75rem!important}.todo-demo-item{font-size:.8rem!important;padding:.5rem!important}.quiz-demo-match-container{height:auto;min-height:300px}.quiz-demo-match-columns{display:flex;flex-direction:column;gap:1.5rem;height:auto;padding-right:0}.quiz-demo-match-column:first-child,.quiz-demo-match-column:last-child{margin:0;position:static;width:100%}.quiz-demo-match-column h5{font-size:1rem;margin-bottom:.75rem}.demo-match-item{font-size:.85rem;height:auto;min-height:60px;padding:.75rem 1rem}.quiz-demo-container{padding:1.5rem 1rem}.quiz-demo-header h4{font-size:1.1rem}.quiz-demo-progress{font-size:.8rem}.quiz-demo-question h3{font-size:1.1rem}.demo-option-btn{font-size:.85rem;padding:.75rem .8rem}.demo-option-letter{font-size:.7rem;height:24px;width:24px}#match-line-canvas,.demo-correct-icon,.demo-incorrect-icon{display:none!important}.quiz-types{align-items:center;flex-direction:column;gap:.75rem}.quiz-type{max-width:180px;min-width:120px;padding:.75rem 1rem;width:100%}.quiz-type span{font-size:.85rem}.ai-quizzes-card{min-height:auto;padding:2rem 1.5rem}.ai-quizzes-content h3{font-size:1.8rem;margin-bottom:1.5rem}.features-grid{gap:1.5rem}.feature-card{padding:1.5rem}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.85rem}.feature-icon{font-size:1.3rem;height:50px;width:50px}.hero-section{padding:8rem 4% 3rem}.hero-content h1{font-size:1.8rem}.hero-content p{font-size:.9rem}.get-started-btn{font-size:.9rem;padding:.8rem 1.5rem}.nav-bar{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#1a1a2ef2!important;left:0!important;padding:.8rem 4%;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:1000!important}.nav-logo .logo-image{height:30px}.nav-buttons{gap:.5rem}.login-btn,.signup-btn{font-size:.75rem;padding:.5rem .8rem}.mini-event-item{max-width:35px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:35px!important}.mini-calendar-demo{box-sizing:border-box!important;margin:0 auto!important;max-width:900px!important;overflow-x:auto!important;padding:.5rem!important;width:85vw!important}.quiz-demo-progress{display:none!important}.mini-calendar-demo .mini-week-view{grid-gap:1px!important;background:#ffffff0f!important;border-radius:8px!important;display:grid!important;gap:1px!important;grid-template-columns:repeat(7,1fr)!important;max-width:100%!important;min-height:400px!important;overflow:hidden!important;padding:2px!important;width:100%!important}.mini-calendar-demo .mini-day-column{background:#ffffff14!important;border-radius:4px!important;display:flex!important;flex-direction:column!important;min-height:80px!important;padding:2px!important;position:relative!important}.mini-calendar-demo .mini-date-box{background:#ffffff1a!important;border-radius:3px!important;margin-bottom:3px!important;padding:1px!important;text-align:center!important}.mini-calendar-demo .mini-day-name{color:#fff!important;font-size:.65rem!important;font-weight:600!important;margin:0!important}.mini-calendar-demo .mini-date{color:#fffc!important;font-size:.55rem!important;margin:0!important}.mini-calendar-demo .mini-events-container{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:6px!important;padding:4px!important}.mini-calendar-demo .mini-event-item{align-items:center!important;background:#64b5f6!important;border-radius:3px!important;box-shadow:0 1px 1px #0003!important;color:#fff!important;display:flex!important;font-size:.4rem!important;font-weight:500!important;justify-content:flex-start!important;line-height:1!important;min-height:14px!important;padding:3px 2px!important;text-align:left!important;word-break:break-word!important}.mini-calendar-demo .mini-event-item:nth-child(6n+1){background:#18273f!important}.mini-calendar-demo .mini-event-item:nth-child(6n+2){background:#243d62!important}.mini-calendar-demo .mini-event-item:nth-child(6n+3){background:#33588e!important}.mini-calendar-demo .mini-event-item:nth-child(6n+4){background:#3d6eb6!important}.mini-calendar-demo .mini-event-item:nth-child(6n+5){background:#4883da!important}.mini-calendar-demo .mini-event-item:nth-child(6n+6){background:#65a3ff!important}.mini-calendar-demo .mini-event-item.dark{background:#0f172a!important}.todo-demo-layout{margin-bottom:16px!important}.mini-calendar-demo{margin-top:16px!important}}.mobile-recommendation-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.mobile-recommendation-modal{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:400px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-recommendation-modal-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:20px 24px 16px}.mobile-recommendation-modal-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.mobile-recommendation-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.mobile-recommendation-modal-close:hover{background:#ffffff1a;color:#fff}.mobile-recommendation-modal-content{color:#fff;line-height:1.6;padding:20px 24px}.mobile-recommendation-modal-content p{font-size:.95rem;margin:0 0 16px}.mobile-recommendation-modal-content p:last-child{margin-bottom:0}.mobile-recommendation-modal-footer{border-top:1px solid #fff3;padding:16px 24px 24px}.mobile-recommendation-dismiss-btn{background:#64b5f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s ease;width:100%}.mobile-recommendation-dismiss-btn:hover{background:#42a5f5;transform:translateY(-1px)}.mobile-recommendation-dismiss-btn:active{transform:translateY(0)}.auth-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.auth-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0000004d;color:#fff;max-width:400px;padding:35px;width:100%}.auth-box h2{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:-.5px;margin:0 0 8px;text-align:center}.auth-subtitle{color:#fffc;font-size:.95rem;margin-bottom:24px;text-align:center}.form-group{margin-bottom:16px}.form-group label{font-size:.95rem!important;margin-bottom:6px;text-shadow:0 1px 2px #0000004d}.auth-box .form-group label,.auth-container .form-group label,.form-group label,body:not(.settings-dark-mode) .auth-box .form-group label,body:not(.settings-dark-mode) .auth-container .form-group label,div.auth-container div.auth-box div.form-group label{color:#fff!important;font-weight:700!important}.form-group input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:15px;padding:10px 14px;transition:all .3s ease;width:100%}.form-group input::placeholder{color:#ffffff80}.form-group input:focus{background:#ffffff1a;border-color:#64b5f6;box-shadow:0 0 0 3px #64b5f61a;outline:none}.forgot-password{margin-bottom:20px;text-align:right}.forgot-password a{color:#64b5f6;font-size:.9rem;text-decoration:none;transition:color .3s ease}.forgot-password a:hover{color:#42a5f5}.auth-button{background:linear-gradient(135deg,#64b5f6,#42a5f5);border:none;border-radius:8px;box-shadow:0 4px 12px #64b5f64d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.auth-button:hover{background:linear-gradient(135deg,#42a5f5,#2196f3);box-shadow:0 6px 20px #64b5f666;transform:translateY(-2px)}.auth-button:disabled{background:#ffffff1a;box-shadow:none;cursor:not-allowed;transform:none}.error-message{background:#dc35451a;border:1px solid #dc354533;border-radius:8px;color:#ff6b6b;font-size:.85rem;margin-bottom:16px;padding:10px}.auth-footer{color:#fffc;font-size:.9rem;margin-top:16px;text-align:center}.auth-footer a{color:#64b5f6;font-weight:500;text-decoration:none;transition:color .3s ease}.auth-footer a:hover{color:#42a5f5}.social-login-divider{align-items:center;display:flex;margin:16px 0}.divider-line{background-color:#fff3;flex:1 1;height:1px}.divider-text{color:#fff9;font-size:14px;font-weight:500;padding:0 10px}.social-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;margin-bottom:8px;padding:10px;transition:all .3s ease;width:100%}.social-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.social-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.social-icon{color:#fff;flex-shrink:0;height:20px;width:20px}.google-button{margin-top:0}.apple-button{display:none;margin-bottom:16px}.auth-back-button{align-items:center;background:#0000;border:none;border-radius:6px;box-shadow:none;color:#64b5f6;cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:600;gap:6px;justify-content:flex-start;left:16px;padding:20px;position:fixed;top:16px;transition:all .2s ease;white-space:nowrap;z-index:1000}.auth-back-button:hover{background:#0000;color:#42a5f5;transform:translateY(-1px)}body{position:relative}iframe[src*="accounts.google.com"]{left:50%!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:9999!important}@media (max-width:1440px){.auth-box{padding:25px 30px}.auth-box h2{font-size:1.6rem;margin-bottom:5px}.auth-subtitle{font-size:.9rem;margin-bottom:18px}.form-group{margin-bottom:12px}.form-group label{font-size:.9rem!important;margin-bottom:4px}.form-group input{font-size:14px;padding:8px 12px}.auth-button{font-size:14px;margin-top:8px;padding:10px}.social-button{font-size:12px;margin-bottom:6px;padding:8px}.social-login-divider{margin:12px 0}.auth-footer{font-size:.85rem;margin-top:12px}.auth-terms-section{font-size:11px!important;margin-top:16px!important}}@media (max-width:1280px){.auth-box{padding:22px 26px}.auth-box h2{font-size:1.5rem;margin-bottom:4px}.auth-subtitle{font-size:.85rem;margin-bottom:16px}.form-group{margin-bottom:10px}.form-group label{font-size:.85rem!important;margin-bottom:3px}.form-group input{font-size:13px;padding:7px 11px}.auth-button{font-size:13px;margin-top:6px;padding:9px}.social-button{font-size:12px;margin-bottom:5px;padding:7px}.social-login-divider{margin:10px 0}.auth-footer{font-size:.8rem;margin-top:10px}.error-message{font-size:.8rem;margin-bottom:12px;padding:8px}.auth-terms-section{font-size:10px!important;margin-top:14px!important}}@media (max-width:1024px){.auth-container{padding:10px}.auth-box{max-width:360px;padding:20px 24px}.auth-box h2{font-size:1.4rem;margin-bottom:3px}.auth-subtitle{font-size:.8rem;margin-bottom:14px}.form-group{margin-bottom:8px}.form-group label{font-size:.8rem!important;margin-bottom:2px}.form-group input{padding:6px 10px}.auth-button,.form-group input{border-radius:5px;font-size:13px}.auth-button{margin-top:5px;padding:8px}.social-button{border-radius:5px;font-size:11px;margin-bottom:4px;padding:6px}.social-icon{height:16px;width:16px}.social-login-divider{margin:8px 0}.divider-text{font-size:11px}.auth-footer{font-size:.75rem;margin-top:8px}.error-message{font-size:.75rem;margin-bottom:10px;padding:6px}.auth-terms-section{font-size:10px!important;line-height:1.3!important;margin-top:12px!important}}.darkMode_darkMode__5q97t{background:var(--dark-background-gradient)!important;color:var(--dark-text-primary);min-height:100vh}:root{--dark-background:#18273f;--dark-background-gradient:#18273f;--dark-container-bg:#ffffff14;--dark-container-border:#ffffff26;--dark-box-shadow:0 8px 24px #00000026;--dark-container-shadow:0 8px 24px #ffffff26;--purple-gradient:linear-gradient(135deg,#667eea,#764ba2);--purple-shadow:0 8px 25px #667eea4d;--purple-hover-shadow:0 12px 35px #667eea66;--button-gradient:linear-gradient(135deg,#64b5f6,#2196f3);--button-shadow:0 4px 15px #64b5f64d;--button-hover-shadow:0 6px 20px #64b5f666;--dark-sidebar-bg:#fff;--dark-sidebar-border:#ffffff26;--dark-sidebar-shadow:2px 0 15px #0000004d;--dark-sidebar-hover:#ffffff1a;--dark-sidebar-active:#ffffff26;--dark-text-primary:#fff;--dark-text-secondary:#fffc;--dark-text-tertiary:#fff9;--dark-text-disabled:#fff6}.dark-mode.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14!important;border:1px solid #ffffff26!important;border:1px solid var(--dark-container-border)!important;box-shadow:2px 0 15px #0000004d;box-shadow:var(--dark-sidebar-shadow)}.dark-mode{background:#18273f!important;background:var(--dark-background-gradient)!important;color:#fff;color:var(--dark-text-primary);min-height:100vh}.main-content.dark-mode{background:#18273f!important}.dark-mode .text-primary{color:#fff;color:var(--dark-text-primary)}.dark-mode .text-secondary{color:#fffc;color:var(--dark-text-secondary)}.dark-mode .text-tertiary{color:#fff9;color:var(--dark-text-tertiary)}.dark-mode .text-disabled{color:#fff6;color:var(--dark-text-disabled)}.dark-mode .container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;background:var(--dark-container-bg);border:1px solid #ffffff26;border:1px solid var(--dark-container-border);border-radius:12px;box-shadow:0 8px 24px #ffffff26;box-shadow:var(--dark-container-shadow)}.dark-mode .gradient-bg{background:#18273f;background:var(--dark-background-gradient)}.primary-button{background:linear-gradient(135deg,#64b5f6,#2196f3);background:var(--button-gradient);border:none;border-radius:8px;box-shadow:0 4px 15px #64b5f64d;box-shadow:var(--button-shadow);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.primary-button:hover{box-shadow:0 6px 20px #64b5f666;box-shadow:var(--button-hover-shadow);transform:translateY(-2px)}.primary-button:active{transform:translateY(0)}.purple-gradient{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--purple-gradient);box-shadow:0 8px 25px #667eea4d;box-shadow:var(--purple-shadow)}.purple-gradient:hover{box-shadow:0 12px 35px #667eea66;box-shadow:var(--purple-hover-shadow)}.dark-mode select option{background-color:#2a2a2a!important;color:#fff!important}.dark-mode select option:hover{background-color:#3a3a3a!important}.dark-mode select option:checked{background-color:#4a4a4a!important}.dark-mode ::-webkit-scrollbar{width:8px}.dark-mode ::-webkit-scrollbar-track{background:#0000}.dark-mode ::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#ffffff80}.dark-mode{scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.dark-mode .assignment-modal::-webkit-scrollbar{width:8px}.dark-mode .assignment-modal::-webkit-scrollbar-track{background:#0000}.dark-mode .assignment-modal::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.dark-mode .assignment-modal::-webkit-scrollbar-thumb:hover{background:#ffffff80}.dark-mode .reminder-modal::-webkit-scrollbar{width:8px}.dark-mode .reminder-modal::-webkit-scrollbar-track{background:#0000}.dark-mode .reminder-modal::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.dark-mode .reminder-modal::-webkit-scrollbar-thumb:hover{background:#ffffff80}.dark-mode .create-task-modal::-webkit-scrollbar{width:8px}.dark-mode .create-task-modal::-webkit-scrollbar-track{background:#0000}.dark-mode .create-task-modal::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.dark-mode .create-task-modal::-webkit-scrollbar-thumb:hover{background:#ffffff80}.main-content:has(.todo-page-wrapper){display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important}.todo-page-wrapper{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:32px 0 0;position:relative;width:100%}@media (max-width:1440px){.todo-page-wrapper{padding:28px 0 0}}@media (max-width:1280px){.todo-page-wrapper{padding:24px 0 0}}@media (max-width:1024px){.todo-page-wrapper{padding:20px 0 0}}@media (max-width:900px){.todo-page-wrapper{padding:16px 0 0}}.todo-main-container{align-items:stretch;box-sizing:border-box;display:flex;flex:1 1;gap:56px;margin:0 auto;overflow:hidden;padding:0 20px 20px;width:100%}.flagged-box,.reminders-box,.todo-box{background:#fff;border:1px solid #ddd;border-radius:20px;box-shadow:0 12px 48px #0000002e;box-sizing:border-box;display:flex;flex-direction:column;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding:56px;scrollbar-color:#0000004d #0000;scrollbar-width:thin}.flagged-box::-webkit-scrollbar,.reminders-box::-webkit-scrollbar,.todo-box::-webkit-scrollbar{width:6px}.flagged-box::-webkit-scrollbar-thumb,.reminders-box::-webkit-scrollbar-thumb,.todo-box::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.flagged-box::-webkit-scrollbar-track,.reminders-box::-webkit-scrollbar-track,.todo-box::-webkit-scrollbar-track{background:#0000}body.dark-mode .flagged-box,body.dark-mode .reminders-box,body.dark-mode .todo-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;scrollbar-color:#ffffff4d #0000}body.dark-mode .flagged-box::-webkit-scrollbar-thumb,body.dark-mode .reminders-box::-webkit-scrollbar-thumb,body.dark-mode .todo-box::-webkit-scrollbar-thumb{background:#ffffff4d}.flagged-box h3,.reminders-box h3,.todo-box h3{align-items:center;display:flex;font-size:32px;font-weight:600;gap:16px;margin:0}.flagged-box h3,.reminders-box h3{margin-bottom:15px}.todo-right-column{display:flex;flex:1 1;flex-direction:column;gap:56px;max-width:calc(50% - 28px);min-height:0;min-width:0}.flagged-box,.reminders-box{flex:1 1}.todo-box{flex:1 1;max-width:calc(50% - 28px)}.flagged-assignment-item,.reminder-item,.todo-assignment-item{border:1px solid #ddd;border-radius:16px;box-shadow:0 4px 16px #0000001f;box-sizing:border-box;cursor:pointer;margin:10px 0;padding:10px}.flagged-assignment-item h3,.todo-assignment-item h3{font-size:16px!important;margin:0 0 5px}.flagged-assignment-item p,.reminder-item p,.todo-assignment-item p{word-wrap:break-word;margin:0;overflow-wrap:break-word}@media (max-width:1440px){.todo-main-container{gap:30px;padding:0 16px 16px}.flagged-box,.reminders-box,.todo-box{border-radius:16px;padding:40px}.flagged-box h3,.reminders-box h3,.todo-box h3{font-size:28px}.todo-right-column{gap:40px}.todo-box,.todo-right-column{max-width:calc(50% - 20px)}.flagged-assignment-item,.reminder-item,.todo-assignment-item{margin:8px 0;padding:8px}}@media (max-width:1280px){.todo-main-container{gap:24px;padding:0 14px 14px}.flagged-box,.reminders-box,.todo-box{border-radius:14px;padding:32px}.flagged-box h3,.reminders-box h3,.todo-box h3{font-size:24px;gap:12px}.flagged-box h3 svg,.reminders-box h3 svg,.todo-box h3 svg{font-size:24px!important}.todo-right-column{gap:32px}.todo-box,.todo-right-column{max-width:calc(50% - 16px)}.flagged-assignment-item p,.reminder-item p,.todo-assignment-item p{font-size:13px!important;line-height:1.3!important}}@media (max-width:1024px){.todo-main-container{gap:20px;padding:0 12px 12px}.flagged-box,.reminders-box,.todo-box{border-radius:12px;padding:24px}.flagged-box h3,.reminders-box h3,.todo-box h3{font-size:20px;gap:10px}.flagged-box h3 svg,.reminders-box h3 svg,.todo-box h3 svg{font-size:20px!important}.todo-right-column{gap:24px}.todo-box,.todo-right-column{max-width:calc(50% - 12px)}.flagged-assignment-item p,.reminder-item p,.todo-assignment-item p{font-size:12px!important}.flagged-assignment-item,.reminder-item,.todo-assignment-item{border-radius:12px;margin:6px 0;padding:6px}}@media (max-width:900px){.todo-main-container{gap:16px;padding:0 10px 10px}.flagged-box,.reminders-box,.todo-box{border-radius:10px;padding:16px}.flagged-box h3,.reminders-box h3,.todo-box h3{font-size:18px;gap:8px;margin-bottom:10px}.flagged-box h3 svg,.reminders-box h3 svg,.todo-box h3 svg{font-size:18px!important}.todo-right-column{gap:16px}.todo-box,.todo-right-column{max-width:calc(50% - 8px)}.flagged-assignment-item p{-webkit-line-clamp:1!important;line-clamp:1!important}.reminder-item p{-webkit-line-clamp:3!important;line-clamp:3!important}}.todo-plus-button{border-radius:50%;font-size:20px;height:56px;width:56px}@media (max-width:1440px){.todo-plus-button{font-size:18px;height:48px;width:48px}}@media (max-width:1280px){.todo-plus-button{font-size:16px;height:44px;width:44px}}@media (max-width:1024px){.todo-plus-button{font-size:14px;height:40px;width:40px}}.todo-date-header-container{box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;margin-bottom:48px;padding:0 20px;width:100%}.todo-date-header{background:#fff;border-radius:20px;box-shadow:0 1px 10px #eee;max-width:900px;padding:40px 0;text-align:center;width:100%}body.dark-mode .todo-date-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26}@media (max-width:1440px){.todo-date-header-container{margin-bottom:40px}.todo-date-header{max-width:600px;padding:24px 0}}@media (max-width:1280px){.todo-date-header-container{margin-bottom:32px}.todo-date-header{max-width:500px;padding:20px 0}}@media (max-width:1024px){.todo-date-header-container{margin-bottom:24px}.todo-date-header{border-radius:16px;max-width:450px;padding:16px 0}}@media (max-width:900px){.todo-date-header-container{margin-bottom:20px}.todo-date-header{max-width:400px;padding:14px 0}}.todo-dropdown-menu{min-width:200px;right:0;top:70px}@media (max-width:1280px){.todo-dropdown-menu{min-width:180px;top:60px}.todo-dropdown-menu button{font-size:14px!important;padding:10px 16px!important}}@media (max-width:1024px){.todo-dropdown-menu{min-width:160px;top:50px}.todo-dropdown-menu button{font-size:13px!important;padding:8px 12px!important}}.assignment-modal{max-width:500px}@media (max-width:1440px){.assignment-modal{max-width:450px;padding:24px}.assignment-modal h2{font-size:20px!important;margin-bottom:20px!important}.assignment-modal label{font-size:13px!important;margin-bottom:6px!important}.assignment-modal input,.assignment-modal select,.assignment-modal textarea{font-size:14px!important;padding:10px 14px!important}.assignment-modal textarea{min-height:80px!important}.assignment-modal>div{margin-bottom:16px!important}.assignment-modal button{font-size:14px!important;padding:10px 20px!important}}@media (max-width:1280px){.assignment-modal{max-height:75vh;max-width:400px;padding:20px}.assignment-modal h2{font-size:18px!important;margin-bottom:16px!important}.assignment-modal label{font-size:12px!important;margin-bottom:4px!important}.assignment-modal input,.assignment-modal select,.assignment-modal textarea{font-size:13px!important;padding:8px 12px!important}.assignment-modal textarea{min-height:60px!important}.assignment-modal>div{margin-bottom:12px!important}.assignment-modal button{font-size:13px!important;padding:8px 16px!important}}@media (max-width:1024px){.assignment-modal{max-height:70vh;max-width:350px;padding:16px}.assignment-modal h2{font-size:16px!important;margin-bottom:12px!important}.assignment-modal button{font-size:12px!important;padding:6px 12px!important}}.reminder-modal{max-width:500px;padding:32px;width:90%}@media (max-width:1440px){.reminder-modal{max-width:450px;padding:24px}.reminder-modal h2{font-size:20px!important;margin-bottom:20px!important}.reminder-modal label{font-size:13px!important;margin-bottom:6px!important}.reminder-modal input,.reminder-modal select,.reminder-modal textarea{font-size:14px!important;padding:10px 14px!important}.reminder-modal textarea{min-height:80px!important}.reminder-modal>div{margin-bottom:16px!important}.reminder-modal button{font-size:14px!important;padding:10px 20px!important}}@media (max-width:1280px){.reminder-modal{max-height:75vh;max-width:400px;padding:20px}.reminder-modal h2{font-size:18px!important;margin-bottom:16px!important}.reminder-modal label{font-size:12px!important;margin-bottom:4px!important}.reminder-modal input,.reminder-modal select,.reminder-modal textarea{font-size:13px!important;padding:8px 12px!important}.reminder-modal textarea{min-height:60px!important}.reminder-modal>div{margin-bottom:12px!important}.reminder-modal button{font-size:13px!important;padding:8px 16px!important}}@media (max-width:1024px){.reminder-modal{max-height:70vh;max-width:350px;padding:16px}.reminder-modal h2{font-size:16px!important;margin-bottom:12px!important}.reminder-modal button{font-size:12px!important;padding:6px 12px!important}}.create-reminder-modal{max-width:500px;padding:32px;width:90%}@media (max-width:1440px){.create-reminder-modal{max-width:450px;padding:24px}.create-reminder-modal h2{font-size:20px!important;margin-bottom:20px!important}.create-reminder-modal label{font-size:13px!important;margin-bottom:6px!important}.create-reminder-modal input,.create-reminder-modal select,.create-reminder-modal textarea{font-size:14px!important;padding:10px 14px!important}.create-reminder-modal textarea{min-height:80px!important}.create-reminder-modal>div{margin-bottom:16px!important}.create-reminder-modal button{font-size:14px!important;padding:10px 20px!important}}@media (max-width:1280px){.create-reminder-modal{max-height:75vh;max-width:400px;padding:20px}.create-reminder-modal h2{font-size:18px!important;margin-bottom:16px!important}.create-reminder-modal label{font-size:12px!important;margin-bottom:4px!important}.create-reminder-modal input,.create-reminder-modal select,.create-reminder-modal textarea{font-size:13px!important;padding:8px 12px!important}.create-reminder-modal textarea{min-height:60px!important}.create-reminder-modal>div{margin-bottom:12px!important}.create-reminder-modal button{font-size:13px!important;padding:8px 16px!important}}@media (max-width:1024px){.create-reminder-modal{max-height:70vh;max-width:350px;padding:16px}.create-reminder-modal h2{font-size:16px!important;margin-bottom:12px!important}.create-reminder-modal button{font-size:12px!important;padding:6px 12px!important}}.edit-reminder-modal{max-width:500px;padding:32px;width:90%}@media (max-width:1440px){.edit-reminder-modal{max-width:450px;padding:24px}.edit-reminder-modal h2{font-size:20px!important;margin-bottom:20px!important}.edit-reminder-modal label{font-size:13px!important;margin-bottom:6px!important}.edit-reminder-modal input,.edit-reminder-modal select,.edit-reminder-modal textarea{font-size:14px!important;padding:10px 14px!important}.edit-reminder-modal textarea{min-height:80px!important}.edit-reminder-modal>div{margin-bottom:16px!important}.edit-reminder-modal button{font-size:14px!important;padding:10px 20px!important}}@media (max-width:1280px){.edit-reminder-modal{max-height:75vh;max-width:400px;padding:20px}.edit-reminder-modal h2{font-size:18px!important;margin-bottom:16px!important}.edit-reminder-modal label{font-size:12px!important;margin-bottom:4px!important}.edit-reminder-modal input,.edit-reminder-modal select,.edit-reminder-modal textarea{font-size:13px!important;padding:8px 12px!important}.edit-reminder-modal textarea{min-height:60px!important}.edit-reminder-modal>div{margin-bottom:12px!important}.edit-reminder-modal button{font-size:13px!important;padding:8px 16px!important}}@media (max-width:1024px){.edit-reminder-modal{max-height:70vh;max-width:350px;padding:16px}.edit-reminder-modal h2{font-size:16px!important;margin-bottom:12px!important}.edit-reminder-modal button{font-size:12px!important;padding:6px 12px!important}}body.dark-mode .reminder-modal button{color:#fff}body.dark-mode .reminder-modal .close-button,body.dark-mode .reminder-modal .dropdown-arrow{color:#fff!important}body.dark-mode .reminder-modal svg{fill:#fff!important;color:#fff!important}body.dark-mode .reminder-modal [style*="fontSize: '14px'"],body.dark-mode .reminder-modal [style*="fontSize: '20px'"],body.dark-mode .reminder-modal span{color:#fff!important}.sidebar{background:#fff;border-right:1px solid #eee;box-shadow:2px 0 15px #00000026;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease;width:250px}@media (max-width:1400px){.sidebar:not(.collapsed){width:180px}}@media (max-width:1100px){.sidebar:not(.collapsed){width:150px}}@media (max-width:900px){.sidebar:not(.collapsed){width:130px}}@media (max-width:700px){.sidebar:not(.collapsed){width:110px}}.sidebar.sidebar-dark{background-color:red!important;border:5px solid #ff0!important}.sidebar.collapsed{width:60px}.sidebar.collapsed .logo-container{justify-content:flex-start;padding:20px 5px}.logo-collapsed{-webkit-clip-path:polygon(0 0,40% 0,40% 100%,0 100%);clip-path:polygon(0 0,40% 0,40% 100%,0 100%);transform:scale(1.1);transform-origin:left center}.sidebar-content{flex:1 1;overflow-y:auto;padding:60px 0 20px}.sidebar-item{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:15px;padding:16px 20px;text-align:left;transition:all .2s;width:100%}.sidebar-item:hover{background:#f5f5f5;color:#333}.sidebar.dark-mode .sidebar-item{color:var(--dark-text-primary)}.sidebar.dark-mode .sidebar-item:hover{background:var(--dark-sidebar-hover);color:var(--dark-text-primary)}.sidebar-item.active{background:#a9cce3;border-radius:8px;color:#007aff;margin:0 12px;width:calc(100% - 24px)}.sidebar.dark-mode .sidebar-item.active{background:var(--dark-sidebar-active);color:var(--dark-text-primary)}.sidebar-item.active svg{color:#007aff}.sidebar.dark-mode .sidebar-item.active svg{color:var(--dark-text-primary)}.sidebar-item svg{font-size:18px;margin-right:12px}.study-section{margin:0}.study-header{font-size:inherit;padding:16px 20px}.study-submenu{padding-left:20px}.study-submenu .sidebar-item{font-size:inherit;padding:16px 20px}.collapse-button{align-items:center;background:#fff;border:1px solid #eee;border-radius:50%;color:#666;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:-12px;top:20px;transition:all .2s;width:24px}.collapse-button:hover{background:#f5f5f5;color:#333}.sidebar.dark-mode .collapse-button{background:#ffffff26;border-color:#fff3;color:#fff;color:var(--dark-text-primary,#fff)}.sidebar.dark-mode .collapse-button:hover{background:#fff3;color:#fff;color:var(--dark-text-primary,#fff)}.sidebar-profile{border-top:1px solid #eee;display:flex;justify-content:center;margin-top:auto;padding:20px 0}.sidebar-profile-image{border-radius:24px;height:48px;object-fit:cover;width:48px}.sidebar-profile-initials{align-items:center;background:#e0e0e0;border-radius:24px;color:#666;display:flex;font-size:16px;font-weight:600;height:48px;justify-content:center;width:48px}.sidebar.collapsed .sidebar-item span{display:none}.sidebar.collapsed .sidebar-item{justify-content:center;padding:16px 0}.sidebar.collapsed .sidebar-item svg{font-size:20px;margin-right:0}.sidebar.collapsed .study-submenu{display:none;padding-left:0}.sidebar.collapsed .study-submenu .sidebar-item{padding:16px 0}.dropdown-arrow{display:none}.sidebar:not(.collapsed) .dropdown-arrow{display:inline-block}.sidebar.collapsed .dropdown-arrow,.sidebar.collapsed .study-header .dropdown-arrow{display:none!important}.sidebar:not(.collapsed) .study-header .dropdown-arrow{display:inline-block}.sidebar.collapsed .study-header svg:last-child{display:none!important}@media (max-width:480px){.sidebar.mobile{box-shadow:2px 0 20px #0000004d;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:220px!important;z-index:1000}.sidebar.mobile.mobile-open{transform:translateX(0);z-index:1001}.mobile-sidebar-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.sidebar.mobile .logo-container{justify-content:center;padding:20px}.sidebar.mobile .sidebar-content{padding:30px 0 15px}.sidebar.mobile .sidebar-item{font-size:14px;padding:12px 16px}.sidebar.mobile .sidebar-item span,.sidebar.mobile .study-header{font-size:14px}.sidebar.mobile .study-submenu .sidebar-item{font-size:13px;padding:12px 16px}.sidebar.mobile .sidebar-profile{padding:20px 0}.sidebar.mobile .sidebar-profile-image,.sidebar.mobile .sidebar-profile-initials{border-radius:20px;font-size:14px;height:40px;width:40px}}.month-calendar{background-color:#fff;border-radius:20px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100%;margin:10px;max-height:none;min-height:500px;min-width:0!important;padding:10px;width:100%}body.dark-mode .month-calendar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--dark-background-gradient)!important;border:1px solid #ffffff26}.view-toggle{margin:20px 0}.calendar-header{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:10px}.calendar-header h2{color:#2c2c2c;font-size:1.4rem;font-weight:600;letter-spacing:.3px;margin:0}body.dark-mode .calendar-header h2{color:#fff!important}.nav-button{color:#4a4a4a;font-size:20px;padding:4px}.nav-button:hover{color:#2c2c2c}.week-view{grid-gap:0!important;box-sizing:border-box!important;display:grid!important;gap:0!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;margin:0!important;overflow-x:hidden!important;padding:0!important;width:100%!important}.calendar-container,.month-calendar,.week-view,.week-view *,.week-view .day-column{box-sizing:border-box!important;min-width:0!important}.week-view .day-column{display:flex!important;flex-direction:column!important;overflow:visible!important;width:100%!important}.week-view .date-box{background-color:#e0e0e0!important;border-bottom:1px solid #d0d0d0!important;border-radius:8px!important;box-sizing:border-box!important;display:block!important;flex-shrink:0!important;margin:5px!important;min-width:0!important;overflow:hidden!important;padding:8px 4px!important;text-align:center!important;width:auto!important}body.dark-mode .week-view .date-box{background-color:#ffffff14!important;border-bottom:1px solid #ffffff14!important}.week-view .events-container{box-sizing:border-box!important;min-width:0!important;overflow:hidden!important;width:100%!important}.week-view .assignment-course,.week-view .assignment-description,.week-view .assignment-title,.week-view .date,.week-view .day-name{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}@media (max-width:1400px){.week-view .date-box{margin:3px!important;padding:6px!important}.week-view .day-name{font-size:12px!important}.week-view .date{font-size:11px!important}.week-view .assignment-item,.week-view .event-item{font-size:8px!important;margin:2px!important;padding:4px!important}.week-view .assignment-title{font-size:9px!important}.week-view .assignment-course,.week-view .assignment-description{font-size:8px!important}}body.dark-mode .week-view{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14!important;border:1px solid #ffffff26}@media (max-width:1400px){.week-view{max-width:none;padding:10px;width:100%}.week-view .date-box{margin:4px;padding:6px}.week-view .day-name{font-size:13px}.week-view .date{font-size:12px}}body.dark-mode .day-column{background:#ffffff14!important;border-right:1px solid #ffffff26}.floating-action-button{background-color:#f8f9fa;color:#495057;z-index:100}.floating-action-button:hover{background-color:#e9ecef}.calendar-container{border:1px solid #d0d0d0;border-radius:10px;box-sizing:border-box;min-width:0!important;width:100%}.weekday-row{background-color:#e0e0e0;border-bottom:1px solid #d0d0d0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:0}body.dark-mode .weekday-row{background:#ffffff14!important;border-bottom:1px solid #ffffff14}.weekday-header{align-items:center;color:#4a4a4a;display:flex;font-size:15px;font-weight:500;height:28px;justify-content:center;letter-spacing:.3px;overflow:hidden;padding:2px 4px;text-align:center;text-overflow:ellipsis;white-space:nowrap}body.dark-mode .weekday-header{color:#fff!important}.days-grid{display:grid;flex:1 1;grid-auto-rows:1fr!important;grid-template-columns:repeat(7,minmax(0,1fr));min-width:0}body.dark-mode .days-grid{background:#ffffff14!important}.calendar-day{background-color:#fff;border:1px solid #d0d0d0;display:flex;flex-direction:column;height:100%!important;min-height:170px;min-height:0!important;min-width:0;padding:4px;position:relative;text-align:left;width:100%}@media (max-width:1440px){.calendar-day{min-height:140px;padding:3px}}@media (max-width:1280px){.calendar-day{min-height:120px}}@media (max-width:1024px){.calendar-day{min-height:100px;padding:2px}}body.dark-mode .calendar-day{border:none;border-bottom:1px solid #ffffff14}.calendar-day>span{color:#2c2c2c;font-size:13px;font-weight:500;letter-spacing:.2px;margin-bottom:2px}@media (max-width:1440px){.calendar-day>span{font-size:12px;margin-bottom:1px}}@media (max-width:1280px){.calendar-day>span{font-size:11px}}body.dark-mode .calendar-day>span{color:#fff!important}.calendar-day.empty{background-color:#f9f9f9}.calendar-day:hover{background-color:#f5f5f5}body.dark-mode .calendar-day.empty{background:#ffffff0d!important}body.dark-mode .calendar-day:hover{background:#ffffff1f!important}.assignments-container{display:flex;flex-direction:column;gap:2px;margin-right:6px;margin-top:4px;max-height:160px;overflow-x:hidden;overflow-y:auto;padding:0 4px}@media (max-width:1440px){.assignments-container{gap:.5px;margin-right:4px;margin-top:2px;max-height:140px;padding:0 3px}}@media (max-width:1280px){.assignments-container{gap:0;margin-top:1px;max-height:120px;padding:0 2px}}@media (max-width:1024px){.assignments-container{max-height:100px}}.assignment-item{border-radius:4px;cursor:pointer;display:flex;flex-direction:column;font-size:11px;gap:2px;margin:1px 0;min-height:24px;overflow:hidden;padding:4px 6px;transition:all .2s ease}@media (max-width:1440px){.assignment-item{font-size:10px;gap:1px;margin:.5px 0;min-height:18px;padding:2px 5px}}@media (max-width:1280px){.assignment-item{font-size:9px;gap:0;min-height:16px;padding:1px 4px}}@media (max-width:1024px){.assignment-item{font-size:8px;min-height:14px;padding:1px 3px}}.assignment-item:hover{box-shadow:0 2px 4px #0000001a;transform:scale(1.02)}.assignment-title{font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1440px){.assignment-title{font-size:10px;line-height:1.1}}@media (max-width:1280px){.assignment-title{font-size:9px;line-height:1}}@media (max-width:1024px){.assignment-title{font-size:8px}}.school-assignment .assignment-title{font-weight:600}.assignments-container::-webkit-scrollbar{width:3px}.assignments-container::-webkit-scrollbar-track{background:#0000}.assignments-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.assignments-container::-webkit-scrollbar-thumb:hover{background:#999}.assignment-modal-description::-webkit-scrollbar{width:6px}.assignment-modal-description::-webkit-scrollbar-track{background:#0000}.assignment-modal-description::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.assignment-modal-description::-webkit-scrollbar-thumb:hover{background:#00000080}body.dark-mode .assignment-modal-description::-webkit-scrollbar-thumb{background:#ffffff4d}body.dark-mode .assignment-modal-description::-webkit-scrollbar-thumb:hover{background:#ffffff80}.assignment-modal{max-width:600px;padding:32px;width:90%}@media (max-width:1440px){.assignment-modal{max-width:500px;padding:24px}.assignment-modal h2{font-size:20px!important;margin-bottom:20px!important}.assignment-modal h3{font-size:16px!important;margin-bottom:10px!important}.assignment-modal p{font-size:14px!important;line-height:1.5!important}.assignment-modal .description-box{margin-bottom:12px!important;max-height:250px!important;min-height:100px!important;padding:16px!important}.assignment-modal .actions-box,.assignment-modal .date-box{margin-bottom:12px!important;padding:14px!important}.assignment-modal button{font-size:13px!important;padding:8px 14px!important}}@media (max-width:1280px){.assignment-modal{max-height:75vh;max-width:450px;padding:20px}.assignment-modal h2{font-size:18px!important;margin-bottom:16px!important}.assignment-modal h3{font-size:15px!important;margin-bottom:8px!important}.assignment-modal p{font-size:13px!important}.assignment-modal .description-box{max-height:200px!important;min-height:80px!important;padding:14px!important}.assignment-modal button{font-size:12px!important;padding:6px 12px!important}}@media (max-width:1024px){.assignment-modal{max-height:70vh;max-width:400px;padding:16px}.assignment-modal h2{font-size:16px!important;margin-bottom:12px!important}.assignment-modal .description-box{max-height:150px!important;padding:12px!important}}.assignment-modal .close-button{font-size:14px;height:32px;width:32px}@media (max-width:1440px){.assignment-modal .close-button{font-size:16px!important;height:36px!important;width:36px!important}}@media (max-width:1280px){.assignment-modal .close-button{font-size:18px!important;height:40px!important;width:40px!important}}@media (max-width:1024px){.assignment-modal .close-button{font-size:20px!important;height:44px!important;width:44px!important}}.edit-task-modal{max-width:500px;padding:32px;width:90%}@media (max-width:1440px){.edit-task-modal{max-width:450px;padding:24px}.edit-task-modal h2{font-size:20px!important;margin-bottom:20px!important}.edit-task-modal label{font-size:13px!important;margin-bottom:6px!important}.edit-task-modal input,.edit-task-modal select,.edit-task-modal textarea{font-size:14px!important;padding:10px 14px!important}.edit-task-modal textarea{min-height:80px!important}.edit-task-modal>div{margin-bottom:16px!important}.edit-task-modal button{font-size:14px!important;padding:10px 20px!important}}@media (max-width:1280px){.edit-task-modal{max-height:75vh;max-width:400px;padding:20px}.edit-task-modal h2{font-size:18px!important;margin-bottom:16px!important}.edit-task-modal label{font-size:12px!important;margin-bottom:4px!important}.edit-task-modal input,.edit-task-modal select,.edit-task-modal textarea{font-size:13px!important;padding:8px 12px!important}.edit-task-modal textarea{min-height:60px!important}.edit-task-modal>div{margin-bottom:12px!important}.edit-task-modal button{font-size:13px!important;padding:8px 16px!important}}@media (max-width:1024px){.edit-task-modal{max-height:70vh;max-width:350px;padding:16px}.edit-task-modal h2{font-size:16px!important;margin-bottom:12px!important}.edit-task-modal button{font-size:12px!important;padding:6px 12px!important}}.create-task-modal{max-width:500px;padding:32px;width:90%}@media (max-width:1440px){.create-task-modal{max-width:450px;padding:24px}.create-task-modal h2{font-size:20px!important;margin-bottom:20px!important}.create-task-modal label{font-size:13px!important;margin-bottom:6px!important}.create-task-modal input,.create-task-modal select,.create-task-modal textarea{font-size:14px!important;padding:10px 14px!important}.create-task-modal textarea{min-height:80px!important}.create-task-modal>div{margin-bottom:16px!important}.create-task-modal button{font-size:14px!important;padding:10px 20px!important}}@media (max-width:1280px){.create-task-modal{max-height:75vh;max-width:400px;padding:20px}.create-task-modal h2{font-size:18px!important;margin-bottom:16px!important}.create-task-modal label{font-size:12px!important;margin-bottom:4px!important}.create-task-modal input,.create-task-modal select,.create-task-modal textarea{font-size:13px!important;padding:8px 12px!important}.create-task-modal textarea{min-height:60px!important}.create-task-modal>div{margin-bottom:12px!important}.create-task-modal button{font-size:13px!important;padding:8px 16px!important}}@media (max-width:1024px){.create-task-modal{max-height:70vh;max-width:350px;padding:16px}.create-task-modal h2{font-size:16px!important;margin-bottom:12px!important}.create-task-modal button{font-size:12px!important;padding:6px 12px!important}}.assignment-platform{background-color:#0000001a;border-radius:3px;font-size:9px;padding:1px 4px}.assignment-course{font-size:9px}.assignment-course,.assignment-description{opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment-description{font-size:10px;margin-top:2px}@media (max-width:1440px){.assignment-course{font-size:8px}.assignment-description{font-size:9px;margin-top:1px}}@media (max-width:1280px){.assignment-course{font-size:7px}.assignment-description{font-size:8px}}body.dark-mode .days-grid{background:#0000!important;border-spacing:0!important;gap:0!important}body.dark-mode .calendar-day{background:#ffffff14!important;border-right:1px solid #ffffff14!important;box-sizing:border-box!important;width:100%!important}body.dark-mode .calendar-day:nth-child(7n){border-right:none!important}body.dark-mode .days-grid{grid-auto-rows:1fr!important}body.dark-mode .calendar-day{height:100%!important;min-height:0!important}#root,body,html{height:100%;min-height:100vh}.app-main-container,.calendar-container,.days-grid,.month-calendar{height:100%;min-height:0}.days-grid{align-content:stretch;grid-auto-rows:1fr}.month-calendar{position:relative}.calendar-header{gap:10px;left:12px}.calendar-header,.view-toggle{margin:0;position:absolute;top:4px}.view-toggle{right:12px}.calendar-container{margin-top:64px}.week-view{margin-top:80px!important}.dark-mode-select,.dark-mode-select:focus{background-color:#ffffff14!important;color:#fff!important}.dark-mode-select option{background-color:#2a2a2a!important;color:#fff!important}.dark-mode-select option:hover{background-color:#3a3a3a!important}.dark-mode-select option:checked{background-color:#4a4a4a!important}.dark-mode-select:active,body.dark-mode select{background-color:#ffffff14!important;color:#fff!important}body.dark-mode select option{background-color:#2a2a2a!important;color:#fff!important}body.dark-mode select:focus{background-color:#ffffff14!important;color:#fff!important}.schedule-container{background-color:#fff;border-radius:20px;box-shadow:0 2px 4px #0000001a;height:calc(100vh - 140px);margin:20px;overflow:visible;padding:15px;position:relative}.schedule-header{border-bottom:1px solid #ccc;margin-bottom:20px;padding-bottom:16px}.nav-button{color:#666;font-size:24px;padding:8px}.nav-button:hover{color:#333}.week-range{color:#333;font-size:16px;font-weight:500}.week-view{border:1px solid #ededed;border-radius:10px;height:calc(100% - 80px);overflow:hidden;padding:15px}.day-column,.week-view{background-color:#fff;display:flex}.day-column{border-right:1px solid #d0d0d0;flex:1 1;flex-direction:column;min-width:0}.day-column:first-child{border-left:none}.day-column:last-child{border-right:none}.date-box{background-color:#e0e0e0;border-bottom:1px solid #d0d0d0;border-radius:10px;margin:5px;padding:10px;text-align:center}.events-container{flex:1 1;overflow-y:auto;padding:5px}.event-item{background-color:#f0f0f0;border-radius:5px;font-size:9px;font-weight:500;margin:2px;padding:6px}.search-bar{flex:1 1;max-width:400px}.search-bar input{margin-left:8px}.view-selector{display:flex;gap:10px}.view-button{background:#fff;border:none;transition:all .2s}.view-button.active{background:#007aff}.calendar-container{flex:1 1;min-height:0;overflow:hidden}.calendar-content{height:100%;overflow:visible;position:relative}.day-view-container{height:100%;margin:10px}.header-container{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.header-text{color:#000;font-size:22px;font-weight:500;line-height:19px;margin:0 5px}.date-component-container{align-items:center;display:flex;justify-content:center}.current-date-text{color:#fff;font-size:14px;font-weight:500;line-height:19px}.default-date-text{color:#000}.floating-action-button{align-items:center;background-color:#448aff;border:none;border-radius:50%;bottom:40px;box-shadow:0 4px 28.6px #00000059;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:40px;transition:all .2s ease;width:56px;z-index:99999}.floating-action-button:hover{background-color:#2979ff;transform:scale(1.05)}.floating-action-button:active{transform:scale(.95)}.schedule-header{justify-content:space-between;padding:20px 0}.header-left,.schedule-header{align-items:center;display:flex}.header-left{gap:20px}.month-text{color:#000;cursor:pointer;font-size:24px;font-weight:500;margin:0}.month-text:hover{color:#007aff}.nav-buttons{display:flex;gap:10px}.nav-button{color:#007aff;padding:5px}.nav-button:hover{color:#0056b3}.header-right{align-items:center;display:flex;gap:20px}.search-container{align-items:center;display:flex;position:relative}.search-icon{left:10px}.search-input{border:1px solid #e0e0e0;border-radius:20px;font-size:14px;padding:8px 8px 8px 35px;width:200px}.search-input:focus{border-color:#007aff;outline:none}.view-buttons{display:flex;gap:10px}.view-button{background:none;border:1px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;font-size:14px;padding:8px 16px}.view-button:hover{background-color:#f5f5f5}.view-button.active{background-color:#007aff;border-color:#007aff;color:#fff}.month-view{background:#fff;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:100%;padding:15px;position:relative}.days-header{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.day-header{color:#666;font-size:13px;font-weight:500;padding:4px;text-align:center}.day-header.weekend{color:#666}.dates-grid{grid-gap:4px;display:grid;flex:1 1;gap:4px;grid-template-columns:repeat(7,1fr);min-height:0}.date-cell{align-items:flex-start;aspect-ratio:1;border-radius:6px;cursor:pointer;font-size:13px;min-height:0;padding-top:3px;transition:background-color .2s}.date-cell,.date-number{display:flex;justify-content:center}.date-number{align-items:center;border-radius:12px;height:24px;width:24px}.date-cell.weekend .date-number{background-color:#d3d3d3}.date-cell.today .date-number{background-color:#007aff;color:#fff}.date-cell.has-date:hover .date-number{background-color:#f0f0f0}.date-cell.empty{background-color:initial;cursor:default}.date-cell.today:hover .date-number{background-color:#0056b3}.day-calendar{background:#fff;border-radius:20px;box-shadow:0 2px 4px #0000001a;height:100%;overflow-y:auto;padding:20px}.time-grid{display:flex;height:100%}.time-labels{padding-right:10px;width:80px}.time-label{height:60px}.time-slots{flex:1 1;position:relative}.time-slot{height:60px}.week-calendar{background:#fff;border-radius:20px;box-shadow:0 2px 4px #0000001a;height:100%;overflow-y:auto;padding:20px}.week-header{grid-gap:10px;border-bottom:1px solid #d0d0d0;display:grid;gap:10px;grid-template-columns:repeat(7,1fr);margin-bottom:10px;padding-bottom:10px}.day-column{text-align:center}.day-name{color:#4a4a4a;font-size:15px;font-weight:500;margin-bottom:4px}.date{color:#4a4a4a;font-size:13px}.week-grid{display:flex;flex-direction:column}.time-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:80px repeat(7,1fr);height:60px;position:relative}.time-label{align-items:center;color:#666;display:flex;font-size:12px;justify-content:flex-end;padding-right:10px}.time-slot{border-right:1px solid #e0e0e0;position:relative}.time-line{border-top:1px solid #e0e0e0;left:0;position:absolute;right:0;top:50%}.platform-integration-container{align-items:center;background-color:initial;display:flex;flex-direction:column;font-family:Inter,sans-serif;max-width:none;min-height:100vh;padding:0;position:relative;width:100%}.platform-integration-container.dark-theme,.platform-integration-container.light-theme{background:#0000}.platform-integration-container.onboarding-mode .platform-header{margin-bottom:12px;padding:16px 24px 0}.platform-integration-container.onboarding-mode .platform-description{margin:8px auto}.platform-integration-container.onboarding-mode .platform-subtitle{margin:4px 32px 16px}.platform-header{align-items:center;display:flex;margin-bottom:16px;padding:24px 0 0;position:relative;width:100%}.platform-header:first-child{justify-content:flex-start;margin-bottom:8px;padding:0}.platform-header:first-child h1{color:#333;font-size:24px;font-weight:600;margin:0}.platform-integration-container.dark-theme .platform-header:first-child h1,body.dark-mode .platform-header:first-child h1{color:#fff!important}.platform-integration-container.light-theme .platform-header:first-child h1{color:#333!important}.back-button{background:#fff;border:1px solid #e5e5e5;border-radius:10px;height:36px;width:36px}.platform-header h1{color:#222;font-family:Inter,sans-serif;font-size:28px;font-weight:700;text-align:center;text-decoration:underline;text-underline-offset:8px;width:100%}.platform-integration-container.dark-theme .platform-header h1{color:#fff}.platform-integration-container.light-theme .platform-header h1{color:#1a1a1a}.platform-description{color:#666;font-family:Inter,sans-serif;font-size:clamp(14px,2.5vw,18px);line-height:1.5;margin:16px auto;max-width:calc(100vw - 48px);overflow:visible;padding:0 24px;text-align:center;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.platform-integration-container.dark-theme .platform-description{color:#fff}.platform-integration-container.light-theme .platform-description{color:#444}.platform-subtitle{color:#666;font-family:Inter,sans-serif;font-size:clamp(14px,2.5vw,18px);line-height:1.5;margin:8px 32px 6px;padding:0 24px;text-align:center}.platform-integration-container.dark-theme .platform-subtitle{color:#fff}.platform-integration-container.light-theme .platform-subtitle{color:#444}.skip-section{margin:12px 0;text-align:center}.skip-section p{color:#666;margin-bottom:12px}.skip-button,.skip-section p{font-family:Inter,sans-serif;font-size:18px}.skip-button{background:none;border:none;color:#5f5dc4;cursor:pointer;font-weight:500}.platforms-grid{grid-gap:24px!important;align-items:stretch!important;display:grid!important;gap:24px!important;grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(2,1fr)!important;height:90vh!important;justify-content:center!important;margin:0 auto!important;max-width:min(90vw,800px)!important;padding:32px!important;width:100%!important}.platform-card,.platforms-grid{box-sizing:border-box!important}.platform-card{align-items:center!important;border-radius:clamp(10px,1.5vw,16px)!important;box-shadow:0 4px 8px #0000001a!important;display:flex!important;flex-direction:column!important;height:100%!important;margin:0!important;overflow:hidden!important;padding:clamp(12px,2.5vw,24px)!important;position:relative!important;transition:transform .2s ease!important}.platform-card:hover{transform:translateY(-5px)}.platform-logo{background:#0000;border:none;box-shadow:none;height:100px;margin-bottom:8px;object-fit:contain;outline:none;position:absolute;top:12px;width:100px}.platform-content{background:#0000;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-top:clamp(50px,12vmin,120px);min-height:0;padding:0 clamp(2px,1vw,8px);text-align:center;width:100%}.platform-content h3{color:#333;font-family:Inter,sans-serif;font-size:clamp(.8rem,2vmin,1.2rem);line-height:1.2;margin:0 0 clamp(4px,1vmin,8px)}.platform-content p{color:#666;font-family:Inter,sans-serif;font-size:clamp(.7rem,1.5vmin,.9rem);line-height:1.3;margin:0 0 clamp(6px,1.5vmin,12px)}.connect-button{align-items:center;background-color:#000;border:none;border-radius:18px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:clamp(.6rem,1.8vmin,.9rem);gap:4px;justify-content:center;line-height:1.2;margin:0 auto;max-width:150px;padding:clamp(3px,1.2vmin,6px) clamp(6px,1.5vmin,12px);transition:all .2s ease;white-space:nowrap;width:100%}.connect-button:hover{background-color:#333}.connect-button.connected{background-color:#4caf50;cursor:pointer}.connect-button:disabled{opacity:1}.check-icon{font-size:14px;margin-left:8px;vertical-align:middle}.next-container{background:#fff;border-top-left-radius:10px;border-top-right-radius:10px;bottom:0;box-shadow:0 -4px 44px #5f5dc440;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0}.next-button{background:#5f5dc4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1.3rem;font-weight:500;max-width:600px;padding:12px;width:100%}.loader{align-items:center;background:#fff6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.spinner{border:4px solid #f3f3f3;border-top-color:#5f5dc4}.platform-integration-container .modal-overlay .modal-content,.platform-integration-container.dark-theme .modal-overlay .modal-content{background:#fff!important;background-color:#fff!important;background-image:none!important}.platform-integration-container .modal-overlay .modal-header h2,.platform-integration-container.dark-theme .modal-overlay .modal-header h2{color:#222!important}.modal-content{border-radius:20px;max-width:1400px;padding:32px;width:95%}.modal-header{margin-bottom:24px;text-align:center}.modal-platform-logo{height:60px;margin-bottom:16px;object-fit:contain;width:140px}.modal-header h2{color:#222;font-size:20px;font-weight:500;margin-bottom:8px}.modal-header p{color:#666;font-size:14px}.modal-body{margin-bottom:24px}.calendar-link-input{border:1px solid #e5e5e5;border-radius:8px;color:#222;font-size:14px;padding:12px 16px;width:100%}.modal-footer{display:flex;gap:16px}.modal-cancel-button{background:#fff;border:1px solid #e5e5e5;border-radius:8px;color:#222}.modal-cancel-button,.modal-connect-button{cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px}.modal-connect-button{background:#5f5dc4;border:none;border-radius:8px;color:#fff}.star{display:inline-block;margin:0 8px}.canvas-steps-container{margin-bottom:24px}.steps-progress{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px;padding:0 20px}.step-indicator{align-items:center;display:flex;flex:1 1;flex-direction:column}.step-number{background:#e5e5e5!important;color:#666!important;font-size:16px;font-weight:600;height:40px;margin-bottom:8px;transition:all .3s ease;width:40px}.step-indicator.active .step-number{background:#5f5dc4;color:#fff;transform:scale(1.1)}.step-indicator.completed .step-number{background:#4caf50;color:#fff}.step-connector{background:#e5e5e5;flex:1 1;height:2px;margin:0 8px;width:100%}.step-indicator.completed .step-connector{background:#4caf50}.current-step-content{background:#f8f9fa;border-left:4px solid #5f5dc4;border-radius:12px;margin-bottom:24px;padding:24px}.step-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.step-icon{color:#5f5dc4;font-size:24px}.step-header h3{color:#222;font-size:18px;font-weight:600;margin:0}.step-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 16px}.step-tip{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-size:13px;padding:12px}.tip-label{font-weight:600}.step-navigation{display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.step-nav-button{background:#fff;border:1px solid #e5e5e5;border-radius:8px;color:#222;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.step-nav-button:hover{background:#f8f9fa;border-color:#5f5dc4}.step-nav-button.next{background:#5f5dc4;border-color:#5f5dc4;color:#fff}.step-nav-button.next:hover{background:#4a47a3}.calendar-link-section{margin-top:24px}.calendar-link-section label{color:#222;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.modal-connect-button:disabled{background:#e5e5e5;color:#999;cursor:not-allowed}.modal-connect-button:disabled:hover{background:#e5e5e5}.canvas-mockup-container{background:#f8f9fa;border:2px solid #e5e5e5;border-radius:12px;margin:20px 0;padding:20px}.canvas-mockup,.canvas-mockup-container{max-width:100%;overflow:hidden;position:relative;width:100%}.canvas-mockup{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a}.canvas-header{align-items:center;background:#394b58;color:#fff;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px 20px}.canvas-logo{font-size:clamp(14px,2.5vw,18px);font-weight:700}.canvas-user-menu{align-items:center;display:flex;flex-wrap:wrap;font-size:clamp(12px,2vw,14px);gap:8px}.canvas-main-content{display:flex;max-height:60vh;min-height:300px;width:100%}.canvas-sidebar{background:#f8f9fa;border-right:1px solid #e5e5e5;flex-shrink:0;min-width:120px;padding:20px 0;width:clamp(120px,20vw,200px)}.canvas-nav-item{align-items:center;border-left:3px solid #0000;color:#666;display:flex;font-size:clamp(11px,1.8vw,14px);gap:8px;padding:clamp(8px,1.5vw,12px) clamp(12px,2vw,20px);position:relative;transition:all .2s ease;white-space:nowrap}.canvas-nav-item.active{background:#e8f0fe;border-left-color:#5f5dc4;color:#394b58;font-weight:500}.canvas-nav-item.highlighted{animation:pulse 2s infinite;background:#fff3cd;border-left-color:#ffc107}.canvas-content-area{flex:1 1;min-width:0;overflow:hidden;padding:clamp(12px,2vw,20px);position:relative}.canvas-calendar-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:clamp(12px,2vw,20px);padding-bottom:clamp(8px,1.5vw,15px)}.canvas-calendar-title{color:#394b58;font-size:clamp(18px,3vw,24px);font-weight:600}.canvas-calendar-actions{display:flex;flex-wrap:wrap;gap:8px}.canvas-calendar-feed{animation:pulse 2s infinite;background:#e8f0fe;border:2px solid #5f5dc4;border-radius:6px;color:#5f5dc4;font-size:clamp(11px,1.8vw,14px);font-weight:500;padding:clamp(6px,1vw,8px) clamp(8px,1.5vw,12px);transition:all .2s ease;white-space:nowrap}.canvas-calendar-feed:hover{background:#5f5dc4;color:#fff}.canvas-calendar-grid{grid-gap:1px;background:#e5e5e5;border-radius:6px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);height:100%;min-height:200px;overflow:hidden;width:100%}.canvas-calendar-day{align-items:center;background:#fff;color:#666;display:flex;font-size:clamp(10px,1.5vw,12px);justify-content:center;min-height:clamp(40px,8vh,60px);padding:clamp(6px,1vw,10px);text-align:center;word-break:break-word}.canvas-calendar-day.today{background:#e8f0fe;color:#5f5dc4;font-weight:500}.canvas-calendar-day.has-event{background:#fff3cd;position:relative}.canvas-calendar-day.has-event:after{background:#ffc107;border-radius:50%;bottom:4px;content:"";height:clamp(4px,1vw,6px);left:50%;position:absolute;transform:translateX(-50%);width:clamp(4px,1vw,6px)}.highlight-arrow{animation:bounce 1s infinite;color:#ff6b6b;font-size:clamp(16px,2vw,24px);position:absolute;z-index:10}.highlight-arrow.left{left:7.5vw;top:50%;transform:translateY(-50%)}.highlight-arrow.right{right:-20px;top:50%;transform:translateY(-50%)}.highlight-arrow.top{left:50%;top:-30px;transform:translateX(-50%)}.highlight-arrow.bottom{bottom:-30px;left:50%;transform:translateX(-50%)}.highlight-circle{animation:pulse 2s infinite;border:3px solid #ff6b6b;border-radius:50%;position:absolute;z-index:5}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(-50%) translateX(0)}40%{transform:translateY(-50%) translateX(-8px)}60%{transform:translateY(-50%) translateX(-4px)}}@keyframes bounceHorizontal{0%,20%,50%,80%,to{transform:translateY(-50%) translateX(0)}40%{transform:translateY(-50%) translateX(-8px)}60%{transform:translateY(-50%) translateX(-4px)}}.help-section{background:#e8f0fe;border-left:4px solid #5f5dc4;border-radius:8px;margin-top:20px;padding:16px}.help-section h4{color:#394b58;font-size:14px;font-weight:600;margin:0 0 8px}.help-section p{color:#666;font-size:13px;line-height:1.4;margin:0 0 12px}.help-link{color:#5f5dc4;font-size:13px;font-weight:500;text-decoration:none}.help-link:hover{text-decoration:underline}@media (max-width:1200px){.platforms-grid{gap:24px;height:80vh;padding:2.5vw}.platform-card{height:100%}}@media (min-width:1600px){.platforms-grid{gap:32px!important;height:80vh!important;max-width:1200px!important;padding:3vw!important}.platform-card{height:100%!important}}@media (max-width:1600px) and (min-width:769px){.platform-header h1{transform:translateX(-2px)}}@media (max-width:768px){.platform-header h1{font-size:clamp(18px,5vw,24px)}.platform-description{left:auto;margin:16px 20px;position:static;transform:none;white-space:normal}.platform-subtitle{margin:8px 20px 24px}.platforms-grid{gap:24px;height:80vh;padding:clamp(10px,2vw,20px)}.platform-card{height:100%}.platform-content{margin-top:clamp(45px,10vmin,100px)}}@media (max-width:480px){.platform-header{padding:16px 16px 0}.platform-description{font-size:clamp(12px,4vw,16px);margin:12px 16px}.platform-subtitle{font-size:clamp(12px,4vw,16px);margin:6px 16px 20px}.platforms-grid{gap:24px;height:80vh;padding:clamp(8px,2vw,16px)}.platform-card{height:100%;padding:clamp(6px,1.5vw,12px)}.platform-content h3{font-size:clamp(.8rem,3vw,1.1rem)}.connect-button,.platform-content p{font-size:clamp(.7rem,2.5vw,.9rem)}.connect-button{padding:clamp(4px,1vw,6px) clamp(6px,1.5vw,10px)}}@media (max-height:800px){.platforms-grid{gap:24px;height:80vh}.platform-card{height:100%}.platform-content{margin-top:clamp(60px,10vmin,100px)}}@media (max-height:600px){.platforms-grid{gap:24px;height:80vh}.platform-card{height:100%}.platform-content{margin-top:clamp(50px,8vmin,80px)}}.platform-integration-container .platforms-grid{grid-gap:24px!important;align-items:stretch!important;box-sizing:border-box!important;display:grid!important;gap:24px!important;grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(2,1fr)!important;height:80vh!important;justify-content:center!important;margin:50px auto!important;max-width:90vw!important;padding:2vw!important;width:100%!important}.platform-integration-container .platform-card{align-items:center!important;border-radius:clamp(8px,1.5vw,16px)!important;box-shadow:0 4px 8px #0000001a!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:100%!important;margin:0!important;overflow:visible!important;padding:clamp(8px,2vw,20px)!important;position:relative!important;transition:transform .2s ease!important}.study-notes-container{background-color:#f5f5f5;display:flex;flex-direction:column;height:auto;min-height:calc(100vh - 40px);padding:20px}body.dark-mode .study-notes-container{background:var(--dark-background-gradient)!important}.notes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.notes-header h1{color:#333;font-size:24px;font-weight:600;margin:0}body.dark-mode .notes-header h1{color:#fff!important}.notes-content{flex:1 1;padding-right:10px}.notes-section{margin-bottom:32px}.notes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,200px);justify-content:center;margin:0 auto;max-width:1200px}.note-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;flex-direction:column;height:320px!important;overflow:hidden;padding:0;transition:transform .2s ease,box-shadow .2s ease;width:200px!important}body.dark-mode .note-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14!important;border:1px solid #ffffff26}.note-card:hover{box-shadow:0 8px 25px #0003;transform:translateY(-4px)}.note-card h3{background:#fafafa;border-bottom:1px solid #f0f0f0;color:#333;font-size:16px;font-weight:500;margin:0;padding:16px 16px 8px}body.dark-mode .note-card h3{background:#ffffff14!important;border-bottom:1px solid #ffffff26;color:#fff!important}.note-date{display:none}.note-content{word-wrap:break-word;background:#fff;color:#333;flex:1 1;font-family:Arial,sans-serif;font-size:12px;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;overflow:hidden;overflow-wrap:break-word;padding:12px 16px;word-break:break-word}body.dark-mode .note-content{background:#ffffff14!important;color:#fff!important}.note-content p{margin:0 0 8px;padding:0}.note-content img{height:auto;margin:4px 0;max-width:100%}.note-content a{color:#1a73e8;text-decoration:none}.note-content a:hover{text-decoration:underline}.note-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e0e0e0;color:#666;display:flex;font-size:11px;justify-content:space-between;padding:8px 16px}.note-footer-date{font-weight:500}.note-footer-menu{border-radius:4px;cursor:pointer;padding:4px;transition:background-color .2s ease}.note-footer-menu:hover{background-color:#e9ecef}.loading-indicator{color:#666;padding:20px;text-align:center}.note-card.mock-note{cursor:default!important;filter:grayscale(20%);opacity:.6;position:relative}.note-card.mock-note:before{background:#ffffff4d;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.note-card.mock-note *{position:relative;z-index:2}body.dark-mode .note-card.mock-note:before{background:#0003}@media (max-width:1440px){.notes-grid{grid-template-columns:repeat(4,200px)}}@media (max-width:1280px){.notes-grid{gap:16px;grid-template-columns:repeat(4,190px)}.note-card{height:310px!important;width:190px!important}}@media (max-width:1024px){.notes-grid{gap:16px;grid-template-columns:repeat(3,200px)}.note-card{height:320px!important;width:200px!important}}@media (max-width:768px){.notes-grid{gap:12px;grid-template-columns:repeat(2,1fr);padding:0 10px}.note-card{height:300px!important;width:100%!important}.search-bar{width:200px}}@media (max-width:480px){.notes-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.note-card{height:240px!important;max-width:none;min-height:240px;width:100%!important}.note-content{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.notes-header{align-items:center;flex-direction:column;gap:16px;text-align:center}.notes-header h1{margin-bottom:0;text-align:center}.search-bar,.search-bar *{display:none!important}}.flashcards-container{background-color:#f5f5f5;display:flex;flex-direction:column;height:calc(100vh - 40px);padding:20px}@media (max-width:767px){.flashcards-container{height:calc(100vh - 30px);padding:15px}}body.dark-mode .flashcards-container{background:var(--dark-background-gradient)!important}body.dark-mode .flashcards-header h1{color:#fff!important}body.dark-mode .flashcard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14!important;border:1px solid #ffffff26;box-shadow:0 8px 24px #ffffff26}body.dark-mode .flashcard-card .flashcard-content,body.dark-mode .flashcard-card .flashcard-content .flashcard-description,body.dark-mode .flashcard-card .flashcard-content .flashcard-title,body.dark-mode .flashcard-content{background:#ffffff14!important;color:#fff!important}.flashcard-card.mock-note{cursor:default!important;filter:grayscale(20%);opacity:.6}body.dark-mode .flashcard-card .flashcard-content,body.dark-mode .flashcard-card .flashcard-content .flashcard-description,body.dark-mode .flashcard-card .flashcard-content .flashcard-title{background:#0000!important}.flashcards-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.flashcards-header h1{color:#333;font-size:24px;font-weight:600;margin:0}.search-bar{position:relative}.search-bar input{background-color:#fff;border:1px solid #ddd;border-radius:8px;font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem}.search-icon{left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.flashcards-content{flex:1 1;overflow-y:auto;padding-right:1rem;position:relative}.flashcards-section{margin-bottom:2rem}.flashcards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;margin:0 auto;max-width:1200px;padding:0 20px}@media (min-width:1200px){.flashcards-grid{grid-template-columns:repeat(3,minmax(280px,1fr))}}@media (min-width:768px) and (max-width:1199px){.flashcards-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}}@media (max-width:767px){.flashcards-grid{grid-template-columns:1fr}}.flashcard-card{aspect-ratio:1.6;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;flex-direction:column;min-height:180px;overflow:hidden;padding:0;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:100%}.flashcard-card:hover{box-shadow:0 8px 25px #0003;transform:translateY(-4px)}.flashcard-title{background:none;border:none;color:#333;font-size:18px;font-weight:600;margin:0 0 12px;padding:0;text-align:center}.flashcard-card p{color:#666;flex:1 1;margin:0}.flashcard-card p,.flashcard-content{background:#fff;font-size:12px;line-height:1.4;overflow:hidden;padding:12px 16px}.flashcard-content{word-wrap:break-word;align-items:center;bottom:0;color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;-webkit-hyphens:auto;hyphens:auto;justify-content:center;left:0;overflow-wrap:break-word;position:absolute;right:0;text-align:center;top:30%;word-break:break-word}.flashcard-content p{margin:0 0 8px;padding:0}.flashcard-footer{align-items:center;background:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #e0e0e0;bottom:0;color:#666;display:flex;font-size:11px;justify-content:space-between;left:0;padding:8px 16px;position:absolute;right:0}.flashcard-actions{align-items:center;display:flex;gap:8px}.flashcard-date,.flashcard-stats{font-weight:500}.loading-indicator{display:flex;justify-content:center;padding:2rem}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#448aff;height:40px;width:40px}.add-flashcard-button{align-items:center;background-color:#448aff;border:none;border-radius:50%;bottom:40px;box-shadow:0 4px 28.6px #00000059;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:40px;transition:all .2s ease;width:56px}@media (max-width:767px){.add-flashcard-button{bottom:20px;height:48px;right:20px;width:48px}}.add-flashcard-button:hover{background-color:#2979ff;transform:scale(1.05)}.add-flashcard-button:active{transform:scale(.95)}.modal-content{background-color:#fff;box-shadow:0 4px 20px #00000026;max-width:600px}body.dark-mode .modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:1px solid #ffffff26;box-shadow:0 20px 60px #00000080}.modal-header{border-bottom:1px solid #eee;padding:1.5rem}.modal-header h2{font-size:1.5rem}body.dark-mode .modal-header h2{color:#fff}.close-button{font-size:1.5rem;padding:.5rem}body.dark-mode .close-button{color:#fff}.modal-options{grid-gap:1rem;display:grid;gap:1rem;padding:1.5rem}.option-button{align-items:center;background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:2rem;transition:all .2s}body.dark-mode .option-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;box-shadow:0 8px 24px #ffffff26}.option-button:hover{background-color:#e9ecef;border-color:#dee2e6;transform:translateY(-2px)}body.dark-mode .option-button:hover{background:#ffffff1f;border-color:#ffffff4d;box-shadow:0 8px 32px #ffffff40}.option-icon{color:#448aff;font-size:2rem;margin-bottom:1rem}.option-button span{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}body.dark-mode .option-button span{color:#fff}.option-button p{color:#666;font-size:.9rem;margin:0;text-align:center}body.dark-mode .option-button p{color:#fffc}.import-container{padding:2rem}.import-steps{display:flex;gap:3rem;justify-content:center;margin-bottom:2rem;position:relative}body.dark-mode .import-steps{color:#fff}.import-steps:before{background-color:#e9ecef;content:"";height:2px;left:0;position:absolute;right:0;top:24px;z-index:0}body.dark-mode .import-steps:before{background-color:#fff3}.step{background-color:initial;flex:1 1;flex-direction:column;position:relative;z-index:1}.step,.step-icon{align-items:center}.step-icon{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:50%;color:#666;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:.5rem;transform:translateX(23px);transition:all .3s;width:48px}body.dark-mode .step-icon{background:#ffffff1a;border:1px solid #fff3;color:#fff}.step.completed .step-icon{background-color:#448aff;border-color:#448aff;color:#fff}.step span{color:#666;display:block;font-size:.9rem;text-align:center;width:100px}body.dark-mode .step span{color:#fff}.upload-button{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;display:block;font-size:1rem;font-weight:600;padding:1rem;width:100%}.upload-button:hover{background-color:#e9ecef;border-color:#dee2e6;transform:translateY(-2px)}body.dark-mode .upload-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;box-shadow:0 8px 24px #ffffff26;color:#fff}body.dark-mode .upload-button:hover{background:#ffffff1f;border-color:#ffffff4d;box-shadow:0 8px 32px #ffffff40}.processing-container{padding:2rem;position:relative;text-align:center}body.dark-mode .processing-container{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border-radius:16px;box-shadow:0 20px 60px #00000080;color:#fff;margin:1rem;padding:2rem}.progress-bar{background-color:#e9ecef;margin-bottom:1rem}body.dark-mode .progress-bar{background-color:#fff3}.progress-fill{background-color:#448aff}.info-text{color:#666;font-size:.9rem;margin:.5rem 0}body.dark-mode .info-text{color:#fffc}.retry-button{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.retry-button:hover{background-color:#c82333}.create-container{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;color:#666;margin:1rem;padding:2rem;text-align:center;transition:all .2s}body.dark-mode .create-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;box-shadow:0 8px 24px #ffffff26;color:#fffc}.flashcards-content::-webkit-scrollbar{width:8px}.flashcards-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.flashcards-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.flashcards-content::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:480px){.flashcards-header{align-items:center;flex-direction:column;gap:16px;text-align:center}.flashcards-header h1{margin-bottom:0;text-align:center}body.dark-mode .fab-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background-color:#ffffff14!important;border:1px solid #ffffff26!important;box-shadow:0 8px 24px #ffffff26!important;color:#fff!important}body.dark-mode .fab-button:hover{background-color:#ffffff1f!important;border-color:#ffffff4d!important;box-shadow:0 8px 32px #ffffff40!important}}.settings-container{margin:0 auto;max-width:800px;padding:20px}.settings-header{margin-bottom:24px}.settings-header h1{color:#333;font-size:24px;font-weight:600}.settings-section{margin-bottom:24px}.profile-card{background:#fff;border-radius:12px;box-shadow:0 -2px 10px #0000000d,0 4px 12px #00000026;justify-content:space-between;padding:20px}.profile-card,.profile-info{align-items:center;display:flex}.profile-info{gap:16px}.profile-image{object-fit:cover}.profile-image,.profile-initials{border-radius:30px;height:60px;width:60px}.profile-initials{align-items:center;background:#e0e0e0;color:#666;display:flex;font-size:24px;font-weight:600;justify-content:center}.profile-details h2{color:#333;font-size:18px;font-weight:600;margin:0}.profile-details p{color:#666;font-size:14px;margin:4px 0 0}.logout-button{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:background-color .2s}.logout-button:hover{background-color:#f5f5f5}.subscription-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 -2px 10px #0000000d,0 4px 12px #00000026;display:flex;justify-content:space-between;padding:20px}.subscription-info{display:flex;flex-direction:column;gap:24px}.trial-section{background:#f0f7ff;border-radius:12px;padding:20px;text-align:left}.trial-section p{color:#333;line-height:1.5;margin:0}.pricing-section{display:flex;justify-content:center}.price-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;max-width:300px;padding:24px;text-align:center;width:100%}.price{color:#007aff;font-size:36px;font-weight:700}.period{color:#666;margin-bottom:16px}.features{list-style:none;padding:0;text-align:left}.features li{color:#333;margin:8px 0}.subscription-management{background:#f8f8f8;border-radius:12px;padding:20px}.subscription-management h4{color:#333;margin-bottom:16px}.management-options{display:flex;flex-direction:column;gap:16px}.management-option{align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:16px;padding:16px}.platform-icon{align-items:center;background:#f0f7ff;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.platform-info h5{color:#333;margin:0 0 4px}.platform-info p{color:#666;font-size:14px;margin:0}.subscription-icon{color:gold;font-size:24px}.subscription-details h3{color:#333;font-size:16px;font-weight:600;margin:0}.plan-name{color:#333;font-size:18px;font-weight:600;margin:4px 0}.renewal-info{color:#666;font-size:14px;margin:4px 0 0}.change-plan-button{background:#007aff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.change-plan-button:hover{background:#0056b3}.settings-actions{background:#fff;border-radius:12px;box-shadow:0 -2px 10px #0000000d,0 4px 12px #00000026;overflow:hidden}.settings-action-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:16px 20px;text-align:left;transition:background-color .2s;width:100%}.settings-action-item:not(:last-child){border-bottom:1px solid #eee}.settings-action-item:hover{background-color:#f5f5f5}body.settings-dark-mode .settings-action-item:hover{background-color:#ffffff1a!important}.action-icon{color:#666;font-size:18px;margin-right:16px}.action-title{color:#333;font-size:16px}.settings-loading{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-spinner{border:4px solid #f3f3f3;height:40px;width:40px}.settings-container::-webkit-scrollbar{width:8px}.settings-container::-webkit-scrollbar-track{background:#0000}.settings-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.settings-container::-webkit-scrollbar-thumb:hover{background:#999}.settings-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:20px;text-align:center}.settings-error p{color:#dc3545;font-size:16px;margin-bottom:16px}.settings-error button{background:#007aff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.settings-error button:hover{background:#0056b3}.modal-content{border-radius:12px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:500px;overflow-x:hidden;overflow-y:auto;padding:24px;position:relative;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header h2{color:#333;font-size:24px;margin:0}.close-button{background:none;border:none;cursor:pointer;font-size:24px;height:auto;line-height:1;max-height:24px;max-width:24px;overflow:hidden;padding:0;position:absolute;right:15px;top:15px;width:auto;z-index:10}.close-button:after,.close-button:before,.close-button:hover:after,.close-button:hover:before{display:none!important}.close-button:hover{background:none!important;border:none!important;box-shadow:none!important;height:auto!important;outline:none!important;width:auto!important}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}body.settings-dark-mode .form-group label{color:#fff!important}body.settings-dark-mode .form-group label,body:not(.settings-dark-mode) .form-group label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important}body:not(.settings-dark-mode) .form-group label{color:#000!important;font-weight:400!important}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:10px;width:95%}.form-group input[type=email]:hover,.form-group input[type=password]:hover,.form-group input[type=text]:hover{border-color:#007aff}.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus{border-color:#007aff;box-shadow:0 0 0 2px #007aff1a;outline:none}.form-group.checkbox,.form-group.checkbox label{align-items:center;display:flex}.form-group.checkbox label{cursor:pointer;margin-bottom:0}.form-group.checkbox input[type=checkbox]{margin-right:10px}.submit-button{border-radius:6px;font-size:16px;padding:12px 24px;transition:background-color .2s}.profile-image-upload{text-align:center}.profile-image-container{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:12px}.profile-preview{border:2px solid #eee;border-radius:50%;height:100px;object-fit:cover;width:100px}.upload-button{align-items:center;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s}.upload-button:hover{background:#e5e5e5}.upload-button svg{font-size:16px}.notification-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.notification-option{align-items:center;cursor:pointer;display:flex}.notification-option input[type=checkbox]{appearance:none;-webkit-appearance:none;border:2px solid #ddd;border-radius:50%;cursor:pointer;height:18px;margin-right:12px;position:relative;transition:all .2s ease;width:18px}.notification-option input[type=checkbox]:checked{background-color:#007aff;border-color:#007aff}.notification-option input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.notification-option input[type=checkbox]:hover{border-color:#007aff}.form-select{background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.form-select:focus,.form-select:hover{border-color:#007aff}.form-select:focus{box-shadow:0 0 0 2px #007aff1a;outline:none}.radio-group{display:flex;gap:20px;margin-top:8px}.radio-option{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px}.radio-option input[type=radio]{cursor:pointer;height:16px;width:16px}.radio-option:hover{color:#007aff}.problem-description{border:1px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:16px;min-height:120px;padding:12px;resize:none;width:calc(100% - 24px)}.problem-description:focus{border-color:#007aff;outline:none}.helper-text{color:#666;font-size:13px;margin:8px 0}.file-upload-container{align-items:center;display:flex;gap:12px;margin-top:8px}.file-upload-button{align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease}.file-upload-button:hover{background:#ebebeb;border-color:#007aff}.file-upload-text{color:#666;font-size:13px}.submit-button{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:16px;padding:12px;transition:background-color .2s ease;width:100%}.submit-button:hover{background:#0056b3}.faq-modal{height:78vh;max-height:90vh;max-width:1200px;width:95%}.display-modal{height:85vh;max-width:none;overflow:visible;width:75vw}.display-modal-container{display:flex;gap:30px;overflow:visible;padding:0 20px}.display-left-panel{display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center}.display-theme-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 8px 24px #00000026;cursor:pointer;margin:0;max-width:320px;padding:25px;transition:all .2s ease}.display-theme-card.light{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f8f9fa;border:1px solid #e0e0e0}.display-theme-card.selected{border-color:#06f;box-shadow:0 0 0 2px #06f3}.display-theme-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.display-theme-icon{color:#000;font-size:24px}.display-theme-title{color:#000;font-size:20px;font-weight:500;margin:0}.display-theme-card:not(.light) .display-theme-icon,.display-theme-card:not(.light) .display-theme-title{color:#fff}.display-theme-preview{border:2px solid #ffffff26;border-radius:8px;height:60px;width:100%}.display-theme-preview.light{background:linear-gradient(135deg,#fff,#f8f9fa 50%,#e9ecef);border:2px solid #e0e0e0}.display-theme-preview.dark{background:linear-gradient(135deg,#18273f,#243d62 50%,#33588e)}.display-right-panel{display:flex;flex:1.5 1;flex-direction:row;gap:clamp(15px,2vw,30px);margin-top:clamp(40px,6vh,80px);max-width:1000px}.display-todo-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 8px 24px #00000026;flex:1 1;height:550px;overflow:hidden;padding:clamp(12px,2vh,20px)}.display-right-column{display:flex;flex:1 1;flex-direction:column;gap:clamp(10px,1.5vh,20px)}.display-flagged-box,.display-reminder-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 8px 24px #ffffff26;height:250px;overflow:hidden;padding:clamp(12px,2vh,20px)}@media (max-width:1400px){.display-modal{height:82vh;width:80vw}.display-modal-container{gap:clamp(20px,3vw,30px);padding:0 clamp(10px,2vw,20px)}.display-right-panel{gap:clamp(10px,1.5vw,20px);margin-top:clamp(30px,4vh,60px)}.display-todo-box{height:480px}.display-flagged-box,.display-reminder-box{height:220px}.display-right-column{gap:clamp(8px,1vh,15px)}.display-theme-card{max-width:280px;padding:20px}.display-theme-icon{font-size:22px}.display-theme-title{font-size:18px}.display-theme-preview{height:55px}}@media (max-width:1200px){.display-modal{height:80vh;width:85vw}.display-modal-container{gap:clamp(15px,2.5vw,25px)}.display-right-panel{flex:1.3 1;gap:clamp(8px,1.2vw,15px);margin-top:clamp(25px,3vh,50px)}.display-todo-box{height:420px}.display-flagged-box,.display-reminder-box{height:190px}.display-theme-card{max-width:260px;padding:18px}.display-theme-icon{font-size:20px}.display-theme-title{font-size:17px}.display-theme-preview{height:50px}}@media (max-width:1024px){.display-modal{height:78vh;width:90vw}.display-modal-container{gap:clamp(12px,2vw,20px)}.display-right-panel{flex:1.2 1;gap:clamp(6px,1vw,12px);margin-top:clamp(20px,2vh,40px)}.display-todo-box{height:360px}.display-flagged-box,.display-reminder-box{height:160px}.display-right-column{gap:clamp(6px,.8vh,12px)}.display-theme-card{max-width:240px;padding:15px}.display-theme-icon{font-size:18px}.display-theme-title{font-size:16px}.display-theme-preview{height:45px}}@media (max-width:900px){.display-modal{height:85vh;width:95vw}.display-modal-container{flex-direction:column;gap:clamp(15px,3vh,25px);padding:clamp(10px,2vh,15px)}.display-left-panel{flex:none;flex-direction:row;gap:clamp(10px,2vw,20px);order:1}.display-right-panel{flex:none;flex-direction:column;gap:clamp(10px,2vh,20px);margin-top:0;order:2}.display-right-column{flex-direction:row;gap:clamp(10px,2vw,20px)}.display-flagged-box,.display-reminder-box,.display-todo-box{flex:1 1;height:clamp(200px,30vh,300px)}.display-theme-card{flex:1 1;max-width:100%;padding:12px}.display-theme-icon{font-size:16px}.display-theme-title{font-size:14px}.display-theme-preview{height:40px}.display-theme-header{gap:8px;margin-bottom:15px}}@media (max-height:800px){.display-todo-box{height:450px}.display-flagged-box,.display-reminder-box{height:200px}.display-right-panel{margin-top:clamp(20px,2vh,40px)}}@media (max-height:700px){.display-todo-box{height:380px}.display-flagged-box,.display-reminder-box{height:170px}.display-right-panel{margin-top:clamp(15px,2vh,30px)}}@media (max-height:600px){.display-todo-box{height:320px}.display-flagged-box,.display-reminder-box{height:140px}.display-right-panel{margin-top:clamp(10px,1vh,20px)}}.customize-modal{height:85vh;max-width:none;overflow:hidden;width:75vw}.customize-modal .close-button:hover{background:none!important;border:none!important;box-shadow:none!important;height:auto!important;outline:none!important;transform:none!important;width:auto!important}.customize-modal .close-button:hover:after,.customize-modal .close-button:hover:before{background:none!important;border:none!important;content:none!important;display:none!important}.faq-tabs{border-bottom:1px solid #e0e0e0;display:flex;gap:2px;margin-bottom:24px;padding:0 24px}.faq-tab{background:none;border:none;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;position:relative;transition:all .2s ease}.faq-tab.active,.faq-tab:hover{color:#007aff}.faq-tab.active:after{background:#007aff;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.faq-section{padding:0 24px}.faq-tab-content{padding:24px 0}.faq-tab-content h3{color:#333;font-size:20px;margin-bottom:16px}.faq-description{color:#666;font-size:14px;line-height:1.5;margin-bottom:24px}body.settings-dark-mode .faq-description,body.settings-dark-mode .faq-tab-content h3{color:#fff!important}body:not(.settings-dark-mode) .faq-description,body:not(.settings-dark-mode) .faq-tab-content h3{color:#000!important}.connection-steps{display:flex;flex-direction:column;gap:32px}.step{align-items:flex-start;display:flex;gap:24px}.step-number{align-items:center;background:#007aff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;width:32px}.step-content{flex:1 1}.step-content h4{color:#333;font-size:16px;margin-bottom:16px}body.settings-dark-mode .step-content h4{color:#fff!important}body:not(.settings-dark-mode) .step-content h4{color:#000!important}.lms-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.lms-logo{height:140px;margin-bottom:4px;object-fit:contain;width:140px}.lms-option{align-items:center;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px;transition:all .2s ease}.lms-option:hover{background:#f0f0f0;border-color:#007aff;transform:translateY(-2px)}.lms-option span{color:#333;font-size:14px;font-weight:500}.platform-steps{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.platform-step{background:#f8f8f8;border-radius:8px;padding:16px}.platform-step h5{color:#333;font-size:14px;margin-bottom:12px}.platform-step ol{margin:0;padding-left:20px}.platform-step li{color:#666;font-size:13px;line-height:1.4;margin-bottom:8px}.step-content ol{margin:0;padding-left:20px}.step-content li{color:#666;font-size:14px;line-height:1.4;margin-bottom:8px}.integration-info{background:#f8f8f8;border-radius:8px;padding:20px}.integration-info h4{color:#333;font-size:16px;margin-bottom:12px}.integration-info ul{list-style:none;margin:0;padding:0}.integration-info li{color:#666;font-size:14px;margin-bottom:8px;padding-left:24px;position:relative}.integration-info li:before{color:#007aff;content:"✓";font-weight:700;left:0;position:absolute}.customization-features{display:flex;flex-direction:column;gap:32px}.feature-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px}.feature-icon{font-size:32px;margin-bottom:16px}.feature-content h4{color:#333;font-size:18px;font-weight:600;margin-bottom:12px}.feature-content p{color:#666;line-height:1.6;margin-bottom:16px}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{border-bottom:1px solid #f0f0f0;color:#555;font-size:14px;line-height:1.5;padding:8px 0}.feature-list li:last-child{border-bottom:none}.feature-list li strong{color:#333;font-weight:600}.theme-showcase{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px}.theme-showcase h4{color:#333;font-size:18px;font-weight:600;margin-bottom:20px;text-align:center}.theme-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.theme-preview{background:#f8f9fa;border:2px solid #0000;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.theme-preview:hover{border-color:#007aff;box-shadow:0 8px 20px #0066ff26;transform:translateY(-2px)}.theme-colors{display:flex;gap:8px;justify-content:center;margin-bottom:12px}.color-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:24px;width:24px}.theme-name{color:#333;font-size:14px;font-weight:500}.customization-tips{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #bbdefb;border-radius:16px;padding:24px}.customization-tips h4{color:#1976d2;font-size:18px;font-weight:600;margin-bottom:20px;text-align:center}.tips-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip-item{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 4px 8px #00000014;display:flex;gap:16px;padding:20px}.tip-icon{flex-shrink:0;font-size:24px}.tip-content h5{color:#333;font-size:16px;font-weight:600;margin-bottom:8px}.tip-content p{color:#666;font-size:14px;line-height:1.5;margin:0}.getting-started{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:1px solid #e1bee7;border-radius:16px;padding:24px}.getting-started h4{color:#7b1fa2;font-size:18px;font-weight:600;margin-bottom:20px;text-align:center}.steps-guide{display:flex;flex-direction:column;gap:16px}.guide-step{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;padding:16px}.guide-step .step-number{align-items:center;background:#7b1fa2;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.guide-step p{color:#333;font-size:14px;line-height:1.4;margin:0}.guide-step p strong{color:#7b1fa2;font-weight:600}.sync-features{display:flex;flex-direction:column;gap:32px}.sync-card{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border:1px solid #c8e6c9;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px}.sync-icon{font-size:32px;margin-bottom:16px}.sync-content h4{color:#2e7d32;font-size:18px;font-weight:600;margin-bottom:12px}.sync-content p{color:#555;line-height:1.6;margin:0}.sync-scenarios{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px}.sync-scenarios h4{color:#333;font-size:18px;font-weight:600;margin-bottom:20px;text-align:center}.scenario-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.scenario-item{align-items:flex-start;background:#f8f9fa;border-left:4px solid #4caf50;border-radius:12px;display:flex;gap:16px;padding:20px}.scenario-icon{flex-shrink:0;font-size:24px}.scenario-content h5{color:#333;font-size:16px;font-weight:600;margin-bottom:8px}.scenario-content p{color:#666;font-size:14px;line-height:1.5;margin:0}.sync-tips{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ffe0b2;border-radius:16px;padding:24px}.sync-tips h4{color:#e65100;font-size:18px;font-weight:600;margin-bottom:20px;text-align:center}.tips-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip-card{background:#fff;border-radius:12px;box-shadow:0 4px 8px #00000014;padding:20px}.tip-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.tip-emoji{font-size:20px}.tip-header h5{color:#333;font-size:16px;font-weight:600;margin:0}.tip-card p{color:#666;font-size:14px;line-height:1.5;margin:0}.sync-visual{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:1px solid #e1bee7;border-radius:16px;padding:24px}.sync-visual h4{color:#7b1fa2;font-size:18px;font-weight:600;margin-bottom:20px;text-align:center}.sync-flow{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.flow-step{background:#fff;border-radius:12px;box-shadow:0 4px 8px #00000014;min-width:150px;padding:20px;text-align:center}.flow-icon{font-size:32px;margin-bottom:12px}.flow-content h5{color:#333;font-size:16px;font-weight:600;margin-bottom:8px}.flow-content p{color:#666;font-size:14px;line-height:1.4;margin:0}.flow-arrow{color:#7b1fa2;font-size:24px;font-weight:700}.troubleshooting{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:1px solid #ffcdd2;border-radius:16px;padding:24px}.troubleshooting h4{color:#c62828;font-size:18px;font-weight:600;margin-bottom:20px;text-align:center}.trouble-steps{display:flex;flex-direction:column;gap:16px}.trouble-step{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;padding:16px}.trouble-step .step-number{align-items:center;background:#c62828;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.trouble-step .step-content h5{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.trouble-step .step-content p{color:#666;font-size:14px;line-height:1.4;margin:0}.customize-modal-container{display:flex;gap:30px;padding:0 20px}.customize-left-panel{display:flex;flex:1 1;flex-direction:column;gap:20px}.customize-right-panel{display:flex;flex:1 1;flex-direction:row;gap:20px;margin-top:120px;max-width:1000px}.customize-preview-box{border-radius:12px;overflow:hidden;padding:20px}.customize-todo-box{height:691px}.customize-flagged-box,.customize-reminder-box{height:315px}.customize-right-column{gap:20px}.customize-preview-title{align-items:center;display:flex;font-size:18px;font-weight:500;gap:8px;margin:0 0 15px}.customize-assignment-box{border:1px solid #e0e0e0;border-radius:8px;padding:10px 12px}.customize-assignment-title{font-size:14px;margin:0 0 4px}.customize-assignment-desc{font-size:12px;margin:0 0 6px}.customize-assignments-container{display:flex;flex-direction:column;gap:10px}@media (max-width:1400px){.customize-modal-container{gap:25px;padding:0 15px}.customize-theme-card{max-width:350px;padding:20px}.customize-color-circles{gap:15px}.customize-color-circle{height:40px;width:40px}.customize-todo-box{height:580px}.customize-flagged-box,.customize-reminder-box{height:270px}.customize-preview-box{padding:18px}.customize-assignment-title{font-size:13px}.customize-assignment-desc{font-size:11px}}@media (max-width:1200px){.customize-modal-container{gap:20px;padding:0 12px}.customize-theme-card{max-width:320px;padding:18px}.customize-color-circles{gap:12px}.customize-color-circle{height:35px;width:35px}.customize-todo-box{height:520px}.customize-flagged-box,.customize-reminder-box{height:240px}.customize-preview-box{padding:15px}.customize-preview-title{font-size:16px;margin:0 0 12px}.customize-assignment-title{font-size:12px}.customize-assignment-desc{font-size:10px}.customize-assignment-box{padding:8px 10px}.customize-assignments-container{gap:8px}}@media (max-width:1024px){.customize-modal-container{gap:18px;padding:0 10px}.customize-theme-card{max-width:280px;padding:15px}.customize-color-circles{gap:10px}.customize-color-circle{height:30px;width:30px}.customize-todo-box{height:460px}.customize-flagged-box,.customize-reminder-box{height:210px}.customize-preview-box{padding:12px}.customize-preview-title{font-size:15px;margin:0 0 10px}.customize-assignment-title{font-size:11px}.customize-assignment-desc{font-size:9px}.customize-assignment-box{padding:6px 8px}.customize-assignments-container{gap:6px}}@media (max-width:900px){.customize-modal-container{flex-direction:column;gap:15px;padding:0 8px}.customize-right-panel{margin-top:20px;max-width:100%}.customize-theme-card{max-width:100%;padding:12px}.customize-color-circles{gap:8px}.customize-color-circle{height:25px;width:25px}.customize-todo-box{height:400px}.customize-flagged-box,.customize-reminder-box{height:180px}.customize-preview-box{padding:10px}.customize-preview-title{font-size:14px;margin:0 0 8px}.customize-assignment-title{font-size:10px}.customize-assignment-desc{font-size:8px}.customize-assignment-box{padding:5px 6px}.customize-assignments-container{gap:4px}}.subscription-container{box-sizing:border-box;margin:0 auto;max-width:calc(100% - 40px);overflow-x:hidden;overflow-y:auto;padding:10px;position:relative;width:100%}.subscription-header{color:#1976d2;margin-bottom:4px;margin-top:0;text-align:center}.subscription-header h1{font-weight:700;margin-bottom:16px}.subscription-header p{font-size:18px;margin:0 auto;max-width:600px;opacity:.9}.plan-card{background:#fff;border-radius:16px;display:flex;flex-direction:column;height:auto;min-height:320px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark-mode .plan-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14!important;border:1px solid #ffffff26;box-shadow:0 8px 24px #ffffff26}.plan-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.plan-card.selected{border:2px solid #1976d2;box-shadow:0 12px 40px #1976d233;transform:translateY(-8px)}.plan-card.current-plan{background:linear-gradient(135deg,#f8fff8,#fff);border:2px solid #4caf50}.plan-card.current-plan:before{background:linear-gradient(90deg,#4caf50,#66bb6a)}.plan-card.current-plan:before,.plan-card.selected:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.plan-card.selected:before{background:linear-gradient(90deg,#1976d2,#42a5f5)}@media (max-width:1550px){.subscription-container{padding:8px}.plan-card{min-height:300px}.subscription-header{margin-bottom:3px}}@media (max-width:1350px){.subscription-container{padding:6px}.plan-card{min-height:280px}.subscription-header h1{font-size:24px}.subscription-header{margin-bottom:2px}}@media (max-width:1150px){.subscription-container{padding:5px}.plan-card{min-height:260px}.subscription-header h1{font-size:20px}.subscription-header p{font-size:12px}.feature-item,.subscription-header{margin-bottom:1px}.feature-item{font-size:11px}.plan-card h3{font-size:1.4rem!important}.plan-card .MuiTypography-body1{font-size:.7rem!important}}@media (max-width:900px){.plan-card{min-height:240px}.feature-item{font-size:10px}.plan-card h3{font-size:1.3rem!important}.plan-card .MuiTypography-body1{font-size:.65rem!important}}@media (max-width:768px){.subscription-container{padding:5px}.subscription-header h1{font-size:18px}.subscription-header p{font-size:10px}.subscription-header{margin-bottom:1px}.plan-card{margin-bottom:8px;min-height:220px}.feature-item{font-size:9px;margin-bottom:0}.plan-card h3{font-size:1.2rem!important}.plan-card .MuiTypography-body1{font-size:.6rem!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.plan-card{animation:fadeInUp .6s ease-out}.plan-card:first-child{animation-delay:.1s}.plan-card:nth-child(2){animation-delay:.2s}.plan-card:nth-child(3){animation-delay:.3s}.MuiButton-contained:hover{box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.MuiChip-root{font-weight:600;letter-spacing:.5px}.feature-item{align-items:center;display:flex;margin-bottom:8px;padding:4px 0}.feature-item .MuiSvgIcon-root{color:#4caf50;margin-right:8px}.price-display{margin-bottom:16px;text-align:center}.price-display .MuiTypography-h4{color:#1976d2;font-weight:700}.monthly-price{color:#666;font-size:14px}.savings-badge{background:linear-gradient(45deg,#4caf50,#66bb6a);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-top:4px;padding:4px 8px}.loading-overlay{align-items:center;background:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.back-button{color:#fff;margin-bottom:24px}.back-button:hover{background:#ffffff1a}.terms-links{margin-top:32px;text-align:center}.terms-links a{color:#1976d2;font-weight:500;text-decoration:none}.terms-links a:hover{text-decoration:underline}.payment-form-container{margin:0 auto;max-width:500px;padding:24px}.payment-form-title{color:#1976d2;font-weight:600;margin-bottom:16px}.payment-amount{color:#666;font-size:14px;margin-bottom:24px}.stripe-card-element{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:24px;padding:12px}.payment-buttons{display:flex;gap:12px}.payment-buttons button{flex:1 1}body.dark-mode .stripe-card-element{background:#ffffff14;border-color:#ffffff26}body.dark-mode .payment-amount,body.dark-mode .payment-form-title{color:#fff}.apple-pay-button-container{align-items:center;display:flex;flex-direction:column;margin:16px 0;width:100%}.apple-pay-button-wrapper{margin:0 auto;max-width:400px;position:relative;width:100%}.apple-pay-button-wrapper .StripeElement{border-radius:8px;height:48px;overflow:hidden;width:100%}.apple-pay-button-wrapper .StripeElement:hover{transform:translateY(-1px);transition:transform .2s ease}.apple-pay-loading-overlay{align-items:center;background:#ffffffe6;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.dark-mode .apple-pay-loading-overlay{background:#000c;color:#fff}.apple-pay-button-container .MuiAlert-root{margin-bottom:16px;max-width:400px;width:100%}.apple-pay-button-container .MuiTypography-caption{color:#666;font-size:12px;margin-top:8px}.dark-mode .apple-pay-button-container .MuiTypography-caption{color:#999}@media (max-width:480px){.apple-pay-button-container .MuiAlert-root,.apple-pay-button-wrapper{max-width:100%}}.apple-pay-button-wrapper .StripeElement:focus{outline:2px solid #007aff;outline-offset:2px}.apple-pay-button-wrapper .StripeElement[disabled]{cursor:not-allowed;opacity:.6}.apple-pay-button-wrapper .StripeElement{transition:all .2s ease}.apple-pay-button-wrapper .StripeElement.success{border:2px solid #34c759}.apple-pay-button-wrapper .StripeElement.error{border:2px solid #ff3b30}.subscription-payment-screen{background-color:#fff;font-family:Inter,sans-serif;max-width:100%;min-height:100vh;padding:0;width:100%}@media (max-width:1024px){.subscription-payment-screen .MuiContainer-root{padding-left:16px;padding-right:16px}}@media (max-width:768px){.subscription-payment-screen .MuiTypography-h3{font-size:2rem!important}.subscription-payment-screen .MuiPaper-root{padding:24px!important}}@media (max-width:900px){.subscription-payment-screen .MuiContainer-root{padding-left:8px;padding-right:8px}.subscription-payment-screen .MuiTypography-h5{font-size:1.1rem!important;margin-bottom:8px!important}.subscription-payment-screen .MuiTypography-h6{font-size:.9rem!important;line-height:1.3!important}.subscription-payment-screen .MuiTypography-body2{font-size:.7rem!important;line-height:1.2!important}.subscription-payment-screen .MuiSvgIcon-root{font-size:18px!important}}@media (max-width:768px){.subscription-payment-screen .MuiTypography-h3{font-size:2rem!important}.subscription-payment-screen .MuiPaper-root{padding:16px!important}.subscription-payment-screen .MuiTypography-h5{font-size:1rem!important;margin-bottom:6px!important}.subscription-payment-screen .MuiDivider-root{margin:12px 0!important}}@media (max-width:600px){.subscription-payment-screen .MuiContainer-root{padding-left:4px;padding-right:4px}.subscription-payment-screen .MuiTypography-h5{font-size:.9rem!important;margin-bottom:4px!important}.subscription-payment-screen .MuiTypography-h6{font-size:.8rem!important}.subscription-payment-screen .MuiTypography-body2{font-size:.65rem!important}.subscription-payment-screen .MuiSvgIcon-root{font-size:16px!important}.subscription-payment-screen .MuiPaper-root{padding:12px!important}}@media (max-width:480px){.subscription-payment-screen .MuiTypography-h3{font-size:1.75rem!important}.subscription-payment-screen .MuiPaper-root{padding:8px!important}.subscription-payment-screen .MuiTypography-h5{font-size:.85rem!important}.subscription-payment-screen .MuiTypography-h6{font-size:.75rem!important}.subscription-payment-screen .MuiTypography-body2{font-size:.6rem!important}}.subscription-payment-screen .MuiPaper-root{animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1024px){.subscription-payment-screen .order-summary-sticky{position:-webkit-sticky;position:sticky;top:24px}}.subscription-payment-screen .MuiButton-root:focus{outline:2px solid #4caf50;outline-offset:2px}.subscription-payment-screen .MuiPaper-root:focus-within{box-shadow:0 8px 32px #00000014}.subscription-payment-screen .MuiFormControlLabel-root{border:1px solid #e0e0e0!important;border-radius:6px!important;margin:0 0 4px!important;padding:8px!important;transition:all .2s ease}.subscription-payment-screen .MuiFormControlLabel-root:hover{background-color:#f8f9fa;border-color:#4caf50!important}.subscription-payment-screen .MuiRadio-root.Mui-checked{color:#4caf50!important}.subscription-payment-screen .loading-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.subscription-payment-screen .success-checkmark{animation:checkmark .5s ease-in-out}@keyframes checkmark{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.fetching-assignments{align-items:center;color:#666;display:flex;font-size:14px;font-weight:500;height:100%;justify-content:center;min-height:80px;width:100%}.fetching-text{margin-right:4px}.loading-dots{align-items:center;display:inline-flex}.loading-dots .dot{animation:dotAnimation 1.4s infinite;font-size:16px;font-weight:700;opacity:0}.loading-dots .dot:first-child{animation-delay:0s}.loading-dots .dot:nth-child(2){animation-delay:.2s}.loading-dots .dot:nth-child(3){animation-delay:.4s}@keyframes dotAnimation{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.dark-mode .fetching-assignments{color:#fffc}.home-screen{grid-gap:0 20px;grid-row-gap:80px;display:grid;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;gap:0 20px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:1fr 1fr;height:calc(100vh - 100px);padding:0;position:relative;row-gap:80px}@media (max-width:1600px){.home-screen{gap:0 18px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);row-gap:70px}.home-section-placeholder,.home-weekly-calendar{padding:18px}}@media (max-width:1400px){.home-screen{gap:0 16px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);row-gap:60px}.home-section-placeholder,.home-weekly-calendar{padding:16px}}@media (max-width:1200px){.home-screen{gap:0 14px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);row-gap:50px}.home-section-placeholder,.home-weekly-calendar{padding:14px}}@media (max-width:1000px){.home-screen{gap:0 12px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);row-gap:40px}.home-section-placeholder,.home-weekly-calendar{padding:12px}}@media (max-width:900px){.home-screen{gap:0 10px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);row-gap:30px}.home-section-placeholder,.home-weekly-calendar{padding:10px}}@media (max-width:700px){.home-screen{gap:0 8px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);row-gap:25px}}.home-weekly-calendar{background-color:#fff;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;grid-column:1;grid-row:1/span 2;height:100%;padding:20px}.home-calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.home-calendar-header h3{color:#2c2c2c;font-size:1.2rem;font-weight:600;letter-spacing:.3px;margin:0}@media (max-width:1600px){.home-calendar-header{margin-bottom:14px}.home-calendar-header h3{font-size:1.15rem}}@media (max-width:1400px){.home-calendar-header{margin-bottom:12px}.home-calendar-header h3{font-size:1.1rem}}@media (max-width:1200px){.home-calendar-header{margin-bottom:10px}.home-calendar-header h3{font-size:1rem}}@media (max-width:1000px){.home-calendar-header{margin-bottom:8px}.home-calendar-header h3{font-size:.95rem}}@media (max-width:900px){.home-calendar-header{margin-bottom:6px}.home-calendar-header h3{font-size:.9rem}}.home-week-range{color:#666;font-size:14px;font-weight:500}.home-week-view{box-sizing:border-box;overflow-x:auto;overflow-y:hidden;width:100%}.home-day-column,.home-week-view{background-color:#fff;flex:1 1;min-width:0}.home-day-column{border-right:1px solid #d0d0d0;display:flex;flex-direction:column}.home-day-column:last-child{border-right:none}.home-date-box{background-color:#e0e0e0;border-bottom:1px solid #d0d0d0;border-radius:8px;margin:4px;padding:8px;text-align:center}.home-day-name{color:#4a4a4a;font-size:24px;font-weight:600;margin-bottom:8px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.home-date{color:#666;font-size:22px;font-weight:500}.home-events-container{flex:1 1;max-height:120px;overflow-y:auto;padding:4px}.home-assignment-item{border-radius:4px;font-size:9px;gap:1px;margin:1px 0;min-height:18px;padding:3px 5px}.home-assignment-item:hover{box-shadow:0 2px 4px #0000001a;transform:scale(1.02)}.home-assignment-title{font-size:8px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-horizontal-assignments::-webkit-scrollbar{width:4px}.home-horizontal-assignments::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.home-horizontal-assignments::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.home-horizontal-assignments::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.home-week-vertical-list::-webkit-scrollbar{width:6px}.home-week-vertical-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.home-week-vertical-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.home-week-vertical-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.home-top-right{grid-row:1}.home-bottom-right,.home-top-right{grid-column:2;height:100%;min-height:0}.home-bottom-right{grid-row:2}.home-section-placeholder{align-items:stretch;background-color:#fff;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:100%;justify-content:flex-start;min-width:0;overflow:hidden;padding:20px;text-align:left}.home-section-placeholder h3{color:#2c2c2c;font-size:1.1rem;font-weight:600;margin:0 0 10px}.home-section-placeholder p{color:#666;font-size:14px;margin:0}@media (max-width:1600px){.home-section-placeholder h3{font-size:1.05rem;margin-bottom:9px}.home-section-placeholder p{font-size:13.5px}}@media (max-width:1400px){.home-section-placeholder h3{font-size:1rem;margin-bottom:8px}.home-section-placeholder p{font-size:13px}}@media (max-width:1200px){.home-section-placeholder h3{font-size:.95rem;margin-bottom:7px}.home-section-placeholder p{font-size:12.5px}}@media (max-width:1000px){.home-section-placeholder h3{font-size:.9rem;margin-bottom:6px}.home-section-placeholder p{font-size:12px}}@media (max-width:900px){.home-section-placeholder h3{font-size:.85rem;margin-bottom:5px}.home-section-placeholder p{font-size:11px}}.home-container{height:100vh;padding:20px;position:relative}.home-inbox-button{position:absolute;right:-10px;top:-15px;z-index:10}.inbox-btn{align-items:center;background-color:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px}body.dark-mode .inbox-btn{background-color:#ffffff14;border:2px solid #ffffff26;color:#fff}.inbox-btn:hover{background-color:#e9ecef;box-shadow:0 4px 8px #00000026;color:#333;transform:scale(1.05)}body.dark-mode .inbox-btn:hover{background-color:#ffffff26;box-shadow:0 4px 8px #0000004d;color:#fff;transform:scale(1.05)}.notification-badge{align-items:center;background-color:#f44;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;position:absolute;right:-8px;top:-8px;z-index:11}body.dark-mode .notification-badge{border:2px solid #1a1a2e;box-shadow:0 2px 4px #0006}.inbox-btn:active{transform:scale(.95)}@media (max-width:900px){.home-screen{gap:15px;grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:15px}.home-weekly-calendar{grid-column:1;grid-row:1;height:auto}.home-top-right{grid-column:1;grid-row:2}.home-bottom-right{grid-column:1;grid-row:3}.home-inbox-button{right:15px;top:15px}.inbox-btn{font-size:18px;height:45px;width:45px}}.vertical-week .home-week-vertical-list{display:flex;flex-direction:column;gap:25px;height:100%;max-height:calc(100% - 60px);overflow-y:auto;padding-right:8px;width:100%}.home-week-row{align-items:flex-start;display:flex;flex-direction:row;min-height:calc(33.33333vh - 66.66667px);padding:0;width:100%}.home-day-label{align-items:center;display:flex;flex-direction:column;height:calc(33.33333vh - 100px);justify-content:center;margin-right:clamp(10px,1.5vw,25px);max-width:clamp(80px,10vw,130px);min-width:clamp(70px,9vw,120px);padding:10px 0;text-align:center}.home-horizontal-assignments{align-items:flex-start;background-color:#fafafa;border:2px solid #e0e0e0;border-radius:12px;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:flex-start;max-height:calc(33.33333vh - 100px);min-height:calc(33.33333vh - 100px);overflow-x:hidden;overflow-y:auto;padding:16px}.home-no-assignments{color:#aaa;font-size:12px;font-style:italic}.home-assignment-item{border:1px solid #0000001a;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-size:13px;gap:8px;margin:0;min-height:80px;overflow:hidden;padding:12px 16px;transition:all .2s ease;width:100%}.home-assignment-item:hover{box-shadow:0 2px 4px #0000001f;transform:scale(1.05)}.home-assignment-title{align-items:center;display:flex;font-size:14px;font-weight:600;line-height:1.3;margin:0;min-height:18px;overflow-wrap:break-word;word-break:break-word}.home-assignment-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;flex:1 1;font-size:12px;line-height:1.4;margin:0;min-height:34px;opacity:.9;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;word-break:break-word}@media (max-width:1400px){.home-assignment-item{min-height:50px;padding:6px 10px}.home-assignment-title{font-size:11px}.home-assignment-description{font-size:9px}}@media (max-width:1100px){.home-horizontal-assignments{gap:6px}.home-assignment-item{min-height:40px;padding:5px 8px}.home-assignment-title{font-size:10px}.home-assignment-description{font-size:8px}}@media (max-width:900px){.home-horizontal-assignments{gap:4px}.home-assignment-item{min-height:30px;padding:4px 6px}.home-assignment-title{font-size:9px}.home-assignment-description{font-size:7px}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.home-section-placeholder .notes-grid{grid-template-columns:repeat(2,1fr)}@media (min-width:1601px){.home-section-placeholder .notes-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.home-section-placeholder .notes-grid{grid-template-columns:1fr}}.reminder-item{max-height:120px;padding:10px}.reminder-text{font-size:16px;line-height:1.4;max-height:112px}@media (max-width:1400px){.reminder-item{max-height:90px;padding:8px}.reminder-text{font-size:10px;max-height:78px}}@media (max-width:1100px){.reminder-item{max-height:80px;padding:6px}.reminder-text{font-size:9px;max-height:72px}}@media (max-width:900px){.reminder-item{max-height:70px;padding:4px}.reminder-text{font-size:11px;max-height:62px}}.home-section-placeholder .note-card{height:180px;width:120px}@media (max-width:1400px){.home-section-placeholder .note-card{height:150px;width:100px}}@media (max-width:1100px){.home-section-placeholder .note-card{height:130px;width:90px}}@media (max-width:900px){.home-section-placeholder .note-card{height:110px;width:80px}}@media (max-width:1600px){.home-bottom-right [style*="grid-template-columns: repeat(auto-fit, minmax(320px"]>div{height:137.6px!important;width:172px!important}}@media (max-width:1200px){.home-bottom-right [style*="grid-template-columns: repeat(auto-fit, minmax(320px"]>div{height:124.8px!important;width:156px!important}}@media (max-width:1900px){.home-bottom-right [style*="grid-template-columns: repeat(auto-fit, minmax(320px"]{display:grid;grid-template-columns:1fr!important;height:100%;min-height:100%;place-content:center;place-items:center}.home-bottom-right [style*="grid-template-columns: repeat(auto-fit, minmax(320px"]>div:nth-child(n+2){display:none!important}.home-bottom-right [style*="grid-template-columns: repeat(auto-fit, minmax(320px"] h3{font-size:16px!important}}@media (max-width:1200px){.home-bottom-right [style*="grid-template-columns: repeat(auto-fit, minmax(320px"] h3{font-size:15px!important}}@media (max-width:1400px){.assignment-modal{border-width:6px!important;max-width:520px!important;padding:24px!important;width:85%!important}.assignment-modal h3+div{flex-wrap:nowrap!important;gap:8px!important}.assignment-modal h3+div>a,.assignment-modal h3+div>button{border-radius:6px!important;font-size:12px!important;padding:8px 12px!important}}@media (max-width:1900px){.reminder-modal{max-height:65vh!important;padding:24px!important}[style*="Edit Reminder"] [style*="maxHeight: '90vh'"]{max-height:70vh!important;padding:24px!important}[style*="Edit Reminder"] [style*="padding: '20px'"]{padding:14px!important}[style*="Edit Reminder"] [style*="padding: '16px'"]{padding:12px!important}[style*="Edit Reminder"] button,[style*="Edit Reminder"] input,[style*="Edit Reminder"] select,[style*="Edit Reminder"] textarea{font-size:14px!important;padding:8px 12px!important}[style*="Edit Reminder"] button[title^=Color]{height:32px!important;width:32px!important}.edit-reminder-modal{max-height:70vh!important;padding:24px!important}.edit-reminder-modal h2{font-size:22px!important;margin-bottom:20px!important}.edit-reminder-modal h3{font-size:16px!important}.edit-reminder-modal [style*="padding: '20px'"]{padding:14px!important}.edit-reminder-modal [style*="padding: '16px'"]{padding:12px!important}.edit-reminder-modal button,.edit-reminder-modal input,.edit-reminder-modal select,.edit-reminder-modal textarea{font-size:14px!important;padding:8px 12px!important}.edit-reminder-modal button[title^=Color]{height:32px!important;width:32px!important}}.quizzes-container{background-color:#f5f5f5;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:auto;min-height:calc(100vh - 40px);padding:20px}@supports (height:100dvh){.quizzes-container{min-height:calc(100dvh - 40px)}}@supports (height:100svh){.quizzes-container{min-height:calc(100svh - 40px)}}body.dark-mode .quizzes-container{background:var(--dark-background-gradient)!important}.quizzes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}@media (max-width:480px){.quizzes-header{flex-direction:column;gap:16px;justify-content:center}.quizzes-header h1{margin-bottom:0;text-align:center}}.quizzes-header h1{color:#333;font-size:24px;font-weight:600;margin:0}body.dark-mode .quizzes-header h1{color:#fff}.search-bar{align-items:center;background:#fff;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:flex;padding:8px 16px;width:300px}body.dark-mode .search-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14!important;border:1px solid #ffffff26}.search-icon{color:#666;margin-left:20px;margin-right:8px}body.dark-mode .search-icon{color:#fff}.search-bar input{background:#0000;border:none;color:#333;font-size:14px;outline:none;width:100%}body.dark-mode .search-bar input{background:#0000;color:#fff}body.dark-mode .search-bar input::placeholder{color:#ffffffb3}.quizzes-content{flex:1 1;padding-right:10px}.quizzes-section{margin-bottom:32px}.section-title{align-items:center;color:#666;display:flex;font-size:18px;font-weight:500;justify-content:center;margin-bottom:16px}body.dark-mode .section-title{color:#fff}.pin-icon{color:#666;margin-right:8px}body.dark-mode .pin-icon{color:#fff}.quizzes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,200px);justify-content:center;margin:0 auto;max-width:1200px}.loading{align-items:center;color:#666;display:flex;font-size:1.1rem;height:100%;justify-content:center}.quiz-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;flex-direction:column;height:320px;overflow:hidden;padding:0;transition:transform .2s ease,box-shadow .2s ease;width:200px}body.dark-mode .quiz-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14!important;border:1px solid #ffffff26}.quiz-card:hover{box-shadow:0 8px 25px #0003;transform:translateY(-4px)}.quiz-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:16px;font-weight:600;line-height:1.4;margin:0;overflow:hidden;padding:16px 16px 8px;text-overflow:ellipsis}body.dark-mode .quiz-card h3{color:#fff}.quiz-content{flex:1 1;overflow:hidden;padding:0 16px 16px}body.dark-mode .quiz-content svg{color:#fff!important}body.dark-mode .quiz-content svg circle,body.dark-mode .quiz-content svg rect{stroke:#fff!important;fill:#0000!important}body.dark-mode .quiz-content svg line,body.dark-mode .quiz-content svg polyline{stroke:#fff!important}body.dark-mode .quiz-content svg text{fill:#fff!important}body.dark-mode .quiz-content .quiz-icon,body.dark-mode .quiz-questions{color:#fff!important}.quiz-card.mock-note{cursor:default!important;filter:grayscale(20%);opacity:.6}button[style*="position: fixed"][style*="bottom: 40px"][style*="right: 40px"]{right:40px!important}button[style*="position: fixed"],button[style*="position: fixed"][style*="bottom: 40px"][style*="right: 40px"]{bottom:max(40px,env(safe-area-inset-bottom) + 24px)!important;position:fixed!important;transform:translateZ(0)!important;will-change:transform!important;z-index:9999!important}div[style*="position: fixed"][style*="zIndex: 9999"]{display:grid!important;inset:0!important;place-items:center!important;position:fixed!important;transform:translateZ(0)!important;will-change:transform!important;z-index:9999!important}div[style*="position: fixed"][style*="zIndex: 9999"]>div{position:relative!important;transform:translateZ(0)!important;will-change:transform!important;z-index:10000!important}body.dark-mode button[style*="position: fixed"][style*="bottom: 40px"][style*="right: 40px"]{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background-color:#ffffff14!important;border:1px solid #ffffff26!important;color:#fff!important}body.dark-mode button[style*="position: fixed"][style*="bottom: 40px"][style*="right: 40px"]:hover{background-color:#ffffff26!important}.quiz-type{color:#007bff;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.quiz-source,.quiz-type{font-size:12px;margin:0 0 8px}.quiz-source{color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-questions{color:#666;font-size:12px;font-weight:500;margin:0}.quiz-footer{align-items:center;border-top:1px solid #fff3;display:flex;justify-content:space-between;padding:12px 16px}.quiz-footer-date{font-size:12px;font-weight:500}.quiz-footer-menu{display:flex;gap:4px}.quiz-footer-menu button{transition:background-color .2s ease}.quiz-footer-menu button:hover{background-color:#fff3!important}.no-quizzes-section{color:#666;padding:60px 20px;text-align:center}.no-quizzes-section h2{color:#333;font-size:24px;font-weight:600;margin:0 0 16px}body.dark-mode .no-quizzes-section h2{color:#fff}.no-quizzes-section p{color:#666;font-size:16px;margin:0}body.dark-mode .no-quizzes-section p{color:#fffc}@media (max-width:1440px){.quizzes-grid{grid-template-columns:repeat(4,200px)}}@media (max-width:1280px){.quizzes-grid{gap:16px;grid-template-columns:repeat(4,190px)}.quiz-card{height:310px;width:190px}}@media (max-width:1024px){.quizzes-grid{gap:16px;grid-template-columns:repeat(3,200px)}.quiz-card{height:320px;width:200px}}@media (max-width:768px){.quizzes-grid{gap:12px;grid-template-columns:repeat(2,1fr);padding:0 10px}.quiz-card{height:300px;width:100%}.search-bar{width:200px}}@media (max-width:480px){.quizzes-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.quiz-card{height:auto;max-width:none;min-height:240px;width:100%}.quizzes-header{align-items:stretch;flex-direction:column;gap:16px}.search-bar{width:100%}.quiz-content svg{height:40px!important;width:40px!important}.quiz-questions{font-size:12px!important}button[style*="position: fixed"],div[style*="position: fixed"][style*="zIndex: 9999"]>div{transform:translateZ(0)!important}button[style*="position: fixed"]{position:fixed!important;will-change:transform!important;z-index:9999!important}body,html{min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden!important}button[style*="position: fixed"][style*="bottom: 40px"][style*="right: 40px"]{bottom:max(40px,env(safe-area-inset-bottom) + 24px)!important;position:fixed!important;right:40px!important;transform:translateZ(0)!important;will-change:transform!important;z-index:9999!important}div[style*="position: fixed"][style*="zIndex: 9999"]>div{left:0!important;margin:0 auto!important;position:relative!important;right:0!important;transform:none!important;will-change:transform!important;z-index:10000!important}div[style*="position: fixed"][style*="zIndex: 9999"]{display:grid!important;inset:0!important;place-items:center!important;position:fixed!important;transform:translateZ(0)!important;will-change:transform!important;z-index:9999!important}} 
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.note-editor-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.note-editor{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;height:90vh;max-width:800px;width:90%}.editor-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:20px}.title-input{background:#0000;border:none;color:#333;flex:1 1;font-size:24px;font-weight:500;outline:none;padding:0}.editor-actions{display:flex;gap:12px}.close-button,.pin-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;justify-content:center;min-height:32px;min-width:32px;padding:8px;transition:all .2s ease}.pin-button{color:#666}.pin-button.pinned{background-color:#e3f2fd;color:#448aff}.close-button{color:#666}.close-button:hover,.pin-button:hover{background-color:#f5f5f5}.back-button{align-items:center;border-radius:4px;display:flex;flex-shrink:0;font-size:18px;justify-content:center;margin-right:8px;padding:8px;transition:all .2s}.back-button:hover{background-color:#0000000d}.back-button:disabled{cursor:not-allowed;opacity:.5}body.dark-mode .back-button{color:#ccc}.editor-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:visible;padding:20px}.editor-content .ql-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;flex-shrink:0;margin-bottom:16px;padding:8px;position:static;z-index:10}.editor-content .ql-container{background:#fff!important;border:none!important;border-radius:8px;display:flex!important;flex:1 1;flex-direction:column!important;font-size:16px;min-height:0;overflow:visible}.editor-content .ql-editor{background:#fff!important;border:none!important;flex:1 1!important;height:auto!important;max-height:none!important;min-height:100vh;overflow:visible!important;padding:16px!important}.editor-content .quill{display:flex!important;flex-direction:column!important;height:auto!important}.editor-content .quill .ql-container{flex:1 1!important;min-height:0!important;overflow:visible!important}.editor-content .quill .ql-editor{height:auto!important;min-height:100vh!important;overflow:visible!important}.editor-footer{align-items:center;border-top:1px solid #eee;display:flex;flex-shrink:0;justify-content:center;padding:20px}.reminder-input{border:1px solid #ddd;color:#666;padding:8px 12px}.reminder-input,.save-button{border-radius:6px;font-size:14px}.save-button{font-weight:500;padding:10px 24px;transition:all .2s ease}.save-button:disabled{background-color:#ccc;cursor:not-allowed}.editor-content .ql-container::-webkit-scrollbar{width:8px}.editor-content .ql-container::-webkit-scrollbar-track{background:#0000}.editor-content .ql-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.editor-content .ql-container::-webkit-scrollbar-thumb:hover{background:#999}.note-editor-full-bg{background:#0000001a;bottom:0;left:0;overflow-y:auto;padding:40px 20px;position:fixed;right:0;top:0;z-index:1000}.note-editor-full-page{background:#fff;border-radius:12px;box-shadow:0 4px 32px #00000026;display:flex;flex-direction:column;margin:0 auto;max-width:900px;min-height:100vh;overflow:visible;width:100%}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Arial]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Arial]:before{content:"Arial";font-family:Arial}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Times]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Times]:before{content:"Times";font-family:Times New Roman}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Georgia]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Georgia]:before{content:"Georgia";font-family:Georgia}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Verdana]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Verdana]:before{content:"Verdana";font-family:Verdana}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Courier]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Courier]:before{content:"Courier";font-family:Courier New}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Comic Sans"]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Comic Sans"]:before{content:"Comic Sans";font-family:Comic Sans MS}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Impact]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Impact]:before{content:"Impact";font-family:Impact}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Tahoma]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Tahoma]:before{content:"Tahoma";font-family:Tahoma}.ql-font-Arial{font-family:Arial}.ql-font-Times{font-family:Times New Roman}.ql-font-Georgia{font-family:Georgia}.ql-font-Verdana{font-family:Verdana}.ql-font-Courier{font-family:Courier New}.ql-font-Comic\ Sans{font-family:Comic Sans MS}.ql-font-Impact{font-family:Impact}.ql-font-Tahoma{font-family:Tahoma}body.dark-mode .editor-content .ql-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a!important;border:1px solid #fff3!important}body.dark-mode .editor-content .ql-container{background:#0000!important}body.dark-mode .editor-content .ql-editor{background:#0000!important;color:#fff!important}body.dark-mode .editor-content .ql-editor.ql-blank:before{color:#fff9!important}body.dark-mode .ql-snow .ql-stroke{stroke:#fff!important}body.dark-mode .ql-snow .ql-fill{fill:#fff!important}body.dark-mode .ql-snow .ql-picker{color:#fff!important}body.dark-mode .ql-snow .ql-picker-options{background:#2a2a2a!important;border:1px solid #fff3!important}body.dark-mode .ql-snow .ql-picker-item{color:#fff!important}body.dark-mode .ql-snow .ql-picker-item:hover{background:#ffffff1a!important}body.dark-mode .ql-snow .ql-picker-label,body.dark-mode .ql-snow .ql-picker-label:hover{color:#fff!important}body.dark-mode .pin-button.pinned{background-color:initial!important;color:#448aff!important}body.dark-mode .close-button:hover,body.dark-mode .pin-button:hover{background-color:#ffffff1a!important}.note-editor-full-bg::-webkit-scrollbar{width:10px}.note-editor-full-bg::-webkit-scrollbar-track{background:#0000}.note-editor-full-bg::-webkit-scrollbar-thumb{background:#0000004d;border-radius:5px}.note-editor-full-bg::-webkit-scrollbar-thumb:hover{background:#00000080}body.dark-mode .note-editor-full-bg::-webkit-scrollbar-thumb{background:#ffffff4d}body.dark-mode .note-editor-full-bg::-webkit-scrollbar-thumb:hover{background:#ffffff80}.reminder-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:16px;margin:0 4px;min-height:32px;min-width:32px;padding:8px;transition:all .2s}.reminder-button:hover{background-color:#0000000d}.reminder-button.has-reminder{background-color:#fff3e0;color:#ff9800}body.dark-mode .reminder-button{color:#ccc}body.dark-mode .reminder-button:hover{background-color:#ffffff1a}body.dark-mode .reminder-button.has-reminder{background-color:#ff98001a;color:#ffa726}.reminder-input-container{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eee;display:flex;gap:10px;padding:12px 20px}body.dark-mode .reminder-input-container{background-color:#ffffff0d;border-bottom:1px solid #ffffff26}.reminder-input-header{background-color:#f8f9fa;border:1px solid #ddd;border-radius:6px;color:#666;flex:1 1;font-size:14px;max-width:300px;padding:8px 12px}.clear-reminder-button{background:none;border:1px solid #dc3545;border-radius:6px;color:#dc3545;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.clear-reminder-button:hover{background-color:#dc3545;color:#fff}body.dark-mode .clear-reminder-button{border-color:#ff6b6b;color:#ff6b6b}body.dark-mode .clear-reminder-button:hover{background-color:#ff6b6b;color:#2a2a2a}.back-button-top{align-items:center;background:#fffffff2;border:1px solid #e0e0e0;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#666;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;left:30px;padding:12px;position:fixed;top:30px;transition:all .2s;width:48px;z-index:1001}.back-button-top:hover{background-color:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.back-button-top:disabled{cursor:not-allowed;opacity:.5}body.dark-mode .back-button-top{background:#ffffff14;border:1px solid #fff3;color:#fff}body.dark-mode .back-button-top:hover{background-color:#ffffff1f;border-color:#ffffff4d}.flashcard-deck-container{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;padding:clamp(1rem,3vw,2rem)}@media (max-width:768px){.flashcard-deck-container{padding:1rem}}body.dark-mode .flashcard-deck-container{background:var(--dark-background-gradient)!important}.flashcard-deck-content{display:flex;flex-direction:column;gap:clamp(1rem,3vw,2rem);justify-content:flex-start;margin:clamp(3.5rem,10vh,6rem) auto 0;max-width:1000px;min-height:calc(100vh - 10rem);padding-top:5vh;width:100%}@media (max-width:1400px){.flashcard-deck-content{margin-top:5rem;min-height:calc(100vh - 9rem)}}@media (max-width:1200px){.flashcard-deck-content{margin-top:4.5rem;min-height:calc(100vh - 8rem)}}@media (max-height:800px){.flashcard-deck-content{padding-top:3vh}}@media (max-height:700px){.flashcard-deck-content{padding-top:2vh}}@media (max-width:768px){.flashcard-deck-content{margin-top:4rem;min-height:calc(100vh - 7rem)}}.deck-header{align-items:center;background-color:#f5f5f5;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;left:0;min-height:clamp(45px,8vh,70px);padding:clamp(.5rem,1.5vw,2rem) clamp(4rem,8vw,6rem);position:fixed;right:0;top:0;z-index:10}@media (max-width:1400px){.deck-header{min-height:55px;padding:.875rem 4.5rem}}@media (max-width:1200px){.deck-header{min-height:48px;padding:.75rem 4rem}}@media (max-width:768px){.deck-header{min-height:42px;padding:.5rem 3rem}}body.dark-mode .deck-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-bottom:1px solid #ffffff26;box-shadow:0 4px 20px #0000004d}.deck-header-left{left:2rem}.back-button,.deck-header-left{position:absolute;top:50%;transform:translateY(-50%)}.back-button{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:2rem!important;left:0;margin-left:clamp(20px,5vw,40px);padding:.5rem;transition:background-color .2s}@media (max-width:768px){.back-button{font-size:1.5rem!important;margin-left:15px}}.back-button svg,.flashcard-deck-container .back-button svg{font-size:clamp(2rem,4vw,3rem)!important;height:clamp(2rem,4vw,3rem)!important;width:clamp(2rem,4vw,3rem)!important}@media (max-width:1400px){.back-button svg,.flashcard-deck-container .back-button svg{font-size:2.5rem!important;height:2.5rem!important;width:2.5rem!important}}@media (max-width:1200px){.back-button svg,.flashcard-deck-container .back-button svg{font-size:2.25rem!important;height:2.25rem!important;width:2.25rem!important}}@media (max-width:768px){.back-button svg,.flashcard-deck-container .back-button svg{font-size:1.75rem!important;height:1.75rem!important;width:1.75rem!important}}.back-button:hover{background-color:#448aff1a}body.dark-mode .back-button{color:#fff}body.dark-mode .back-button:hover{background-color:#ffffff1a}.deck-title{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.back-arrow-wrapper{align-items:center;display:flex;height:1rem;justify-content:center;width:1rem}.back-arrow-wrapper svg{color:inherit;font-size:2rem;height:2rem;width:2rem}.deck-name-container{align-items:center;cursor:pointer;display:flex;justify-content:center}.deck-name-box{align-items:center;border:2px dashed #ccc;border-radius:8px;display:flex;gap:.75rem;padding:clamp(.5rem,1.5vw,.75rem) clamp(1rem,2vw,1.5rem);transition:all .2s}@media (max-width:1200px){.deck-name-box{padding:.5rem 1rem}}.deck-name-box:hover{background-color:#448aff0d;border-color:#448aff}.deck-name{color:#666;font-size:clamp(1.25rem,3vw,2rem);font-weight:500;margin:0;text-align:center;word-break:break-word}@media (max-width:1200px){.deck-name{font-size:1.5rem}}@media (max-width:768px){.deck-name{font-size:1.25rem}}body.dark-mode .deck-name-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-color:#ffffff4d}body.dark-mode .deck-name-box:hover{background:#ffffff1f;border-color:#448aff}body.dark-mode .deck-name{color:#fff}.edit-icon{color:#666;font-size:1.2rem;transition:color .2s}.deck-name-box:hover .edit-icon{color:#448aff}body.dark-mode .edit-icon{color:#fffc}body.dark-mode .deck-name-box:hover .edit-icon{color:#448aff}.deck-name-edit{align-items:center;display:flex;justify-content:center}.deck-name-edit input{border:2px solid #448aff;border-radius:4px;font-size:clamp(1.25rem,3vw,2rem);max-width:400px;min-width:200px;outline:none;padding:clamp(.4rem,1vw,.5rem) 1rem;text-align:center;width:auto}@media (max-width:1200px){.deck-name-edit input{font-size:1.5rem}}.deck-actions{display:flex;gap:.5rem;position:absolute;right:clamp(1rem,3vw,2rem);top:50%;transform:translateY(-50%)}@media (max-width:768px){.deck-actions{right:1rem}}.action-button{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:clamp(1rem,2vw,1.2rem);padding:clamp(.4rem,1vw,.5rem);transition:all .2s}@media (max-width:1400px){.action-button{font-size:1.1rem;padding:.45rem}}@media (max-width:1200px){.action-button{font-size:1rem;padding:.4rem}}.action-button:hover{background-color:#f5f5f5;color:#448aff}body.dark-mode .action-button{color:#fff}body.dark-mode .action-button:hover{background-color:#ffffff1a;color:#448aff}.card-container{align-items:center;display:flex;height:60vh;justify-content:center;margin:0 auto;max-height:700px;max-width:1000px;min-height:400px;perspective:1000px;position:relative;width:100%}@media (max-height:900px){.card-container{height:55vh;max-height:600px;min-height:380px}}@media (max-height:800px){.card-container{height:52vh;max-height:550px;min-height:350px}}@media (max-height:700px){.card-container{height:50vh;max-height:480px;min-height:320px}}@media (max-width:768px){.card-container{height:50vh;max-height:500px;min-height:350px}}.card-clip{align-items:center;background:#0000;border-radius:20px;box-shadow:0 12px 48px #00000040;cursor:pointer;display:flex;height:85%;justify-content:center;max-width:600px;overflow:hidden;width:60%}.flashcard{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;height:100%;pointer-events:auto;position:relative;transform:translateZ(0);transform-origin:center center;transform-style:preserve-3d;transition:transform .6s ease;width:100%;will-change:transform}@media (max-width:1600px){.card-clip{max-width:550px;width:55%}}@media (max-width:1400px){.card-clip{max-width:520px;width:52%}}@media (max-width:1200px){.card-clip{max-width:500px;width:50%}}@media (max-height:800px){.card-clip{max-width:550px;width:55%}}@media (max-height:700px){.card-clip{max-width:500px;width:50%}}@media (max-width:768px){.card-clip{height:90%;width:95%}}.flashcard.flipped{transform:rotateY(180deg) translateZ(0)}.card-back,.card-front{align-items:flex-start;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border-radius:0;box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow:visible;pointer-events:auto;position:absolute;transform:translateZ(0);width:100%;z-index:1}.card-back{background:#f8f9fa;transform:rotateY(180deg) translateZ(0)}.face-inner{box-sizing:border-box;height:100%;overflow-x:hidden;overflow-y:auto;padding:4rem 3rem 3rem;position:relative;width:100%}.face-inner,.face-inner p{pointer-events:none}body.dark-mode .card-back,body.dark-mode .card-front{backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 24px #ffffff26}@supports (-webkit-touch-callout:none){body.dark-mode .card-back,body.dark-mode .card-front{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}.face-inner::-webkit-scrollbar{width:6px}.face-inner::-webkit-scrollbar-track{background:#0000}.face-inner::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.face-inner::-webkit-scrollbar-thumb:hover{background:#0000004d}body.dark-mode .face-inner::-webkit-scrollbar-thumb{background:#fff3}body.dark-mode .face-inner::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.face-inner p{word-wrap:break-word;box-sizing:border-box;font-size:clamp(1.2rem,4vw,2rem);line-height:1.5;margin:0;max-width:100%;overflow-wrap:break-word;padding:2rem 0;text-align:center;width:100%;word-break:break-word}.face-inner{display:flex;flex-direction:column;justify-content:safe center}.face-inner p.medium-text{font-size:clamp(1rem,3.5vw,1.75rem);line-height:1.45}.face-inner p.long-text{font-size:clamp(.9rem,3vw,1.5rem);line-height:1.4}.face-inner:after{background:linear-gradient(180deg,#0000,#fff);bottom:0;content:"";height:2rem;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .3s}.face-inner:has(p.long-text):after{opacity:1}body.dark-mode .face-inner:after{background:linear-gradient(180deg,#0000,#ffffff0d)}@media (max-height:800px){.face-inner p{font-size:clamp(1.1rem,3.5vw,1.8rem);padding:1.5rem 0}.face-inner p.medium-text{font-size:clamp(.95rem,3.2vw,1.6rem)}.face-inner p.long-text{font-size:clamp(.85rem,2.8vw,1.4rem)}}@media (max-height:700px){.face-inner p{font-size:clamp(1rem,3vw,1.6rem);padding:1rem 0}.face-inner p.medium-text{font-size:clamp(.9rem,2.8vw,1.45rem)}.face-inner p.long-text{font-size:clamp(.8rem,2.5vw,1.3rem)}}@media (max-width:768px){.face-inner p{font-size:clamp(1rem,3.5vw,1.5rem)}}body.dark-mode .face-inner p{color:#fff}.card-navigation{align-items:center;bottom:10px;display:flex;gap:clamp(2rem,5vw,5rem);justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}@media (max-width:1366px){.card-navigation{bottom:5px;gap:3.5rem}}@media (max-width:1200px){.card-navigation{bottom:5px;gap:3rem}}@media (max-width:768px){.card-navigation{bottom:10px;gap:clamp(1.5rem,4vw,3rem)}}.nav-wrapper{flex:1 1}.nav-button,.nav-wrapper{align-items:center;display:flex;justify-content:center}.nav-button{background:none;border:none;border-radius:50%;color:#448aff;cursor:pointer;font-size:clamp(1.5rem,3vw,2rem);padding:clamp(.75rem,2vw,1rem);transition:all .2s}@media (max-width:768px){.nav-button{font-size:1.5rem;padding:.75rem}}.nav-button:hover{background-color:#448aff1a}.nav-button:disabled{color:#ccc;cursor:not-allowed}.add-note-button{align-items:center;background-color:#448aff;border:none;border-radius:50%;box-shadow:0 4px 28.6px #00000059;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;transition:all .2s ease;width:56px}@media (max-width:1366px){.add-note-button{height:52px;width:52px}}@media (max-width:1200px){.add-note-button{height:50px;width:50px}}@media (max-width:768px){.add-note-button{height:48px;width:48px}}.add-note-button:hover{background-color:#2979ff;transform:scale(1.05)}.add-note-button:active{transform:scale(.95)}.card-counter{color:#666;font-size:clamp(1rem,2vw,1.25rem);margin-top:.25rem;text-align:center}@media (max-width:1200px){.card-counter{font-size:1.1rem}}body.dark-mode .card-counter{color:#fff!important}.edit-card{gap:1.5rem;width:100%}.edit-card,.edit-section{display:flex;flex-direction:column}.edit-section{gap:.5rem}.edit-section label{color:#666;font-size:1.1rem}.edit-section textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:1.1rem;padding:1rem;resize:vertical;transition:border-color .2s;width:100%}.edit-section textarea:focus{border-color:#448aff;outline:none}.save-button{background-color:#448aff;border-radius:8px;cursor:pointer;font-size:1.1rem;padding:1rem 2rem;transition:all .2s}.save-button:hover{background-color:#2979ff;transform:translateY(-2px)}.add-card-button{background-color:#448aff;border:none;color:#fff;font-size:1.1rem;justify-content:center;margin-top:auto;padding:1rem 2rem}.add-card-button:hover{background-color:#2979ff;transform:translateY(-2px)}.card-actions{gap:.05rem;position:absolute;right:1rem;top:1rem;z-index:10}.card-actions,.edit-card-button{display:flex;pointer-events:auto}.edit-card-button{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:1.2rem;justify-content:center;padding:.5rem;transition:all .2s}.edit-card-button:hover{color:#448aff}body.dark-mode .edit-card-button{color:#fff}body.dark-mode .edit-card-button:hover{background-color:#ffffff1a;color:#448aff}.flashcard.flipped .edit-card-button{transform:translateZ(1px) rotateY(180deg)}@keyframes flip{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}.card-edit-content{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;padding:2rem;width:100%}.card-textarea{background:#fff;border:2px solid #448aff;border-radius:10px;color:#333;font-size:2rem;height:80%;line-height:1.6;padding:1rem;resize:none;width:100%}.card-textarea:focus{border-color:#2979ff;outline:none}.save-card-button{background-color:#448aff;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1rem;padding:.75rem 2rem;transition:all .2s}.save-card-button:hover{background-color:#2979ff;transform:scale(1.05)}.delete-confirmation-modal{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0003;left:50%;min-width:300px;padding:2rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.delete-confirmation-modal p{color:#333;font-size:1.2rem;margin-bottom:1.5rem}.delete-confirmation-modal-buttons{display:flex;gap:1rem;justify-content:center}.delete-confirmation-modal button{border:none;border-radius:25px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.delete-confirmation-modal .confirm-delete{background-color:#f44;color:#fff}.delete-confirmation-modal .confirm-delete:hover{background-color:red}.delete-confirmation-modal .cancel-delete{background-color:#e0e0e0;color:#333}.delete-confirmation-modal .cancel-delete:hover{background-color:#d0d0d0}body.dark-mode .delete-confirmation-modal .cancel-delete{background:#ffffff14;border:1px solid #ffffff26;color:#fff}body.dark-mode .delete-confirmation-modal .cancel-delete:hover{background:#ffffff1f;border-color:#ffffff4d}body.dark-mode .delete-confirmation-modal{background:var(--dark-background-gradient);border:1px solid #ffffff26;box-shadow:0 20px 60px #00000080}body.dark-mode .delete-confirmation-modal p{color:#fff}.creation-interface{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-left:auto;margin-right:auto;margin-top:8rem;max-width:1400px;padding:2rem;width:90%}body.dark-mode .creation-interface{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;box-shadow:0 8px 24px #ffffff26}.creation-card-container{background:#fafafa;border:1px solid #eee;border-radius:8px;box-sizing:border-box;margin-bottom:2rem;padding:1.5rem;width:100%}body.dark-mode .creation-card-container{background:#ffffff0d;border:1px solid #ffffff1a}.card-number{background:#448aff1a;border-radius:4px;color:#448aff;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.25rem .5rem}body.dark-mode .card-number{background:#ffffff1a!important;color:#fff!important}.creation-card-row{box-sizing:border-box;display:flex;gap:2rem;margin-bottom:1rem;width:100%}.input-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.input-group label{color:#666;font-size:.9rem;font-weight:500}body.dark-mode .input-group label{color:#ffffffe6}.definition-input,.term-input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:1.1rem;padding:1rem;transition:border-color .2s;width:100%}.definition-input:focus,.term-input:focus{border-color:#448aff;box-shadow:0 0 0 2px #448aff1a;outline:none}body.dark-mode .definition-input,body.dark-mode .term-input{background:#ffffff14;border:1px solid #fff3;color:#fff}body.dark-mode .definition-input:focus,body.dark-mode .term-input:focus{border-color:#448aff;box-shadow:0 0 0 2px #448aff33}body.dark-mode .definition-input::placeholder,body.dark-mode .term-input::placeholder{color:#ffffff80}.creation-actions{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:2rem;padding-top:1rem}body.dark-mode .creation-actions{border-top:1px solid #ffffff1a}.add-card-button{align-items:center;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.add-card-button:hover{background:#e9e9e9;border-color:#ccc}body.dark-mode .add-card-button{background:#ffffff14;border:1px solid #ffffff26;color:#fff}body.dark-mode .add-card-button:hover{background:#ffffff1f;border-color:#ffffff4d}.save-deck-button{background:#448aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 2rem;transition:all .2s}.save-deck-button:hover{background:#2979ff}.save-deck-button:disabled{background:#ccc;cursor:not-allowed}body.dark-mode .save-deck-button:disabled{background:#fff3;color:#ffffff80}.deck-title-input{background:#fff;border:2px solid #448aff;border-radius:8px;color:#333;font-size:2rem;max-width:500px;outline:none;padding:.75rem 1.5rem;text-align:center;width:100%}.deck-title-input:focus{border-color:#0366d6;outline:none}body.dark-mode .deck-title-input{background:#ffffff14;border-color:#448aff;color:#fff}body.dark-mode .deck-title-input:focus{border-color:#448aff;box-shadow:0 0 0 2px #448aff33}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-modal{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:2rem;position:relative;width:90%}body.dark-mode .edit-modal{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:1px solid #ffffff26;box-shadow:0 20px 60px #00000080}.edit-modal h3{color:#333;font-size:1.5rem;margin:0 0 1.5rem;text-align:center}body.dark-mode .edit-modal h3{color:#fff}.edit-input-group{margin-bottom:1.5rem}.edit-input-group label{color:#666;display:block;font-weight:500;margin-bottom:.5rem}body.dark-mode .edit-input-group label{color:#ffffffe6}.edit-input{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.edit-input:focus{border-color:#448aff;outline:none}body.dark-mode .edit-input{background:#ffffff14;border:1px solid #fff3;color:#fff}body.dark-mode .edit-input:focus{border-color:#448aff;box-shadow:0 0 0 2px #448aff33}body.dark-mode .edit-input::placeholder{color:#ffffff80}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-button,.save-button{border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.cancel-button{background:#f5f5f5;border:1px solid #ddd;color:#666}.save-button{background:#448aff;border:none;color:#fff}.cancel-button:hover{background:#eee}.save-button:hover{background:#2979ff}body.dark-mode .cancel-button{background:#ffffff14;border:1px solid #ffffff26;color:#fff}body.dark-mode .cancel-button:hover{background:#ffffff1f;border-color:#ffffff4d}body.dark-mode .save-button:disabled{background:#fff3;color:#ffffff80}@media (max-width:480px){.creation-interface{left:50%!important;margin:8rem auto 0!important;padding:1.5rem!important;position:relative!important;transform:translateX(-50%)!important;width:calc(100% - 40px)!important}.deck-title-input{font-size:1.25rem!important;margin:0 auto!important;max-width:100%!important;padding:.5rem 1rem!important;width:100%!important}.deck-name{max-width:20ch!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.edit-modal{max-width:350px!important}.delete-confirmation-modal,.edit-modal{padding:1.5rem!important;width:85%!important}.delete-confirmation-modal{max-width:300px!important}.edit-input-group input{box-sizing:border-box!important;display:block!important;margin:0 auto!important;max-width:100%!important;padding-left:.5rem!important;padding-right:.5rem!important;width:100%!important}.card-navigation{bottom:100px!important}.deck-header{box-sizing:border-box!important;left:0!important;margin:0!important;max-width:100vw!important;padding:.5rem 0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.back-button{left:5px!important;margin-left:0!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important}.deck-header-left{left:0!important;margin-left:0!important}}.quiz-interface{background:linear-gradient(180deg,#f8fbff,#f0f8ff 25%,#e6f3ff 50%,#d9eeff 75%,#cce8ff);background-attachment:fixed;bottom:0;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;left:0;position:fixed;right:0;top:0;z-index:2000}.quiz-interface.mixed-mode{background:linear-gradient(180deg,#f8fbff,#f0f8ff 25%,#e6f3ff 50%,#d9eeff 75%,#cce8ff);background-attachment:auto;bottom:auto;height:100%;left:auto;position:relative;right:auto;top:auto;width:100%;z-index:auto}.quiz-interface.dark-mode{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);background-attachment:fixed}.quiz-header{align-items:center;background:#fffffff2;border-bottom:1px solid #0000001a;display:flex;justify-content:center;padding:15px 25px;position:relative}.quiz-header,.quiz-interface.dark-mode .quiz-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quiz-interface.dark-mode .quiz-header{background:#ffffff14;border-bottom:1px solid #ffffff26}.quiz-progress{display:flex;flex-direction:column;gap:8px;margin-right:auto;max-width:400px}.quiz-interface.dark-mode .progress-bar{background:#fff3}.progress-fill{background:linear-gradient(90deg,#007bff,#0056b3)!important;height:100%!important}.quiz-interface.dark-mode .close-btn,.quiz-interface.dark-mode .progress-text{color:#fffc}.quiz-interface.dark-mode .close-btn:hover{background:#ffffff1a;color:#fff}.question-container{flex:0.5 1;padding:10px 20px!important}.question-text{font-size:18px!important;line-height:1.15!important}.quiz-interface.dark-mode .question-text{color:#ffffffe6;text-shadow:0 2px 4px #0000004d}.options-container{grid-gap:10px!important;box-sizing:border-box;gap:10px!important;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;margin-top:10px!important;max-width:900px;padding:0 30px 50px!important}.option-btn{font-size:16px;gap:12px;min-height:70px;padding:15px}.quiz-interface.dark-mode .option-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;color:#ffffffe6}.quiz-interface.dark-mode .option-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff4d;box-shadow:0 8px 32px #ffffff40}.option-btn.selected{background:#007bff1a;border-color:#007bff;box-shadow:0 4px 15px #007bff4d}.quiz-interface.dark-mode .option-btn.correct{background:#28a745;border-color:#28a745;box-shadow:0 4px 15px #28a74566;color:#fff}.quiz-interface.dark-mode .option-btn.incorrect{background:#dc3545;border-color:#dc3545;box-shadow:0 4px 15px #dc354566;color:#fff}.option-letter{font-size:15px;height:32px;width:32px}.quiz-interface.dark-mode .option-btn .option-letter{background:#fff3;color:#ffffffe6}.option-btn.selected .option-letter{background:#007bff}.quiz-interface.dark-mode .option-btn.selected .option-letter{background:#007bff;color:#fff}.feedback-container{bottom:10px!important}.feedback-message{border-radius:10px;font-size:16px;gap:10px;margin-bottom:15px;padding:12px 20px}.feedback-icon{font-size:20px}.next-btn{border-radius:6px;font-size:11px!important;margin-top:10px!important;padding:8px 14px!important}.quiz-interface.dark-mode .next-btn{background:#e53e3e;color:#fff}.quiz-interface.dark-mode .next-btn:hover{background:#c53030;box-shadow:0 4px 12px #e53e3e4d;transform:translateY(-1px)}.quiz-header-right{align-items:center;display:inline-flex;gap:10px;position:absolute;right:16px;top:50%;transform:translateY(-50%);white-space:nowrap}.score-indicator{margin-right:0}.quiz-interface.dark-mode .score-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;color:#fffc}@supports (-webkit-touch-callout:none){.quiz-interface.dark-mode .score-indicator{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#ffffff26!important;border:1px solid #ffffff1a!important;box-shadow:0 2px 8px #0003!important}}.quiz-completion{align-items:center;background:linear-gradient(180deg,#f8fbff,#f0f8ff 25%,#e6f3ff 50%,#d9eeff 75%,#cce8ff);background-attachment:fixed;bottom:0;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.quiz-completion.dark-mode,.quiz-interface.dark-mode .quiz-completion{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)!important;background-attachment:fixed}.completion-content{box-shadow:0 20px 60px #0000001a}.quiz-completion.dark-mode .completion-content,.quiz-interface.dark-mode .completion-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:1px solid #ffffff26;box-shadow:0 20px 60px #00000080}.completion-content h2{color:#2c3e50}.quiz-completion.dark-mode .completion-content h2,.quiz-interface.dark-mode .completion-content h2{color:#ffffffe6}.quiz-completion.dark-mode .score-circle,.quiz-interface.dark-mode .score-circle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.quiz-completion.dark-mode .score-details p,.quiz-interface.dark-mode .score-details p{color:#fffc}.completion-actions{flex-wrap:wrap;gap:15px;margin-top:30px}.btn{display:inline-block;text-decoration:none}.quiz-interface.dark-mode .btn-primary{background:#007bff;color:#fff}.quiz-interface.dark-mode .btn-primary:hover{background:#0056b3;box-shadow:0 4px 12px #007bff4d;transform:translateY(-1px)}.quiz-interface.dark-mode .btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#ffffffe6}.quiz-interface.dark-mode .btn-secondary:hover{background:#fff3;box-shadow:0 4px 12px #fff3;color:#fff;transform:translateY(-1px)}.quiz-error{align-items:center;background:linear-gradient(180deg,#f8fbff,#f0f8ff 25%,#e6f3ff 50%,#d9eeff 75%,#cce8ff);background-attachment:fixed;bottom:0;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.quiz-interface.dark-mode .quiz-error{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);background-attachment:fixed}.quiz-error h2{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 20px}.quiz-interface.dark-mode .quiz-error h2{color:#ffffffe6}@media (min-width:1921px){.question-text{font-size:17px!important;line-height:1.1!important}.options-container{margin-top:15px!important;padding:0 30px 70px!important}}@media (max-width:1920px){.question-text{font-size:17px!important;line-height:1.1!important}.options-container{margin-top:15px!important;padding:0 30px 70px!important}}@media (max-width:1680px){.question-text{font-size:16px!important;line-height:1.1!important}.options-container{margin-top:12px!important;padding:0 30px 65px!important}}@media (max-width:1536px){.question-text{font-size:16px!important;line-height:1.1!important}.options-container{margin-top:12px!important;padding:0 28px 60px!important}}@media (max-width:1440px){.quiz-header{padding:10px 18px!important}.question-text{font-size:16px!important;line-height:1.1!important;max-width:85%!important}.options-container{gap:12px;margin-top:20px!important;max-width:800px;padding:0 25px 80px}.option-btn{font-size:15px;gap:10px;min-height:65px;padding:14px}.option-letter{font-size:14px;height:30px;width:30px}.option-text{font-size:15px;line-height:1.3}.progress-text{font-size:13px}.score-indicator{font-size:13px;padding:6px 14px}}@media (max-width:1280px){.quiz-header{padding:8px 16px!important}.question-text{font-size:15px!important;line-height:1.1!important}.options-container{gap:12px;max-width:850px}.option-btn{font-size:15px;gap:10px;min-height:60px;padding:13px}.option-letter{font-size:13px;height:28px;width:28px}.progress-text{font-size:12px}.close-btn{font-size:20px;height:36px;width:36px}}@media (max-width:1366px){.quiz-header{padding:8px 16px!important}.question-text{font-size:14px!important;line-height:1.05!important;max-width:90%!important}.options-container{gap:2%;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:15px!important;max-width:85%;padding:0 3% 65px}.option-btn{font-size:clamp(14px,1.2vw,15px);gap:10px;min-height:auto;padding:clamp(10px,1.5vw,12px)}.option-letter{font-size:clamp(12px,1.2vw,14px);height:clamp(26px,2.8vw,30px);width:clamp(26px,2.8vw,30px)}.option-text{font-size:clamp(14px,1.3vw,15px);line-height:1.3}}@media (max-width:1024px){.quiz-header{padding:8px 15px}.question-text{font-size:clamp(13px,1.6vw,15px);line-height:1.1;max-width:90%}.options-container{gap:2%;margin-top:25px;max-width:90%;padding:0 3% 50px}.option-btn{font-size:clamp(13px,1.3vw,14px);gap:8px;min-height:auto;padding:clamp(8px,1.2vw,11px)}.option-letter{font-size:clamp(11px,1.2vw,13px);height:clamp(24px,2.6vw,28px);width:clamp(24px,2.6vw,28px)}.option-text{font-size:clamp(13px,1.3vw,14px);line-height:1.3}.feedback-message{font-size:15px;padding:12px 18px}.progress-text{font-size:11px}.close-btn{font-size:18px;height:32px;width:32px}}@media (max-width:900px){.quiz-header{padding:6px 12px}.question-text{font-size:clamp(12px,1.5vw,14px);line-height:1.05;max-width:92%}.options-container{gap:2%;margin-top:20px;max-width:92%;padding:0 2% 40px}.option-btn{font-size:clamp(12px,1.4vw,13px);gap:8px;min-height:auto;padding:clamp(7px,1vw,10px)}.option-letter{font-size:clamp(10px,1.1vw,12px);height:clamp(22px,2.5vw,26px);width:clamp(22px,2.5vw,26px)}.option-text{font-size:clamp(12px,1.4vw,13px);line-height:1.2}.progress-text{font-size:10px}.close-btn{font-size:16px;height:30px;width:30px}}@media (max-width:768px){.quiz-header{padding:5px 10px}.question-text{font-size:clamp(11px,1.4vw,13px);line-height:1.05;max-width:95%;padding:0 15px}.options-container{grid-template-columns:1fr;margin-top:20px;max-width:100%;padding:0 15px 30px}.option-btn{font-size:14px;gap:8px;min-height:auto;padding:10px}.option-letter{font-size:12px;height:26px;width:26px}.option-text{font-size:14px;line-height:1.3}.completion-content{padding:30px 20px}.completion-content h2{font-size:28px}.score-circle{height:100px;width:100px}.score-percentage{font-size:20px}.score-grade{font-size:16px}}.match-boxes-interface{background:linear-gradient(180deg,#f8fbff,#f0f8ff 25%,#e6f3ff 50%,#d9eeff 75%,#cce8ff);background-attachment:fixed;bottom:0;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:2000}.match-boxes-interface.mixed-mode{background:linear-gradient(180deg,#f8fbff,#f0f8ff 25%,#e6f3ff 50%,#d9eeff 75%,#cce8ff);background-attachment:auto;bottom:auto;height:100%;left:auto;position:relative;right:auto;top:auto;width:100%;z-index:auto}.match-boxes-interface.dark-mode{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);background-attachment:fixed}.match-boxes-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;min-height:0;padding:clamp(10px,2vh,20px) clamp(15px,3vw,30px);position:relative}.match-boxes-interface.dark-mode .match-boxes-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-bottom:1px solid #ffffff26}.match-boxes-progress{display:flex;flex:1 1;flex-direction:column;gap:clamp(4px,.8vh,8px);max-width:clamp(200px,25vw,400px);min-height:0}.round-indicator{margin-bottom:clamp(2px,.4vh,4px);text-align:center}.round-text{background:#fffc;border-radius:clamp(6px,1vh,12px);color:#495057;display:inline-block;font-size:clamp(10px,1.8vh,16px);font-weight:600;overflow:hidden;padding:clamp(2px,.5vh,4px) clamp(6px,1.2vw,12px);text-overflow:ellipsis;white-space:nowrap}.match-boxes-interface.dark-mode .round-text{background:#ffffff14;color:#ffffffe6}.progress-bar{border-radius:clamp(2px,.4vh,4px);height:clamp(4px,.8vh,8px)}.match-boxes-interface.dark-mode .progress-bar{background:#fff3}.progress-fill{background:linear-gradient(90deg,#28a745,#20c997);border-radius:clamp(2px,.4vh,4px)}.progress-text{font-size:clamp(8px,1.4vh,14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-boxes-interface.dark-mode .progress-text{color:#ffffffe6}.close-btn{flex-shrink:0;font-size:clamp(16px,2.5vh,24px);height:clamp(30px,4vh,40px);width:clamp(30px,4vh,40px)}.header-instructions{left:50%;max-width:clamp(400px,60vw,600px);min-height:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1}.header-instructions h3{color:#1a365d;font-size:clamp(12px,2vh,18px);font-weight:600;margin:0 0 clamp(2px,.4vh,4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-boxes-interface.dark-mode .header-instructions h3{color:#ffffffe6;text-shadow:0 2px 4px #0000004d}.header-instructions p{color:#2d3748;font-size:clamp(8px,1.4vh,14px);font-weight:400;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-boxes-interface.dark-mode .header-instructions p{color:#ffffffe6}.header-score{background:#fffffff2;border-radius:clamp(10px,2vh,20px);box-shadow:0 4px 16px #0000001a;color:#495057;flex-shrink:0;font-size:clamp(8px,1.4vh,14px);font-weight:600;margin-left:auto;margin-right:clamp(10px,2vw,20px);overflow:hidden;padding:clamp(4px,.8vh,8px) clamp(8px,1.5vw,16px);text-overflow:ellipsis;white-space:nowrap}.header-score,.match-boxes-interface.dark-mode .header-score{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.match-boxes-interface.dark-mode .header-score{background:#ffffff14;color:#fffc}.header-streak{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:clamp(10px,2vh,20px);box-shadow:0 4px 16px #0000001a;color:#495057;display:flex;flex-shrink:0;font-size:clamp(8px,1.4vh,14px);font-weight:600;gap:clamp(2px,.4vh,4px);margin-right:clamp(8px,1.5vw,15px);padding:clamp(4px,.8vh,8px) clamp(6px,1.2vw,12px)}.header-streak .streak-icon{font-size:clamp(12px,1.8vh,16px)}.header-streak .streak-count{color:#e53e3e;font-weight:700}.instructions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;padding:20px 30px;text-align:center}.instructions h3{color:#1a365d;font-size:24px;font-weight:600;margin:0 0 8px;text-shadow:0 2px 4px #ffffff4d}.match-boxes-interface.dark-mode .instructions h3{color:#ffffffe6;text-shadow:0 2px 4px #0000004d}.instructions p{color:#2d3748;font-size:16px;font-weight:500;margin:0}.match-boxes-interface.dark-mode .instructions p{color:#ffffffe6}.match-boxes-container{grid-gap:min(12vw,12vh);align-items:stretch;box-sizing:border-box;display:grid;flex:1 1;gap:min(12vw,12vh);grid-template-areas:"terms definitions";grid-template-columns:1fr 1fr;max-width:100vw;min-height:0;overflow:hidden;padding:min(3vw,3vh);width:100%}.left-column{grid-area:terms;justify-self:start}.left-column,.right-column{align-self:stretch;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-radius:0;box-shadow:none;display:flex;flex-direction:column;max-width:48%;min-height:0;min-width:35%;overflow:hidden;padding:0;width:100%}.right-column{grid-area:definitions;justify-self:end;margin-left:auto}.column-title{border-bottom:3px solid #3182ce;color:#1a365d;flex-shrink:0;font-size:min(2.5vh,2.5vw,24px);font-weight:700;letter-spacing:1px;margin:0 0 min(2vh,2vw);overflow:hidden;padding-bottom:min(1vh,1vw);text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.match-boxes-interface.dark-mode .column-title{color:#ffffffe6}.items-list{align-items:stretch;display:flex;flex:1 1;flex-direction:column;gap:min(1vh,1vw);height:100%;justify-content:flex-start;min-height:0;overflow-y:auto;padding-right:min(1vw,1vh)}.items-list>*{flex:1 1;min-height:0}.items-list::-webkit-scrollbar{width:min(.5vw,.5vh,6px)}.items-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:min(.25vw,.25vh,3px)}.items-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:min(.25vw,.25vh,3px)}.items-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.match-item{align-items:center;background:#ffffffe6;border:2px solid #e2e8f0;border-radius:min(.8vh,.8vw,8px);box-shadow:0 min(.4vh,.4vw) min(1.2vh,1.2vw) #00000014;cursor:pointer;display:flex;flex-grow:0;flex-shrink:1;flex:1 1;height:auto;justify-content:space-between;max-height:min(12vh,12vw,120px);min-height:min(5vh,5vw,40px);overflow:hidden;padding:min(1.5vh,1.5vw) min(2vh,2vw);position:relative;transition:all .3s ease}.match-boxes-interface.dark-mode .match-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;color:#ffffffe6}.match-item:hover:not(.matched){border-color:#3182ce;box-shadow:0 min(.8vh,.8vw) min(2.5vh,2.5vw) #00000026;transform:translateY(-min(.3vh,.3vw))}.match-boxes-interface.dark-mode .match-item:hover:not(.matched){background:#ffffff14;border-color:#3182ce;box-shadow:0 min(.8vh,.8vw) min(2.5vh,2.5vw) #0000004d;transform:translateY(-min(.3vh,.3vw))}.match-item.selected{background:#ebf8fff2;border-color:#3182ce;box-shadow:0 min(.8vh,.8vw) min(2.5vh,2.5vw) #3182ce40;transform:translateY(-min(.3vh,.3vw))}.match-item.matched{background:#28a745;border-color:#28a745;box-shadow:0 min(.4vh,.4vw) min(1.6vh,1.6vw) #28a7454d;color:#fff;cursor:default}.match-boxes-interface.dark-mode .match-item.matched{background:#1a4d2b;border-color:#2d5a3d;box-shadow:0 min(.4vh,.4vw) min(1.6vh,1.6vw) #1e4d2b66;color:#a8e6cf;cursor:default}.match-item.incorrect{animation:incorrectShake .6s ease;background:#dc35451a;border-color:#dc3545;box-shadow:0 min(.4vh,.4vw) min(1.6vh,1.6vw) #dc35454d}.connecting-line{stroke:#3182ce;stroke-width:3;stroke-dasharray:8,4;fill:none;animation:dash 1s linear infinite;pointer-events:none;position:fixed;z-index:1000}.connecting-line.correct{stroke:#28a745;stroke-width:4;stroke-dasharray:none;animation:none}.connecting-line.incorrect{stroke:#dc3545;stroke-width:3;stroke-dasharray:none;animation:none}@keyframes dash{to{stroke-dashoffset:-12}}.item-text{word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;align-items:center;display:-webkit-box;display:flex;flex:1 1;font-size:min(1.5vh,1.5vw,16px);font-weight:500;height:100%;line-height:1.4;min-height:0;overflow:hidden;overflow-wrap:break-word}.match-icon{color:#fff;flex-shrink:0;font-size:min(2vh,2vw,20px);font-weight:700;margin-left:min(1.2vh,1.2vw)}.feedback-message{box-shadow:0 8px 32px #0003;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10}.feedback-message.correct{background:#28a745f2;color:#fff}.feedback-message.incorrect{background:#dc3545f2;color:#fff}.score-indicator{right:80px;top:50%;transform:translateY(-50%)}.score-indicator,.streak-indicator{box-shadow:0 4px 16px #0000001a;position:absolute}.streak-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;color:#495057;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;right:190px;top:25px}.streak-icon{color:#ff6b35;font-size:16px}.streak-count{font-size:14px}.match-boxes-completion{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.match-boxes-completion.dark-mode,.match-boxes-interface.dark-mode .match-boxes-completion{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}.match-boxes-completion.dark-mode .completion-content,.match-boxes-interface.dark-mode .completion-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:1px solid #ffffff26;box-shadow:0 20px 60px #00000080}.completion-content h2{color:#333}.match-boxes-completion.dark-mode .completion-content h2,.match-boxes-interface.dark-mode .completion-content h2{color:#ffffffe6}.match-boxes-completion.dark-mode .score-circle,.match-boxes-interface.dark-mode .score-circle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.match-boxes-completion.dark-mode .score-details p,.match-boxes-interface.dark-mode .score-details p{color:#fffc}.round-scores{margin-top:16px;text-align:center}.round-scores p{color:#495057;font-size:16px;font-weight:600;margin:0 0 8px}.match-boxes-completion.dark-mode .round-scores p,.match-boxes-interface.dark-mode .round-scores p{color:#fffc}.round-score{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;display:inline-block;font-size:14px;margin:4px;padding:6px 12px}.match-boxes-completion.dark-mode .round-score,.match-boxes-interface.dark-mode .round-score{background:#ffffff1a;border:1px solid #fff3;color:#fffc}@media (max-width:768px){.match-boxes-container{align-items:stretch;gap:min(6vh,6vw);grid-template-areas:"terms definitions";grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:min(2vh,2vw)}.left-column{justify-self:start}.left-column,.right-column{align-self:stretch;max-width:45%;min-width:35%}.right-column{justify-self:end;margin-left:auto}.match-boxes-header{flex-direction:column;gap:min(1.5vh,1.5vw);padding:min(1.5vh,1.5vw) min(2vw,2vh)}.header-instructions{margin:0;max-width:100%;order:-1;position:static;transform:none}.match-boxes-progress{gap:min(.6vh,.6vw);max-width:100%}.items-list{gap:min(1vh,1vw)}}@media (max-width:480px){.match-boxes-container{align-items:stretch;gap:min(4vh,4vw);grid-template-areas:"terms definitions";grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:min(1.5vh,1.5vw)}.left-column{justify-self:start}.left-column,.right-column{align-self:stretch;max-width:45%;min-width:35%}.right-column{justify-self:end;margin-left:auto}.match-boxes-header{gap:min(1vh,1vw);padding:min(1vh,1vw) min(1.5vw,1.5vh)}.items-list{gap:min(.8vh,.8vw)}}@media (max-height:600px){.match-boxes-container{align-items:stretch;gap:min(4vh,4vw);grid-template-areas:"terms definitions";padding:min(1.5vh,1.5vw)}.left-column{justify-self:start}.left-column,.right-column{align-self:stretch;max-width:45%;min-width:35%}.right-column{justify-self:end;margin-left:auto}.match-boxes-header{gap:min(.8vh,.8vw);padding:min(1vh,1vw) min(2vw,2vh)}.items-list{gap:min(.8vh,.8vw)}}@media (max-height:500px){.match-boxes-container{align-items:stretch;gap:min(3vh,3vw);grid-template-areas:"terms definitions";padding:min(1vh,1vw)}.left-column{justify-self:start}.left-column,.right-column{align-self:stretch;max-width:45%;min-width:35%}.right-column{justify-self:end;margin-left:auto}.match-boxes-header{gap:min(.6vh,.6vw);padding:min(.8vh,.8vw) min(1.5vw,1.5vh)}.items-list{gap:min(.6vh,.6vw)}}@media (max-width:320px){.match-boxes-container{align-items:stretch;gap:min(3vh,3vw);grid-template-areas:"terms definitions";grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:min(1vh,1vw)}.left-column{justify-self:start}.left-column,.right-column{align-self:stretch;max-width:45%;min-width:35%}.right-column{justify-self:end;margin-left:auto}.match-boxes-header{gap:min(.5vh,.5vw);padding:min(.8vh,.8vw) min(1vw,1vh)}.items-list{gap:min(.5vh,.5vw)}}@media (max-height:400px){.match-boxes-container{align-items:stretch;gap:min(2vh,2vw);grid-template-areas:"terms definitions";padding:min(.8vh,.8vw)}.left-column{justify-self:start}.left-column,.right-column{align-self:stretch;max-width:45%;min-width:35%}.right-column{justify-self:end;margin-left:auto}.match-boxes-header{gap:min(.4vh,.4vw);padding:min(.6vh,.6vw) min(1.2vw,1.2vh)}.items-list{gap:min(.4vh,.4vw)}}.race-the-clock-interface{background:linear-gradient(180deg,#fff5f5,#fed7d7 25%,#feb2b2 50%,#fc8181 75%,#f56565);background-attachment:fixed;bottom:0;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;left:0;position:fixed;right:0;top:0;z-index:2000}.race-the-clock-interface.mixed-mode{background:linear-gradient(180deg,#fff5f5,#fed7d7 25%,#feb2b2 50%,#fc8181 75%,#f56565);background-attachment:auto;bottom:auto;height:100%;left:auto;position:relative;right:auto;top:auto;width:100%;z-index:auto}.race-the-clock-interface.dark-mode{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);background-attachment:fixed}.start-screen{align-items:center;display:flex;height:100%;justify-content:center;padding:20px}.start-content{animation:completionSlideIn .6s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;text-align:center;width:90%}.race-the-clock-interface.dark-mode .start-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;box-shadow:0 20px 60px #00000080}.start-content h2{color:#e53e3e;font-size:32px;font-weight:700;letter-spacing:1px;margin:0 0 30px;text-transform:uppercase}.race-the-clock-interface.dark-mode .start-content h2{color:#ffffffe6;text-shadow:0 2px 4px #0000004d}.game-info{margin-bottom:30px;text-align:left}.game-info p{color:#4a5568;font-size:16px;line-height:1.5;margin:10px 0}.race-the-clock-interface.dark-mode .game-info p{color:#ffffffe6}.start-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.start-buttons .btn{flex:1 1;font-size:16px;max-width:200px;padding:12px 24px}.race-the-clock-interface:not(.mixed-mode) .race-the-clock-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;display:flex;justify-content:flex-start;padding:20px 30px;position:relative}.race-the-clock-interface.dark-mode:not(.mixed-mode) .race-the-clock-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-bottom:1px solid #ffffff26}.race-the-clock-interface:not(.mixed-mode) .race-the-clock-progress{margin-right:auto;max-width:400px}.race-the-clock-interface:not(.mixed-mode) .race-the-clock-header .timer{left:50%;overflow:visible;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.race-the-clock-interface:not(.mixed-mode) .race-header-right{align-items:center;display:inline-flex;gap:10px;position:absolute;right:16px;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:3}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:100%}.race-the-clock-interface.dark-mode .progress-bar{background:#fff3}.progress-fill{background:linear-gradient(90deg,#e53e3e,#f56565);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#6c757d;font-size:14px;font-weight:500}.race-the-clock-interface.dark-mode .progress-text{color:#ffffffe6}.timer{align-items:center;background:#fffffff2;border:2px solid #e9ecef;border-radius:20px;color:#495057;display:flex;font-size:16px;font-weight:600;gap:8px;justify-self:center;padding:8px 16px;transition:all .3s ease}.race-the-clock-interface.dark-mode .timer,.timer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.race-the-clock-interface.dark-mode .timer{background:#ffffff14;border:1px solid #ffffff26;color:#fffc}.timer-warning{animation:pulse 1s infinite;background:#ffc1071a;border-color:#ffc107;color:#856404}.timer-danger{animation:pulse .5s infinite;background:#dc35451a;border-color:#dc3545;color:#721c24}.timer-icon{font-size:18px}.timer-text{font-family:Courier New,monospace;font-weight:700}.timer-bonus{animation:timerBonusUp .8s cubic-bezier(.4,0,.2,1) forwards;color:#28a745;font-size:22px;font-weight:700;opacity:1;text-shadow:0 2px 8px #28a74526;z-index:10}@keyframes timerBonusUp{0%{opacity:1;transform:translateX(-50%) translateY(0)}70%{opacity:1;transform:translateX(-50%) translateY(-18px)}to{opacity:0;transform:translateX(-50%) translateY(-32px)}}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-btn:hover{background:#f8f9fa;color:#495057}.race-the-clock-interface.dark-mode .close-btn{color:#fffc}.race-the-clock-interface.dark-mode .close-btn:hover{background:#ffffff1a;color:#ffffffe6}.question-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:10px 30px;text-align:center}.question-text{color:#2c3e50;font-size:26px!important;font-weight:600;line-height:1.2!important;margin:0;max-width:800px;text-shadow:0 2px 4px #0000001a}.race-the-clock-interface.dark-mode .question-text{color:#ffffffe6;text-shadow:0 2px 4px #0000004d}.options-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:30px auto 0;max-width:1000px;padding:0 30px 100px;width:100%}.options-container.two-options{grid-template-columns:repeat(2,1fr);max-width:1000px}.options-container.two-options .option-btn{font-size:22px;min-height:200px;padding:50px}.option-btn{align-items:center;background:#fffffff2;border:2px solid #ffffff4d;border-radius:12px;box-sizing:border-box;color:#495057;cursor:pointer;display:flex;font-size:18px;font-weight:500;gap:20px;min-height:120px;overflow:hidden;padding:28px;position:relative;text-align:left;transition:all .3s ease;width:100%}.option-btn,.race-the-clock-interface.dark-mode .option-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.race-the-clock-interface.dark-mode .option-btn{background:#ffffff14;border:1px solid #ffffff26;color:#ffffffe6}.option-btn:hover:not(:disabled){border-color:#fff9;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.race-the-clock-interface.dark-mode .option-btn:hover:not(:disabled){border-color:#ffffff4d;box-shadow:0 8px 25px #0000004d}.option-btn:disabled{cursor:default}.option-btn.selected{background:#e53e3e1a;border-color:#e53e3e;box-shadow:0 4px 15px #e53e3e4d}.option-btn.correct{animation:correctPulse .6s ease;background:#28a745;border-color:#28a745;color:#fff}.option-btn.incorrect{animation:incorrectShake .6s ease;background:#dc3545;border-color:#dc3545;color:#fff}.race-the-clock-interface.dark-mode .option-btn.correct{background:#28a745;border-color:#28a745;box-shadow:0 4px 15px #28a74566;color:#fff}.race-the-clock-interface.dark-mode .option-btn.incorrect{background:#dc3545;border-color:#dc3545;box-shadow:0 4px 15px #dc354566;color:#fff}.option-letter{align-items:center;background:#f8f9fa;border-radius:50%;color:#6c757d;display:flex;flex-shrink:0;font-size:22px;font-weight:600;height:50px;justify-content:center;transition:all .3s ease;width:50px}.race-the-clock-interface.dark-mode .option-letter{background:#ffffff1a;color:#fffc}.option-btn.selected .option-letter{background:#e53e3e;color:#fff}.option-btn.correct .option-letter,.option-btn.incorrect .option-letter{background:#fff3;color:#fff}.option-text{flex:1 1;line-height:1.5}.correct-icon,.incorrect-icon{color:#fff;font-size:18px;font-weight:700;position:absolute;right:8px;top:2px}.feedback-container{bottom:40px;left:50%;position:fixed;text-align:center;transform:translateX(-50%);z-index:10}.feedback-message{align-items:center;animation:feedbackSlideIn .4s ease;border-radius:12px;display:flex;font-size:18px;font-weight:600;gap:12px;justify-content:center;margin-bottom:20px;padding:16px 24px}.feedback-message.correct{background:#28a7451a;border:2px solid #28a7454d;color:#28a745}.feedback-message.incorrect{background:#dc35451a;border:2px solid #dc35454d;color:#dc3545}.feedback-icon{font-size:24px;font-weight:700}.next-btn{background:#e53e3e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.next-btn:hover{background:#c53030;box-shadow:0 4px 12px #e53e3e4d;transform:translateY(-1px)}.race-the-clock-interface:not(.mixed-mode) .score-indicator{margin-right:0}.score-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;color:#495057;font-size:14px;font-weight:600;padding:8px 16px}@supports (-webkit-touch-callout:none){.score-indicator{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fffffffa!important;border:1px solid #0000000d!important;box-shadow:0 2px 8px #0000001a!important}}.race-the-clock-interface.dark-mode .score-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;color:#fffc}@supports (-webkit-touch-callout:none){.race-the-clock-interface.dark-mode .score-indicator{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#ffffff26!important;border:1px solid #ffffff1a!important;box-shadow:0 2px 8px #0003!important}}.race-the-clock-completion{align-items:center;background:#e53e3e;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.race-the-clock-completion.dark-mode,.race-the-clock-interface.dark-mode .race-the-clock-completion{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}.completion-content{animation:completionSlideIn .6s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;text-align:center;width:90%}.race-the-clock-completion.dark-mode .completion-content,.race-the-clock-interface.dark-mode .completion-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:1px solid #ffffff26;box-shadow:0 20px 60px #00000080}.completion-content h2{color:#e53e3e;font-size:32px;font-weight:700;letter-spacing:1px;margin:0 0 30px;text-transform:uppercase}.race-the-clock-completion.dark-mode .completion-content h2,.race-the-clock-interface.dark-mode .completion-content h2{color:#ffffffe6;text-shadow:0 2px 4px #0000004d}.score-display{margin-bottom:40px}.score-circle{align-items:center;animation:scorePulse 1s ease;border:6px solid;border-radius:50%;display:flex;flex-direction:column;height:120px;justify-content:center;margin:0 auto 20px;width:120px}.race-the-clock-completion.dark-mode .score-circle,.race-the-clock-interface.dark-mode .score-circle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.score-percentage{font-size:24px;font-weight:700;line-height:1}.score-grade{font-size:18px;font-weight:600;margin-top:4px}.score-details p{color:#6c757d;font-size:18px;margin:0}.race-the-clock-completion.dark-mode .score-details p,.race-the-clock-interface.dark-mode .score-details p{color:#fffc}.completion-actions{display:flex;gap:16px;justify-content:center}.btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3;box-shadow:0 4px 12px #007bff4d;transform:translateY(-1px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62;box-shadow:0 4px 12px #6c757d4d;transform:translateY(-1px)}.race-the-clock-error{align-items:center;background:#e53e3e;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.race-the-clock-error h2{color:#fff;margin-bottom:20px}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes incorrectShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes feedbackSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes completionSlideIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes scorePulse{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:768px){.race-the-clock-header{padding:10px 15px!important}.question-text{font-size:15px!important;line-height:1.1!important;padding:0 20px}.options-container{grid-template-columns:1fr;margin-top:20px!important;max-width:100%;padding:0 20px 60px!important}.option-btn{font-size:14px!important;min-height:70px!important;padding:16px!important}.option-letter{font-size:16px!important;height:36px!important;width:36px!important}.completion-content{padding:30px 20px}.completion-content h2{font-size:24px!important}.score-circle{height:100px;width:100px}.score-percentage{font-size:20px}.score-grade{font-size:16px}.timer{padding:6px 12px!important}.timer,.timer-text{font-size:14px!important}}.ai-tutor-container{background-color:initial;display:flex;flex-direction:column;height:100vh}.ai-tutor-header{background-color:initial;flex-shrink:0;padding:20px}.ai-tutor-header h1{color:#333;font-size:24px;margin:0}.ai-tutor-content{flex:1 1;overflow:auto;padding:20px 20px 0}.content-area{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;min-height:60vh;padding:20px;text-align:center}.content-area.session-active{align-items:stretch;justify-content:flex-start;margin:0;max-width:none;min-height:calc(100vh - 80px);padding:0;text-align:left}.welcome-section{margin-bottom:40px}.welcome-section h2{color:#333;font-size:28px;font-weight:600;margin:0 0 12px}.welcome-section p{color:#666;font-size:16px;margin:0;max-width:500px}.upload-boxes{gap:20px}.upload-box,.upload-boxes{align-items:center;display:flex;justify-content:center}.upload-box{background-color:#fff;border:1px solid #64b5f6;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;flex-direction:column;height:140px;padding:20px 16px;text-align:center;transition:all .2s ease;width:140px}.upload-box:hover{border-color:#2196f3;box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.upload-icon{color:#2196f3;font-size:28px;margin-bottom:8px}.upload-box h3{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.upload-box p{color:#666;font-size:12px;line-height:1.3;margin:0}.file-box:hover .upload-icon{color:#1976d2}.note-box:hover .upload-icon{color:#ff9800}.ai-tutor-footer{background-color:initial;bottom:0;flex-shrink:0;padding:15px 20px;position:-webkit-sticky;position:sticky}.ai-tutor-footer.session-active{margin-left:240px}.chat-form{margin:0 auto;max-width:1200px}.input-container{align-items:center;display:flex;position:relative}.chat-input{border:1px solid #ddd;border-radius:25px;font-size:14px;outline:none;padding:12px 50px 12px 16px;transition:border-color .2s;width:100%}.chat-input:focus{border-color:#2196f3}.arrow-button{align-items:center;background-color:#2196f3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:background-color .2s;width:32px}.arrow-button:hover{background-color:#1976d2}.arrow-button:disabled{background-color:#ccc;cursor:not-allowed}.dark-mode .ai-tutor-container{background-color:initial}.dark-mode .ai-tutor-header h1{color:#fff}.dark-mode .content-area{color:#ccc}.dark-mode .welcome-section h2{color:#fff}.dark-mode .welcome-section p{color:#ccc}.dark-mode .upload-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff14;border:1px solid #64b5f6}.dark-mode .upload-box:hover{border-color:#2196f3}.dark-mode .upload-box h3{color:#fff}.dark-mode .upload-box p{color:#ccc}.dark-mode .ai-tutor-footer{background-color:initial}.dark-mode .chat-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff14;border:1px solid #ffffff26;color:#fff}.dark-mode .chat-input:focus{border-color:#2196f3}.dark-mode .chat-input::placeholder{color:#999}.dark-mode .chat-input:disabled{background-color:#ffffff0d;color:#666}.chat-interface{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px;width:100%}.chat-interface.full-screen{height:100%;margin:0;max-width:none;padding:0;width:100%}.chat-messages{background-color:initial;border:none;display:flex;flex:1 1;flex-direction:column;gap:16px;height:calc(100vh - 80px);margin-left:250px;overflow-y:auto;padding:20px 40px;position:relative;width:100%}.message{display:flex;margin-bottom:12px}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{background:none;border:none;border-radius:0;font-size:16px;line-height:1.6;max-width:100%;padding:0}.message.user .message-content{background-color:#2196f3;border-radius:18px;border-bottom-right-radius:4px;color:#fff;max-width:70%;padding:12px 16px}.message.assistant .message-content{background:none;border:none;border-radius:0;color:var(--text-primary);max-width:100%}.typing-indicator{align-items:center;display:flex;gap:4px}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background-color:#999;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.ai-tutor-layout{display:flex;height:100vh;width:100%}.outline-sidebar{background:#fff;border-right:1px solid #eee;box-shadow:2px 0 15px #00000026;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:250px}.dark-mode .outline-sidebar{background:#ffffff14;border-right-color:#ffffff26;box-shadow:2px 0 15px #0000004d}.logo-container{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:center;padding:20px}.dark-mode .logo-container{border-bottom-color:#ffffff26}.logo{height:48px;width:auto}.sections-container{flex:1 1;overflow-y:auto;padding:20px 0}.creating-outline{align-items:center;color:#666;display:flex;font-size:15px;gap:12px;padding:16px 20px;transition:all .2s}.dark-mode .creating-outline{color:#fff}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #eee;border-radius:50%;border-top-color:#007aff;height:18px;width:18px}.dark-mode .loading-spinner{border-color:#fff #ffffff26 #ffffff26}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.outline-section{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:15px;margin-bottom:0;padding:16px 0;text-align:left;transition:all .2s;width:100%}.dark-mode .outline-section{color:#fff}.outline-section:hover{background:#f5f5f5;color:#333}.dark-mode .outline-section:hover{background:#ffffff1a;color:#fff}.outline-section.active-section{background:#e3f2fd;border-left:3px solid #2196f3;color:#1976d2}.dark-mode .outline-section.active-section{background:#2196f333;border-left-color:#64b5f6;color:#64b5f6}.section-number{align-items:center;background-color:#007aff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:18px;justify-content:center;margin-right:12px;width:18px}.dark-mode .section-number{background-color:#fff;color:#1a1a1a}.section-content{flex:1 1;min-width:0}.section-content h4{color:inherit;font-size:14px;font-weight:500;line-height:1.3;margin:0 0 2px}.section-content h4,.section-content p{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.section-content p{color:#999;font-size:11px;line-height:1.2;margin:0}.analogies,.key-concepts,.learning-objectives,.practice-questions,.real-world-apps{margin:8px 0;padding:6px 0}.analogies h5,.key-concepts h5,.learning-objectives h5,.practice-questions h5,.real-world-apps h5{align-items:center;color:#333;display:flex;font-size:11px;font-weight:600;gap:3px;margin:0 0 4px}.dark-mode .analogies h5,.dark-mode .key-concepts h5,.dark-mode .learning-objectives h5,.dark-mode .practice-questions h5,.dark-mode .real-world-apps h5{color:#fff}.learning-objectives ul{margin:3px 0 0;padding-left:12px}.learning-objectives li{color:#666;font-size:10px;line-height:1.2;margin:1px 0}.dark-mode .learning-objectives li{color:#ccc}.concepts-list{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}.concept-tag{background-color:#e3f2fd;border-radius:8px;color:#1976d2;font-size:9px;font-weight:500;padding:1px 4px}.dark-mode .concept-tag{background-color:#2196f333;color:#64b5f6}.analogy-item{background-color:#f8f9fa;border-left:2px solid #2196f3;border-radius:4px;margin:4px 0;padding:4px}.dark-mode .analogy-item{background-color:#ffffff0d;border-left-color:#64b5f6}.analogy-concept{color:#333;font-size:10px;font-weight:600;margin-bottom:1px}.dark-mode .analogy-concept{color:#fff}.analogy-text{font-size:10px;margin-bottom:1px}.analogy-explanation{color:#666;font-size:9px;line-height:1.2}.dark-mode .analogy-explanation{color:#ccc}.practice-question{background-color:#fff3e0;border-left:2px solid #ff9800;border-radius:4px;margin:4px 0;padding:4px}.dark-mode .practice-question{background-color:#ff98001a;border-left-color:#ffb74d}.question-text{color:#333;font-size:10px;font-weight:500;margin-bottom:2px}.dark-mode .question-text{color:#fff}.question-options{margin:2px 0}.option{color:#666;font-size:9px;margin:1px 0;padding-left:6px}.dark-mode .option{color:#ccc}.question-difficulty{color:#ff9800;font-size:8px;font-weight:500;margin-top:1px}.dark-mode .question-difficulty{color:#ffb74d}.real-world-apps ul{margin:3px 0 0;padding-left:12px}.real-world-apps li{color:#666;font-size:10px;line-height:1.2;margin:1px 0}.dark-mode .real-world-apps li{color:#ccc}.section-meta{align-items:center;border-top:1px solid #eee;display:flex;gap:6px;margin-top:6px;padding-top:4px}.dark-mode .section-meta{border-top-color:#ffffff1a}.difficulty-badge{border-radius:8px;font-size:8px;font-weight:600;padding:1px 4px;text-transform:uppercase}.difficulty-badge.difficulty-beginner{background-color:#e8f5e8;color:#2e7d32}.difficulty-badge.difficulty-intermediate{background-color:#fff3e0;color:#f57c00}.difficulty-badge.difficulty-advanced{background-color:#ffebee;color:#c62828}.dark-mode .difficulty-badge.difficulty-beginner{background-color:#2e7d3233;color:#81c784}.dark-mode .difficulty-badge.difficulty-intermediate{background-color:#f57c0033;color:#ffb74d}.dark-mode .difficulty-badge.difficulty-advanced{background-color:#c6282833;color:#ef5350}.time-estimate{color:#666;font-size:8px;font-weight:500}.dark-mode .time-estimate{color:#ccc}.chat-analogy,.chat-citations,.chat-follow-up,.chat-learning-tip,.chat-practice-question,.chat-real-world,.chat-study-tip{background-color:#f8f9fa;border-left:4px solid #2196f3;border-radius:8px;margin:12px 0;padding:10px}.dark-mode .chat-analogy,.dark-mode .chat-citations,.dark-mode .chat-follow-up,.dark-mode .chat-learning-tip,.dark-mode .chat-practice-question,.dark-mode .chat-real-world,.dark-mode .chat-study-tip{background-color:#ffffff0d;border-left-color:#64b5f6}.chat-practice-question{border-left-color:#ff9800}.dark-mode .chat-practice-question{border-left-color:#ffb74d}.analogy-header,.citations-header,.follow-up-header,.learning-tip-header,.practice-header,.real-world-header,.study-tip-header{color:#333;font-size:14px;font-weight:600;margin-bottom:6px}.dark-mode .analogy-header,.dark-mode .citations-header,.dark-mode .follow-up-header,.dark-mode .learning-tip-header,.dark-mode .practice-header,.dark-mode .real-world-header,.dark-mode .study-tip-header{color:#fff}.analogy-text,.follow-up-text,.learning-tip-text,.practice-question-text,.real-world-text,.study-tip-text{color:#666;font-size:14px;line-height:1.4}.dark-mode .analogy-text,.dark-mode .follow-up-text,.dark-mode .learning-tip-text,.dark-mode .practice-question-text,.dark-mode .real-world-text,.dark-mode .study-tip-text{color:#ccc}.analogy-text{color:#1976d2;font-style:italic}.dark-mode .analogy-text{color:#64b5f6}.practice-options{margin:8px 0}.practice-option{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;margin:4px 0;padding:6px 12px}.dark-mode .practice-option{background-color:#ffffff1a;color:#fff}.practice-explanation{background-color:#e8f5e8;border-radius:4px;color:#2e7d32;font-size:13px;margin-top:8px;padding:8px}.dark-mode .practice-explanation{background-color:#2e7d3233;color:#81c784}.citations-list{margin:6px 0 0;padding-left:16px}.citation-item{color:#666;font-size:13px;line-height:1.3;margin:2px 0}.dark-mode .citation-item{color:#ccc}.section-loading{align-items:center;color:#666;display:flex;font-size:14px;gap:10px;justify-content:center;padding:20px}.dark-mode .section-loading{color:#ccc}.section-loading .loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#2196f3;height:20px;width:20px}.dark-mode .section-loading .loading-spinner{border-color:#64b5f6 #fff3 #fff3}.section-content-header{background:linear-gradient(135deg,#e3f2fd,#f8f9fa);border:1px solid #2196f3;border-radius:12px;box-shadow:0 4px 12px #2196f326;margin:20px 0;padding:20px}.dark-mode .section-content-header{background:linear-gradient(135deg,#2196f31a,#ffffff0d);border-color:#64b5f6;box-shadow:0 4px 12px #64b5f633}.section-content-header h2{align-items:center;color:#1976d2;display:flex;font-size:24px;font-weight:700;gap:8px;margin:0 0 12px}.dark-mode .section-content-header h2{color:#64b5f6}.section-content-header .section-description{color:#666;font-size:16px;line-height:1.5;margin:0 0 16px}.dark-mode .section-content-header .section-description{color:#ccc}.section-objectives{background:#ffffffb3;border-left:4px solid #4caf50;border-radius:8px;padding:16px}.dark-mode .section-objectives{background:#ffffff0d;border-left-color:#81c784}.section-objectives h4{align-items:center;color:#2e7d32;display:flex;font-size:16px;font-weight:600;gap:6px;margin:0 0 8px}.dark-mode .section-objectives h4{color:#81c784}.section-objectives ul{margin:0;padding-left:20px}.section-objectives li{color:#333;font-size:14px;line-height:1.4;margin:4px 0}.dark-mode .section-objectives li{color:#fff}.dark-mode .section-content p{color:#fffc}.welcome-message{align-items:center;animation:welcomeFlow 2s ease-out forwards;bottom:0;display:flex;height:100vh;justify-content:center;left:250px;pointer-events:none;position:fixed;right:0;top:0;z-index:1000}.welcome-text{animation:welcomeFadeIn .5s ease-out .2s forwards;color:#2196f3;font-size:32px;font-weight:600;opacity:0;text-align:center}.dark-mode .welcome-text{color:#64b5f6}@keyframes welcomeFlow{0%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100vh)}}@keyframes welcomeFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.dark-mode .message.assistant .message-content{background:none;border:none;color:#fff}.main-response{margin-bottom:20px}.main-response .concept-section{background:var(--card-bg);border-left:5px solid var(--primary-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:25px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.main-response .concept-section:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.main-response .concept-section h4{color:var(--primary-color);font-size:1.2rem;font-weight:700;line-height:1.4;margin:0 0 15px}.main-response .concept-section p{color:var(--text-primary);font-size:1rem;line-height:1.7;margin:0}.main-response .section-heading{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:20px 0 15px;padding-bottom:8px}.main-response .response-paragraph{color:var(--text-primary);font-size:1rem;line-height:1.6;margin:0 0 15px}.dark-mode .main-response .concept-section{background:#ffffff0d;border-left-color:#64b5f6;box-shadow:0 2px 8px #0000004d}.dark-mode .main-response .concept-section:hover{box-shadow:0 4px 12px #0006}.dark-mode .main-response .concept-section h4{color:#64b5f6}.interactive-practice-question{background:var(--card-bg);border:2px solid var(--primary-color);border-radius:12px;margin-top:30px;padding:20px}.practice-question-reveal{background:linear-gradient(135deg,var(--primary-color),#1976d2);border-radius:8px;color:#fff;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.practice-question-reveal:hover{box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.reveal-icon{font-size:2rem;margin-bottom:10px}.reveal-text{font-size:1.2rem;font-weight:600;margin-bottom:5px}.reveal-subtext{font-size:.9rem;opacity:.9}.practice-question-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.practice-options{margin:20px 0}.practice-option{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;margin:8px 0;padding:12px 16px;transition:all .2s ease}.practice-option:hover{background:#2196f30d;border-color:var(--primary-color)}.practice-option.selected{background:#2196f31a;border-color:var(--primary-color)}.practice-option.correct{background:#4caf501a;border-color:#4caf50;color:#2e7d32}.practice-option.incorrect{background:#f443361a;border-color:#f44336;color:#c62828}.practice-explanation{background:#00000005;border-radius:8px;margin-top:20px;padding:16px}.explanation-header{font-size:1.1rem;font-weight:600;margin-bottom:10px}.explanation-header.correct{color:#4caf50}.explanation-header.incorrect{color:#f44336}.explanation-content{color:var(--text-primary);line-height:1.6}.dark-mode .interactive-practice-question{background:#ffffff0d;border-color:#64b5f6}.dark-mode .practice-question-reveal{background:linear-gradient(135deg,#64b5f6,#1976d2)}.dark-mode .practice-option{background:#ffffff0d;border-color:#fff3}.dark-mode .practice-option:hover{background:#64b5f61a;border-color:#64b5f6}.dark-mode .practice-option.selected{background:#64b5f626;border-color:#64b5f6}.dark-mode .practice-option.correct{background:#81c7841a;border-color:#81c784;color:#a5d6a7}.dark-mode .practice-option.incorrect{background:#e573731a;border-color:#e57373;color:#ef9a9a}.dark-mode .practice-explanation{background:#ffffff08}.onboarding-container{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;max-height:100vh;overflow:hidden;padding:0}.onboarding-progress-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;border-radius:20px;display:flex;gap:8px;left:20px;padding:8px 12px;position:fixed;top:20px;z-index:1000}.light-theme .onboarding-progress-container{background:#fffc;border:1px solid #0000001a;box-shadow:0 2px 8px #0000001a}.onboarding-progress-bar{background:#fff3;border-radius:2px;height:4px;overflow:hidden;width:60px}.light-theme .onboarding-progress-bar{background:#0000001a}.onboarding-progress-fill{background:linear-gradient(90deg,#64b5f6,#2196f3);border-radius:2px;height:100%;transition:width .3s ease}.onboarding-step-indicator{color:#ffffffe6;font-size:11px;font-weight:600;transition:color .3s ease;white-space:nowrap}.onboarding-step-indicator.light-theme{color:#333}.onboarding-next-btn-top-right{background:linear-gradient(135deg,#64b5f6,#2196f3);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #64b5f64d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:1001}.onboarding-next-btn-top-right:hover{box-shadow:0 6px 20px #64b5f666;transform:translateY(-1px)}.onboarding-next-btn-top-right:active{transform:translateY(0)}.onboarding-next-btn-top-right.disabled{background:linear-gradient(135deg,#ccc,#999);box-shadow:0 4px 15px #9999994d;cursor:not-allowed;opacity:.6}.onboarding-next-btn-top-right.disabled:hover{box-shadow:0 4px 15px #9999994d;transform:none}.onboarding-content{align-items:stretch;display:flex;flex:1 1;justify-content:center;padding:0}.onboarding-placeholder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:600px;padding:40px;text-align:center;width:100%}.onboarding-placeholder h2{color:#fff;font-size:1.8rem;font-weight:600;margin:0 0 20px}.onboarding-placeholder p{color:#fffc;font-size:1.1rem;line-height:1.6;margin:10px 0}.onboarding-navigation{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:auto;padding:10px 0}.onboarding-next-btn{background:linear-gradient(135deg,#64b5f6,#2196f3);border:none;border-radius:8px;box-shadow:0 4px 15px #64b5f64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.onboarding-next-btn:hover{box-shadow:0 6px 20px #64b5f666;transform:translateY(-2px)}.onboarding-next-btn:active{transform:translateY(0)}.onboarding-next-btn.disabled{background:linear-gradient(135deg,#ccc,#999);box-shadow:0 4px 15px #9999994d;cursor:not-allowed;opacity:.6}.onboarding-next-btn.disabled:hover{box-shadow:0 4px 15px #9999994d;transform:none}.onboarding-back-btn{background:linear-gradient(135deg,#64b5f6,#2196f3);border:none;border-radius:8px;box-shadow:0 4px 15px #64b5f64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.onboarding-back-btn:hover{box-shadow:0 6px 20px #64b5f666;transform:translateY(-2px)}.onboarding-back-btn:active{transform:translateY(0)}.onboarding-calendar-demo{display:grid;grid-template-rows:auto 1fr;height:calc(100vh - 40px);margin:5px auto 0;max-height:calc(100vh - 40px);max-width:1600px;min-height:0;overflow:visible;width:100%}.calendar-demo-header{margin-bottom:20px;text-align:center}.calendar-demo-header h2{color:#fff;font-size:2rem;font-weight:700;margin:0 0 10px}.calendar-demo-header p{color:#fffc;font-size:1.1rem;margin:0}.calendar-demo-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0000004d;display:grid;grid-template-rows:auto 1fr;height:100%;max-height:100vh;min-height:0;overflow:hidden;padding-bottom:15px}.calendar-demo-header-bar{align-items:center;display:flex;gap:12px;margin-bottom:10px;padding-top:10px}.calendar-demo-nav{align-items:center;display:flex;gap:15px;margin-top:-5px;order:2}.calendar-demo-nav h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.calendar-demo-nav-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .3s ease}.calendar-demo-nav-btn:hover{background:#fff3}.calendar-demo-view-toggle{display:flex;gap:8px;margin-top:0;order:1}.calendar-demo-toggle-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .3s ease}.calendar-demo-toggle-btn.active{background:#fff3;border-color:#ffffff4d;color:#fff}.calendar-demo-toggle-btn:hover{background:#ffffff26}.calendar-demo-grid{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 4px 20px #0000004d;display:grid;grid-template-rows:auto 1fr;height:100%;max-height:100vh;min-height:0;overflow:visible}.calendar-demo-weekdays{background:#ffffff1f;border-bottom:1px solid #ffffff26;display:grid;grid-template-columns:repeat(7,1fr);min-height:0}.calendar-demo-weekdays div{align-items:center;border-right:1px solid #ffffff26;color:#fff;display:flex;font-size:clamp(14px,1.8vh,18px);font-weight:600;justify-content:center;letter-spacing:.3px;padding:clamp(12px,2vh,24px) clamp(8px,1.5vh,16px);text-align:center}.calendar-demo-weekdays div:last-child{border-right:none}.calendar-demo-days{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(5,1fr);height:100%;min-height:0;overflow:visible}.calendar-demo-day{background-color:#ffffff14;border-bottom:1px solid #ffffff26;border-right:1px solid #ffffff26;box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:clamp(4px,.8vh,8px);position:relative}.calendar-demo-day:last-child{border-right:none}.calendar-demo-day.empty{background:#0000}.calendar-demo-day span{color:#fff;flex-shrink:0;font-size:clamp(12px,1.5vh,16px);font-weight:500;letter-spacing:.2px;margin-bottom:clamp(4px,.8vh,8px)}.calendar-demo-assignments-container{display:flex;flex:1 1;flex-direction:column;gap:clamp(1px,.2vh,2px);min-height:0;overflow:hidden}.calendar-demo-assignment{border:1px solid #fff3;border-radius:clamp(1px,.3vh,3px);cursor:pointer;display:flex;flex-direction:column;flex-grow:0;flex-shrink:1;gap:clamp(.5px,.1vh,1px);margin-bottom:clamp(1px,.2vh,2px);max-height:clamp(16px,2vh,20px);overflow:hidden;padding:clamp(1px,.3vh,3px) clamp(2px,.4vh,4px);transition:all .2s ease}.calendar-demo-assignment:hover{box-shadow:0 2px 4px #0000001a;transform:scale(1.02)}.demo-assignment-title{color:#fff;flex-shrink:1;font-size:clamp(8px,1vh,11px);font-weight:600;line-height:1.1;min-height:0}.demo-assignment-course,.demo-assignment-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-assignment-course{color:#fffc;font-size:11px;margin-top:1px}.calendar-demo-week-view{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;height:950px;overflow:hidden;width:100%}.week-demo-header{align-items:center;border-bottom:1px solid #fff3;display:flex;gap:20px;justify-content:center;margin-bottom:20px;padding-bottom:16px}.week-demo-nav-btn{background:none;border:none;color:#fffc;cursor:pointer;font-size:24px;padding:8px}.week-demo-nav-btn:hover{color:#fff}.week-demo-range{color:#fff;font-size:16px;font-weight:500}.week-demo-container{background:#ffffff0d;border:1px solid #fff3;border-radius:10px;display:flex;height:calc(100% - 80px);overflow:hidden;padding:15px}.week-demo-day-column{background:#ffffff0d;border-right:1px solid #fff3;display:flex;flex:1 1;flex-direction:column;min-width:0}.week-demo-day-column:first-child{border-left:none}.week-demo-day-column:last-child{border-right:none}.week-demo-date-box{background:#ffffff1a;border-bottom:1px solid #fff3;border-radius:10px;margin:5px;padding:10px;text-align:center}.week-demo-day-name{color:#fff;font-size:15px;font-weight:500;margin-bottom:4px}.week-demo-date{color:#fffc;font-size:13px}.week-demo-events-container{flex:1 1;overflow-y:auto;padding:5px}.week-demo-event{align-items:center;background:#ffffff1a;border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:14px;font-weight:500;margin:4px;min-height:16px;padding:8px}.week-demo-event-title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-todo-demo{margin:0 auto;max-width:1200px;padding:15px;width:100%}.todo-demo-header{margin-bottom:25px;text-align:center}.todo-demo-header h2{color:#fff;font-size:2rem;font-weight:700;margin:0 0 10px}.todo-demo-header p{color:#fffc;font-size:1.1rem;margin:0}.todo-demo-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;display:flex;flex:1 1;flex-direction:column;max-height:85vh;min-height:0;padding:30px}.todo-demo-date-header{align-items:center;border-radius:12px;display:flex!important;flex-direction:row!important;justify-content:space-between;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:300px;padding:8px 16px;width:100%}.todo-demo-date-header,.todo-demo-nav-btn{background:#ffffff1a;border:1px solid #fff3;flex-shrink:0}.todo-demo-nav-btn{border-radius:6px;color:#fff;cursor:pointer;font-size:16px;min-width:40px;order:1;padding:8px 12px;transition:all .3s ease}.todo-demo-nav-btn:hover{background:#fff3;border-color:#ffffff4d}.todo-demo-date-header .todo-demo-nav-btn:nth-child(3){order:3}.todo-demo-date-header>*{display:inline-block;vertical-align:middle}.todo-demo-date-info{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2px;justify-content:center;order:2;text-align:center}.todo-demo-date-info h3{color:#fff;font-size:18px;font-weight:600;line-height:1.2;margin:0}.todo-demo-date-info p{color:#fffc;font-size:12px;line-height:1.2;margin:0}.todo-demo-layout{align-items:stretch;flex:1 1;flex-direction:row!important;gap:56px;margin:0 auto;max-height:calc(85vh - 180px);padding:0 20px 20px;width:100%}.todo-demo-layout,.todo-demo-main,.todo-demo-section{box-sizing:border-box;display:flex;min-height:0;overflow:hidden}.todo-demo-main,.todo-demo-section{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 12px 48px #0000002e;flex:1 1;flex-direction:column;max-height:100%;min-width:0;padding:56px}.todo-demo-section-title,.todo-demo-title{align-items:center;color:#fff;display:flex;font-size:32px;font-weight:600;gap:16px;margin:0}.todo-demo-section-title{font-size:28px;margin-bottom:15px}.todo-demo-icon{font-size:32px}.todo-demo-sidebar{display:flex;flex-direction:column;flex-shrink:0;flex:1 1;gap:56px;max-width:calc(50% - 28px);min-height:0;min-width:0}.todo-demo-section{flex:1 1}.todo-demo-main{flex:1 1;flex-shrink:0;max-width:calc(50% - 28px)}.todo-demo-item{border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 16px #0000001f;box-sizing:border-box;color:#fff;cursor:pointer;margin:10px 0;padding:10px;transition:all .3s ease}.todo-demo-item:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.todo-demo-item h4{font-size:16px!important;font-weight:600;line-height:1.3;margin:0 0 5px}.todo-demo-item p{word-wrap:break-word;font-size:12px;line-height:1.4;margin:0;opacity:.9;overflow-wrap:break-word}.onboarding-study-demo{display:flex;flex:1 1;flex-direction:column;margin:clamp(20px,4vh,40px) auto 0;max-width:1400px;padding:clamp(15px,2vh,20px);position:relative;width:100%}.study-demo-header{margin-bottom:10px;text-align:center}.study-demo-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64b5f6,#2196f3);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:clamp(1.8rem,4vh,2.2rem);font-weight:700;margin:0 0 clamp(8px,1.5vh,10px)}.study-demo-header p{color:#fffc;font-size:clamp(.9rem,2vh,1.1rem);margin:0}.study-demo-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;box-shadow:0 20px 60px #0006;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:clamp(20px,4vh,40px);position:relative}@media (max-width:1440px){.study-material.extra-1,.study-material.extra-2,.study-material.extra-3{display:none}}.study-demo-center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.study-demo-toggle{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.study-toggle-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#ffffffb3;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.study-toggle-btn.active{background:linear-gradient(135deg,#64b5f6,#2196f3);border-color:#0000;box-shadow:0 4px 15px #64b5f64d;color:#fff}.study-toggle-btn:hover{background:#ffffff26}.study-demo-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;justify-content:center;max-width:400px;min-height:200px;padding:clamp(20px,3vh,30px);position:relative}.study-card-back h3,.study-card-front h3{color:#fff;font-size:1.3rem;font-weight:600;line-height:1.4;margin:0 0 15px}.study-quiz-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;padding:0;text-align:center;width:100%}.quiz-question{color:#fff;font-size:1.3rem;font-weight:600;line-height:1.4;margin:0 0 30px}.quiz-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;max-width:350px;width:100%}.quiz-option{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:15px;transition:all .3s ease}.quiz-option:hover{background:#fff3;transform:translateY(-2px)}.quiz-option.correct{background:#4caf504d;border-color:#4caf5080;box-shadow:0 0 10px #4caf504d}.study-card-back p{color:#ffffffe6;font-size:1rem;line-height:1.5;margin:0 0 15px}.study-card-source{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-top:15px;padding:8px 12px}.study-card-source span{color:#fffc;font-size:.9rem}.study-card-ai-badge{background:linear-gradient(135deg,#64b5f6,#2196f3);border-radius:12px;font-size:.8rem;font-weight:500;padding:4px 8px;position:absolute;right:15px;top:15px}.study-card-ai-badge span{color:#fff}.study-materials-flow{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.study-material{animation:float 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #0003;cursor:pointer;max-width:180px;padding:15px;pointer-events:auto;position:absolute;transition:all .3s ease}.study-material:hover{background:#ffffff26;box-shadow:0 6px 20px #0000004d;transform:scale(1.05)}.study-material:nth-child(odd){animation-delay:.5s}.study-material:nth-child(2n){animation-delay:1s}.material-icon{font-size:24px;margin-bottom:8px;text-align:center}.material-content h4{color:#fff;font-size:.9rem;font-weight:600;margin:0 0 4px;text-align:center}.material-content p{color:#fffc;font-size:.8rem;margin:0;text-align:center}.flow-line{animation:flow 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#64b5f699,#0000);height:2px;position:absolute}.data-flow-dot{animation:data-flow 3s linear infinite;background:linear-gradient(135deg,#64b5f6,#2196f3);border-radius:50%;box-shadow:0 0 8px #64b5f699;height:6px;position:absolute;width:6px}.data-flow-dot:nth-child(2){animation-delay:.3s}.data-flow-dot:nth-child(3){animation-delay:.6s}.data-flow-dot:nth-child(4){animation-delay:.9s}.data-flow-dot:nth-child(5){animation-delay:1.2s}.study-material.top-left{animation-delay:.2s;left:5%;top:10%}.study-material.top-left .flow-line{right:-200px;top:50%;transform:rotate(45deg);width:200px}.study-material.top-left .data-flow-dot{animation-delay:0s;animation:data-flow-top-left 3s linear infinite;right:-10px;top:50%}.study-material.top-right{animation-delay:.4s;right:8%;top:8%}.study-material.top-right .flow-line{left:-180px;top:50%;transform:rotate(-45deg);width:180px}.study-material.top-right .data-flow-dot{animation-delay:.5s;animation:data-flow-top-right 3s linear infinite;left:-10px;top:50%}.study-material.middle-left{animation-delay:.6s;left:2%;top:35%}.study-material.middle-left .flow-line{right:-220px;top:50%;transform:rotate(25deg);width:220px}.study-material.middle-left .data-flow-dot{animation-delay:1s;animation:data-flow-middle-left 3s linear infinite;right:-10px;top:50%}.study-material.middle-right{animation-delay:.8s;right:3%;top:40%}.study-material.middle-right .flow-line{left:-200px;top:50%;transform:rotate(-25deg);width:200px}.study-material.middle-right .data-flow-dot{animation-delay:1.5s;animation:data-flow-middle-right 3s linear infinite;left:-10px;top:50%}.study-material.bottom-left{animation-delay:1s;bottom:15%;left:8%}.study-material.bottom-left .flow-line{right:-180px;top:50%;transform:rotate(60deg);width:180px}.study-material.bottom-left .data-flow-dot{animation-delay:2s;animation:data-flow-bottom-left 3s linear infinite;right:-10px;top:50%}.study-material.bottom-right{animation-delay:1.2s;bottom:12%;right:5%}.study-material.bottom-right .flow-line{left:-190px;top:50%;transform:rotate(-60deg);width:190px}.study-material.bottom-right .data-flow-dot{animation-delay:2.5s;animation:data-flow-bottom-right 3s linear infinite;left:-10px;top:50%}.study-material.extra-1{animation-delay:1.4s;left:25%;top:15%}.study-material.extra-1 .flow-line{right:-150px;top:50%;transform:rotate(35deg);width:150px}.study-material.extra-1 .data-flow-dot{animation-delay:.3s;animation:data-flow-extra-1 3s linear infinite;right:-10px;top:50%}.study-material.extra-2{animation-delay:1.6s;right:20%;top:25%}.study-material.extra-2 .flow-line{left:-160px;top:50%;transform:rotate(-35deg);width:160px}.study-material.extra-2 .data-flow-dot{animation-delay:.8s;animation:data-flow-extra-2 3s linear infinite;left:-10px;top:50%}.study-material.extra-3{animation-delay:1.8s;bottom:25%;left:20%}.study-material.extra-3 .flow-line{right:-170px;top:50%;transform:rotate(50deg);width:170px}.study-material.extra-3 .data-flow-dot{animation-delay:1.8s;animation:data-flow-extra-3 3s linear infinite;right:-10px;top:50%}.study-material.extra-4{animation-delay:2s;bottom:30%;right:15%}.study-material.extra-4 .flow-line{left:-140px;top:50%;transform:rotate(-50deg);width:140px}.study-material.extra-4 .data-flow-dot{animation-delay:2.2s;animation:data-flow-extra-4 3s linear infinite;left:-10px;top:50%}.ai-processing{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:5}.ai-particles{height:100px;margin-bottom:15px;position:relative;width:100px}.particle{animation:particle-float 2s ease-in-out infinite;background:linear-gradient(135deg,#64b5f6,#2196f3);border-radius:50%;height:4px;position:absolute;width:4px}.particle:first-child{animation-delay:0s;left:20%;top:20%}.particle:nth-child(2){animation-delay:.4s;right:25%;top:30%}.particle:nth-child(3){animation-delay:.8s;bottom:30%;left:30%}.particle:nth-child(4){animation-delay:1.2s;bottom:20%;right:20%}.particle:nth-child(5){animation-delay:1.6s;left:50%;top:50%;transform:translate(-50%,-50%)}.ai-text{animation:pulse 2s ease-in-out infinite;color:#fffc;font-size:.9rem;font-weight:500;margin-top:370px}.onboarding-display-demo{margin:0 auto;max-width:2000px;min-height:800px;padding:20px;position:relative;transition:background-color .3s ease;width:100%}.onboarding-display-demo.dark-theme,.onboarding-display-demo.light-theme{background:#0000}.onboarding-container.light-theme{background:#fff}.display-demo-header{margin-bottom:clamp(15px,3vh,25px);text-align:center}.display-demo-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64b5f6,#2196f3);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:clamp(1.4rem,3vh,1.8rem);font-weight:700;margin:0 0 clamp(5px,1vh,8px);transition:all .3s ease}.display-demo-header h2.light-theme{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2196f3,#1976d2);-webkit-background-clip:text;background-clip:text;color:#333}.display-demo-header p{color:#fffc;font-size:clamp(.85rem,1.8vh,.95rem);margin:0;transition:color .3s ease}.display-demo-header p.light-theme{color:#333}.display-demo-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;box-shadow:0 12px 36px #00000040,0 6px 20px #00000026;min-height:700px;overflow:hidden;padding:40px;position:relative;transition:all .3s ease}.display-demo-container.light-theme{background:#fff;border:1px solid #e0e0e0;box-shadow:0 20px 60px #0000001a}.display-demo-title-section{align-items:center;display:flex;justify-content:center;margin-bottom:30px}.display-demo-title-section h2{color:#fff;font-size:28px;font-weight:600;margin:0;transition:color .3s ease}.display-demo-title-section h2.light-theme{color:#333}.display-demo-content{display:flex;gap:clamp(15px,3vw,25px);padding:0 clamp(10px,2vw,20px)}.display-theme-choices{display:flex;flex:1 1;flex-direction:column;gap:clamp(12px,2vh,20px);justify-content:center}.theme-choice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;max-width:clamp(280px,35vw,320px);padding:clamp(15px,3vh,25px)}.theme-choice:hover{box-shadow:0 12px 32px #0003}.theme-header{gap:clamp(8px,1.5vw,12px);margin-bottom:clamp(12px,2vh,20px)}.theme-icon{font-size:clamp(18px,3vh,22px)}.theme-header h3{color:#fff;font-size:clamp(16px,2.5vh,18px);transition:color .3s ease}.theme-header h3.light-theme{color:#333}.onboarding-display-demo.dark-theme .theme-header h3{color:#fff!important}.theme-preview-light{background:linear-gradient(135deg,#fff,#f8f9fa 50%,#e9ecef);border:2px solid #e0e0e0;border-radius:8px;height:60px;width:100%}.theme-preview-dark{background:linear-gradient(135deg,#18273f,#243d62 50%,#33588e);border:2px solid #ffffff26;border-radius:8px;height:60px;width:100%}.display-preview{display:flex;flex:1.5 1;flex-direction:row;gap:clamp(6px,1.5vw,15px);margin-top:clamp(2px,.5vh,8px);max-width:1000px}.preview-todo-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 8px 24px #00000026;flex:1 1;height:550px;overflow:hidden;padding:clamp(12px,2vh,20px)}.preview-flagged-box,.preview-reminder-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 8px 24px #00000026;height:250px;overflow:hidden;padding:clamp(12px,2vh,20px)}.preview-sidebar{gap:clamp(10px,1.5vh,20px)}.preview-flagged-box.light,.preview-reminder-box.light,.preview-todo-box.light{background:#fff;border:1px solid #e0e0e0;box-shadow:0 8px 24px #00000026}.preview-flagged-box.dark,.preview-reminder-box.dark,.preview-todo-box.dark{background:#ffffff14}.preview-item{border:1px solid #ffffff26;flex:0 1 auto;min-height:-webkit-fit-content;min-height:fit-content;padding:clamp(.3rem,.8vh,.6rem) clamp(.4rem,1vh,.8rem)}.preview-flagged-box.light .preview-item,.preview-reminder-box.light .preview-item,.preview-todo-box.light .preview-item{border:1px solid #e0e0e0}.preview-title{align-items:center;color:#333;display:flex;font-size:18px;font-weight:500;gap:8px;margin:0 0 15px;transition:color .3s ease}.preview-flagged-box.dark .preview-title,.preview-reminder-box.dark .preview-title,.preview-todo-box.dark .preview-title{color:#fff!important}.preview-icon{font-size:20px}.preview-item h4{color:#fff}.preview-item p{color:#ffffffe6}.save-changes-btn{background-color:#06f;border:none;border-radius:8px;bottom:20px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;position:absolute;right:20px;transition:all .2s ease}.save-changes-btn:hover{background-color:#0052cc;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes flow{0%,to{opacity:.3}50%{opacity:1}}@keyframes particle-float{0%,to{opacity:.7;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-15px) scale(1.2)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes data-flow-top-left{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(150px,-150px) scale(.3)}}@keyframes data-flow-top-right{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-150px,-150px) scale(.3)}}@keyframes data-flow-middle-left{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(180px,-90px) scale(.3)}}@keyframes data-flow-middle-right{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-180px,-90px) scale(.3)}}@keyframes data-flow-bottom-left{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(150px,150px) scale(.3)}}@keyframes data-flow-bottom-right{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-150px,150px) scale(.3)}}@keyframes data-flow-extra-1{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(120px,-120px) scale(.3)}}@keyframes data-flow-extra-2{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-120px,-120px) scale(.3)}}@keyframes data-flow-extra-3{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(120px,120px) scale(.3)}}@keyframes data-flow-extra-4{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-120px,120px) scale(.3)}}@media (max-width:768px){.onboarding-study-demo{padding:15px}.study-demo-header h2{font-size:1.8rem}.study-demo-header p{font-size:1rem}.study-demo-container{padding:clamp(15px,3vh,20px)}.study-demo-card{max-width:300px;min-height:150px;padding:clamp(15px,2.5vh,20px)}.study-card-back h3,.study-card-front h3{font-size:1.1rem}.study-card-back p{font-size:.9rem}.study-material{max-width:140px;padding:12px}.material-icon{font-size:20px}.material-content h4{font-size:.8rem}.material-content p{font-size:.7rem}.flow-line{display:none}.ai-particles{height:60px;width:60px}.particle{height:3px;width:3px}}@media (max-width:1366px) and (min-width:1024px){.calendar-demo-header h2{font-size:clamp(1rem,2vh,1.3rem)}.calendar-demo-header p{font-size:clamp(.7rem,1.3vh,.8rem)}.calendar-demo-container{height:70vh;margin:0 auto;max-height:70vh;max-width:90%}.calendar-demo-nav h3{font-size:clamp(.8rem,1.6vh,1rem)}.calendar-demo-weekdays div{font-size:clamp(10px,1.1vh,12px);padding:clamp(8px,1vh,12px) clamp(5px,.7vh,8px)}.calendar-demo-days{height:100%;min-height:0}.calendar-demo-day{min-height:0;padding:clamp(2px,.3vh,4px)}.calendar-demo-day span{font-size:clamp(10px,1.1vh,12px)}.demo-assignment-title{font-size:clamp(5px,.6vh,7px)}.calendar-demo-week-view{height:100%;max-height:100%}.calendar-demo-assignment{margin-bottom:clamp(.5px,.1vh,1px);max-height:clamp(8px,1vh,12px);padding:clamp(.5px,.1vh,1px) clamp(1px,.2vh,2px)}.calendar-demo-header-bar{gap:clamp(6px,.8vh,10px);margin-bottom:clamp(10px,1.2vh,14px)}.calendar-demo-toggle-btn{font-size:clamp(9px,1vh,10px);padding:clamp(3px,.4vh,5px) clamp(6px,.8vh,8px)}.calendar-demo-nav-btn{font-size:clamp(10px,1.1vh,12px);padding:clamp(4px,.5vh,6px) clamp(6px,.8vh,8px)}}@media (max-width:1200px){.calendar-demo-container{height:60vh;max-height:60vh}.calendar-demo-day{padding:clamp(2px,.3vh,4px)}.calendar-demo-day span{font-size:clamp(10px,1vh,12px);margin-bottom:clamp(2px,.4vh,4px)}.demo-assignment-title{font-size:clamp(4px,.5vh,6px)}.calendar-demo-assignment{margin-bottom:clamp(.5px,.1vh,1px);max-height:clamp(6px,.8vh,10px);padding:clamp(.5px,.1vh,1px) clamp(1px,.2vh,2px)}.calendar-demo-weekdays div{font-size:clamp(9px,1vh,11px);padding:clamp(6px,.8vh,10px) clamp(4px,.6vh,8px)}}@media (max-width:1400px){.display-demo-header h2{font-size:clamp(1.2rem,2.5vh,1.6rem)}.calendar-demo-header h2{font-size:clamp(1.2rem,2.5vh,1.5rem)}.calendar-demo-header p{font-size:clamp(.8rem,1.5vh,.9rem)}.calendar-demo-container{height:85vh;margin:0 auto;max-height:85vh;max-width:95%}.calendar-demo-nav h3{font-size:clamp(1rem,2vh,1.2rem)}.calendar-demo-weekdays div{font-size:clamp(12px,1.5vh,14px);padding:clamp(12px,1.5vh,16px) clamp(8px,1vh,12px)}.calendar-demo-days{height:100%;min-height:0}.calendar-demo-day{min-height:0;padding:clamp(4px,.5vh,6px)}.calendar-demo-day span{font-size:clamp(12px,1.3vh,14px)}.demo-assignment-title{font-size:clamp(7px,.8vh,9px)}.calendar-demo-assignment{margin-bottom:clamp(.5px,.1vh,1px);max-height:clamp(12px,1.5vh,16px);min-height:clamp(10px,1.2vh,14px);padding:clamp(1px,.2vh,2px) clamp(2px,.3vh,3px)}.calendar-demo-week-view{height:100%;max-height:100%}.calendar-demo-assignment{margin-bottom:clamp(2px,.3vh,3px);padding:clamp(4px,.5vh,5px) clamp(5px,.6vh,6px)}.calendar-demo-header-bar{gap:clamp(12px,1.5vh,15px);margin-bottom:clamp(18px,2.2vh,20px)}.calendar-demo-toggle-btn{font-size:clamp(12px,1.3vh,14px);padding:clamp(5px,.6vh,7px) clamp(10px,1.2vh,12px)}.calendar-demo-nav-btn{font-size:clamp(15px,1.6vh,16px);padding:clamp(7px,.9vh,9px) clamp(11px,1.3vh,12px)}}@media (max-width:1200px) and (min-width:1025px){.calendar-demo-header h2{font-size:clamp(1.1rem,2.2vh,1.3rem)}.calendar-demo-header p{font-size:clamp(.75rem,1.4vh,.85rem)}.calendar-demo-container{height:75vh;max-height:75vh;max-width:96%}.calendar-demo-nav h3{font-size:clamp(.9rem,1.8vh,1.1rem)}.calendar-demo-weekdays div{font-size:clamp(11px,1.3vh,13px);padding:clamp(10px,1.2vh,14px) clamp(6px,.8vh,10px)}.calendar-demo-days{height:100%;min-height:0}.calendar-demo-day{min-height:0;padding:clamp(3px,.4vh,5px)}.calendar-demo-day span{font-size:clamp(11px,1.2vh,13px)}.demo-assignment-title{font-size:clamp(6px,.7vh,8px)}.calendar-demo-assignment{margin-bottom:clamp(.5px,.1vh,1px);max-height:clamp(10px,1.2vh,14px);min-height:clamp(8px,1vh,12px);padding:clamp(.5px,.1vh,1px) clamp(1px,.2vh,2px)}.calendar-demo-week-view{height:100%;max-height:100%}.calendar-demo-assignment{margin-bottom:clamp(1px,.2vh,2px);padding:clamp(2px,.3vh,3px) clamp(3px,.4vh,4px)}.calendar-demo-header-bar{gap:clamp(8px,1vh,12px);margin-bottom:clamp(8px,1vh,10px);padding-top:clamp(8px,1vh,10px)}}@media (max-width:1024px){.display-demo-header h2{font-size:clamp(1.1rem,2.2vh,1.4rem)}.calendar-demo-header h2{font-size:clamp(1rem,2vh,1.2rem)}.calendar-demo-header p{font-size:clamp(.7rem,1.3vh,.8rem)}.calendar-demo-container{height:65vh;max-height:65vh;max-width:98%;padding:clamp(15px,2vh,20px)}.calendar-demo-nav h3{font-size:clamp(.8rem,1.6vh,1rem)}.calendar-demo-weekdays div{font-size:clamp(10px,1.1vh,12px);padding:clamp(8px,1vh,12px) clamp(5px,.7vh,8px)}.calendar-demo-days{height:100%;min-height:0}.calendar-demo-day{min-height:0;padding:clamp(2px,.3vh,4px)}.calendar-demo-day span{font-size:clamp(10px,1.1vh,12px)}.demo-assignment-title{font-size:clamp(5px,.6vh,7px)}.calendar-demo-week-view{height:100%;max-height:100%}.calendar-demo-assignment{margin-bottom:clamp(.5px,.1vh,1px);max-height:clamp(8px,1vh,12px);padding:clamp(.5px,.1vh,1px) clamp(1px,.2vh,2px)}.calendar-demo-header-bar{gap:clamp(8px,1vh,12px);margin-bottom:clamp(8px,1vh,10px);padding-top:clamp(8px,1vh,10px)}.calendar-demo-toggle-btn{font-size:clamp(11px,1.2vh,12px);padding:clamp(4px,.5vh,6px) clamp(8px,1vh,10px)}.calendar-demo-nav-btn{font-size:clamp(14px,1.5vh,16px);padding:clamp(6px,.8vh,8px) clamp(10px,1.2vh,12px)}}@media (max-width:768px){.onboarding-container{padding:15px}.display-demo-header h2{font-size:clamp(1rem,2vh,1.2rem)}.onboarding-placeholder{padding:30px 20px}.onboarding-placeholder h2{font-size:1.5rem}.onboarding-placeholder p{font-size:1rem}.onboarding-navigation{flex-direction:column;gap:15px}.onboarding-back-btn,.onboarding-next-btn{max-width:300px;width:100%}.onboarding-next-btn-top-right{font-size:12px;padding:8px 16px;right:15px;top:15px}}.calendar-demo-container{padding:20px}.calendar-demo-header-bar{align-items:stretch;flex-direction:column;gap:15px}.calendar-demo-nav,.calendar-demo-view-toggle{justify-content:center}.calendar-demo-day{min-height:80px;padding:4px}.demo-assignment-title{font-size:10px}.demo-assignment-course{font-size:8px}.calendar-demo-week-view{height:100%;max-height:100%}.week-demo-header{margin-bottom:15px;padding-bottom:12px}.week-demo-range{font-size:14px}.week-demo-container{padding:10px}.week-demo-date-box{margin:3px;padding:8px}.week-demo-day-name{font-size:12px}.week-demo-date{font-size:11px}.week-demo-events-container{padding:3px}.week-demo-event{font-size:12px;margin:2px;min-height:20px;padding:6px}.week-demo-event-title{font-size:12px}.todo-demo-container{padding:20px}.todo-demo-date-header{flex-direction:column;gap:16px;margin-bottom:24px;padding:16px}.todo-demo-layout{flex-direction:column;gap:24px;height:auto}.todo-demo-main{padding:20px}.todo-demo-title{font-size:20px;margin-bottom:16px}.todo-demo-sidebar{gap:16px}.todo-demo-section{padding:16px}.todo-demo-section-title{font-size:16px;margin-bottom:12px}.todo-demo-item{padding:12px}.todo-demo-item h4{font-size:12px}.todo-demo-item p{font-size:10px}.onboarding-customize-demo{display:flex;flex:1 1;flex-direction:column;height:100%;margin:0 auto;max-width:2000px;padding:clamp(15px,2vh,20px);position:relative;transition:background-color .3s ease;width:100%}.onboarding-customize-demo.dark-theme,.onboarding-customize-demo.light-theme{background:#0000}.customize-demo-header{margin-bottom:10px;text-align:center}.customize-demo-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64b5f6,#2196f3);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.2rem;font-weight:700;margin:0 0 10px;transition:all .3s ease}.customize-demo-header h2.light-theme{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2196f3,#1976d2);-webkit-background-clip:text;background-clip:text;color:#333}.customize-demo-header p{color:#fffc;font-size:1.1rem;margin:0;transition:color .3s ease}.customize-demo-header p.light-theme{color:#333}.customize-demo-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;box-shadow:0 12px 36px #00000040,0 6px 20px #00000026;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:clamp(20px,4vh,40px);position:relative;transition:all .3s ease}.customize-demo-container.light-theme{background:#fff;border:1px solid #e0e0e0;box-shadow:0 20px 60px #0000001a}.customize-demo-title-section{margin-bottom:30px;text-align:center}.customize-demo-title-section h2{color:#333;font-size:28px;font-weight:600;margin:0}.onboarding-customize-demo.dark-theme .customize-demo-title-section h2{color:#fff}.customize-demo-content{align-items:stretch;display:flex;flex:1 1;gap:clamp(20px,3vw,30px);min-height:0;padding:0 clamp(15px,2vw,20px)}.customize-theme-choices{display:flex;flex:0 0 auto;flex-direction:column;gap:20px}.theme-choice{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px #00000026;cursor:pointer;margin:0;max-width:400px;padding:25px;position:relative;transition:all .3s ease}.onboarding-customize-demo.dark-theme .theme-choice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;box-shadow:0 8px 24px #ffffff26}.theme-choice:hover{box-shadow:0 12px 36px #0003;transform:translateY(-2px)}.onboarding-customize-demo.dark-theme .theme-choice:hover{box-shadow:0 12px 36px #ffffff40}.theme-choice.selected{border-color:#06f;box-shadow:0 0 0 2px #06f3}.theme-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.theme-header h3{color:#333;font-size:20px;font-weight:500;margin:0}.onboarding-customize-demo.dark-theme .theme-header h3{color:#fff}.theme-preview{display:flex;gap:18px}.color-swatch{border:2px solid #fff;border-radius:50%;box-shadow:0 4px 8px #00000026,inset 0 2px 4px #ffffff4d;cursor:pointer;height:45px;transition:transform .2s ease,box-shadow .2s ease;width:45px}@media (max-width:1400px){.display-preview{gap:clamp(10px,1.5vw,20px);margin-top:clamp(30px,4vh,60px)}.preview-todo-box{height:480px}.preview-flagged-box,.preview-reminder-box{height:220px}.preview-sidebar{gap:clamp(8px,1vh,15px)}.theme-choice{max-width:clamp(250px,32vw,280px);padding:clamp(12px,2.5vh,20px)}}@media (max-width:1200px){.display-preview{flex:1.3 1;gap:clamp(8px,1.2vw,15px);margin-top:clamp(25px,3vh,50px)}.preview-todo-box{height:420px}.preview-flagged-box,.preview-reminder-box{height:190px}.theme-choice{max-width:clamp(220px,30vw,260px);padding:clamp(10px,2vh,16px)}}@media (max-width:1024px){.display-preview{flex:1.2 1;gap:clamp(6px,1vw,12px);margin-top:clamp(20px,2vh,40px)}.preview-todo-box{height:360px}.preview-flagged-box,.preview-reminder-box{height:160px}.preview-sidebar{gap:clamp(6px,.8vh,12px)}.theme-choice{max-width:clamp(200px,28vw,240px);padding:clamp(8px,1.5vh,12px)}}@media (max-width:900px){.display-demo-content{flex-direction:column;gap:clamp(15px,3vh,25px)}.display-theme-choices{flex-direction:row;gap:clamp(10px,2vw,20px)}.display-preview{flex:none;flex-direction:column;gap:clamp(10px,2vh,20px);margin-top:0}.preview-sidebar{flex-direction:row;gap:clamp(10px,2vw,20px)}.preview-flagged-box,.preview-reminder-box,.preview-todo-box{flex:1 1;height:clamp(200px,30vh,300px)}.theme-choice{flex:1 1;max-width:100%;padding:clamp(8px,1.2vh,12px)}}@media (max-height:800px){.preview-todo-box{height:450px}.preview-flagged-box,.preview-reminder-box{height:200px}.display-preview{margin-top:clamp(20px,2vh,40px)}}@media (max-height:700px){.preview-todo-box{height:380px}.preview-flagged-box,.preview-reminder-box{height:170px}.display-preview{margin-top:clamp(15px,2vh,30px)}}@media (max-height:600px){.preview-todo-box{height:320px}.preview-flagged-box,.preview-reminder-box{height:140px}.display-preview{margin-top:clamp(10px,1vh,20px)}}.color-swatch:hover{box-shadow:0 6px 12px #0003;transform:scale(1.1)}.customize-preview{display:flex;flex:2 1;flex-direction:row;gap:20px;margin-top:clamp(15px,2vh,30px);max-width:1000px}.customize-color-buttons{display:flex;gap:10px;left:calc(50% + 500px);position:absolute;top:140px;transform:translateX(-50%);z-index:1}.color-mode-button{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 8px #00000026;color:#000;cursor:pointer;font-size:15px;font-weight:500;padding:10px 20px;transition:all .2s ease}.onboarding-customize-demo.dark-theme .color-mode-button{background-color:#ffffff14;border:1px solid #ffffff26;box-shadow:0 4px 8px #ffffff26;color:#fff}.color-mode-button:hover{border-color:#06f;box-shadow:0 6px 12px #00000040;transform:translateY(-2px)}.onboarding-customize-demo.dark-theme .color-mode-button:hover{box-shadow:0 6px 12px #ffffff40}.color-mode-button.active{border-color:#06f;box-shadow:0 0 0 2px #06f3}.customize-flagged-box,.customize-reminder-box,.customize-todo-box{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:clamp(15px,2vh,20px)}.onboarding-customize-demo.dark-theme .customize-flagged-box,.onboarding-customize-demo.dark-theme .customize-reminder-box,.onboarding-customize-demo.dark-theme .customize-todo-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;box-shadow:0 8px 24px #ffffff26}.customize-flagged-box h3,.customize-reminder-box h3,.customize-todo-box h3{align-items:center;color:#333;display:flex;font-size:18px;font-weight:500;gap:8px;margin:0 0 15px}.onboarding-customize-demo.dark-theme .customize-flagged-box h3,.onboarding-customize-demo.dark-theme .customize-reminder-box h3,.onboarding-customize-demo.dark-theme .customize-todo-box h3{color:#fff}.preview-item{border:1px solid #e0e0e0;border-radius:8px;padding:10px 12px;transition:all .2s ease}.preview-item h4{font-size:14px;font-weight:500;margin:0 0 4px}.preview-item p{font-size:12px;line-height:1.4;margin:0 0 6px}.preview-sidebar{display:flex;flex:1 1;flex-direction:column;gap:20px}.color-picker-overlay{background-color:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.color-picker-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;bottom:0;box-shadow:0 8px 24px #00000026;left:100%;margin-left:20px;max-height:400px;padding:20px;position:absolute;width:350px;z-index:1000}.color-picker-title{font-size:16px;font-weight:500;margin:0 0 15px}.selected-colors-section{margin-bottom:15px}.selected-colors-title{color:#666;font-size:14px;font-weight:500;margin:0 0 10px}.selected-colors-grid{display:flex;flex-wrap:wrap;gap:8px}.selected-color-item{position:relative}.selected-color-swatch{border:2px solid #06f;border-radius:50%;cursor:pointer;height:35px;width:35px}.remove-color-button{align-items:center;background-color:#f44;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.available-colors-section{margin-bottom:15px}.available-colors-title{color:#666;font-size:14px;font-weight:500;margin:0 0 10px}.available-colors-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(19,15px);grid-template-rows:repeat(9,15px);width:-webkit-fit-content;width:fit-content}.available-color-item{border:1px solid #e0e0e0;cursor:pointer;height:15px;transition:all .2s ease;width:15px}.available-color-item:hover{transform:scale(1.2)}.available-color-item.selected{border:2px solid #ccc;cursor:not-allowed;opacity:.5}.color-picker-buttons{display:flex;gap:10px;justify-content:flex-end}.color-picker-button{border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;position:relative;z-index:1001}.color-picker-button.cancel{background-color:#f5f5f5;border:1px solid #e0e0e0;color:#666}.color-picker-button.save{background-color:#06f;border:none;color:#fff;font-weight:500}.color-picker-button.save:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:1200px){.customize-demo-content{flex-direction:column;gap:20px}.customize-preview{margin-top:20px}.customize-color-buttons{justify-content:center;margin-bottom:20px;position:static;transform:none}}@media (max-width:768px){.onboarding-customize-demo{padding:20px 10px}.customize-demo-container{padding:20px}.customize-demo-content{padding:0 10px}.theme-choice{max-width:100%}.customize-preview{flex-direction:column}.preview-todo-box{height:auto;min-height:300px}.preview-flagged-box,.preview-reminder-box{height:auto;min-height:250px}.color-picker-container{left:50%;margin-left:0;max-width:350px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}}@media (max-width:900px){.customize-flagged-box,.customize-reminder-box,.customize-todo-box{flex:1 1}}.customize-preview-container{display:flex;flex:1 1;flex-direction:row;gap:clamp(15px,2vw,30px);margin-top:clamp(15px,2vh,30px);max-width:1000px;min-height:0}.customize-right-column{display:flex;flex:1 1;flex-direction:column;gap:clamp(10px,1.5vh,20px);min-height:0}@media (max-width:1400px){.customize-preview-container{gap:clamp(10px,1.5vw,20px)}.customize-right-column{gap:clamp(8px,1vh,15px)}}@media (max-width:1200px){.customize-preview-container{gap:clamp(8px,1.2vw,15px)}}@media (max-width:1024px){.customize-preview-container{gap:clamp(6px,1vw,12px)}.customize-right-column{gap:clamp(6px,.8vh,12px)}}@media (max-width:900px){.customize-preview-container{flex-direction:column;gap:clamp(10px,2vh,20px)}.customize-right-column{flex-direction:row;gap:clamp(10px,2vw,20px)}}.customize-color-assignment-container{align-items:center;display:flex;gap:10px;position:fixed;right:120px;top:20px;z-index:1001}.customize-color-assignment-container button{border:1px solid #ffffff1a;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.customize-theme-selection-container{display:flex;flex:1 1;flex-direction:column;gap:15px;min-height:0;overflow-y:auto}.onboarding-customize-demo{margin-top:-25px}.customize-theme-card{border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;margin:0;max-width:400px;min-height:0;padding:25px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.customize-theme-icon{font-size:24px}.customize-theme-title{font-size:20px;font-weight:500;margin:0}.customize-theme-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.customize-color-circles{display:flex;gap:18px}.customize-color-circle{border:2px solid #fff;border-radius:50%;box-shadow:0 4px 8px #00000026,inset 0 2px 4px #ffffff4d;cursor:pointer;height:45px;transition:transform .2s ease,box-shadow .2s ease;width:45px}@media (max-width:1400px){.customize-theme-card{max-width:350px;padding:20px}.customize-color-circles{gap:15px}.customize-color-circle{height:40px;width:40px}}@media (max-width:1200px){.customize-theme-card{max-width:320px;padding:18px}.customize-color-circles{gap:12px}.customize-color-circle{height:35px;width:35px}}@media (max-width:1024px){.customize-theme-card{max-width:280px;padding:15px}.customize-color-circles{gap:10px}.customize-color-circle{height:30px;width:30px}}@media (max-width:900px){.customize-theme-card{max-width:100%;padding:12px}.customize-color-circles{gap:8px}.customize-color-circle{height:25px;width:25px}}@media (max-height:1000px){.customize-theme-card{padding:20px}.customize-theme-icon{font-size:20px}.customize-theme-title{font-size:18px}.customize-theme-header{gap:8px;margin-bottom:15px}.customize-color-circles{gap:15px}.customize-color-circle{height:38px;width:38px}.customize-theme-selection-container{gap:12px}}@media (max-height:900px){.customize-theme-card{padding:15px}.customize-theme-icon{font-size:16px}.customize-theme-title{font-size:14px}.customize-theme-header{gap:6px;margin-bottom:10px}.customize-color-circles{gap:10px}.customize-color-circle{height:30px;width:30px}.customize-theme-selection-container{gap:8px}}@media (max-height:750px){.customize-theme-card{padding:12px}.customize-theme-icon{font-size:14px}.customize-theme-title{font-size:12px}.customize-theme-header{gap:4px;margin-bottom:8px}.customize-color-circles{gap:8px}.customize-color-circle{height:25px;width:25px}.customize-theme-selection-container{gap:6px}}@media (max-height:650px){.customize-theme-card{padding:10px}.customize-theme-icon{font-size:12px}.customize-theme-title{font-size:10px}.customize-theme-header{gap:3px;margin-bottom:6px}.customize-color-circles{gap:6px}.customize-color-circle{height:20px;width:20px}.customize-theme-selection-container{gap:4px}}@media (max-height:550px){.customize-theme-card{padding:8px}.customize-theme-icon{font-size:10px}.customize-theme-title{font-size:8px}.customize-theme-header{gap:2px;margin-bottom:4px}.customize-color-circles{gap:4px}.customize-color-circle{height:16px;width:16px}.customize-theme-selection-container{gap:3px}}.theme-choice.dark,.theme-choice.selected.dark{background:#ffffff14!important;border:1px solid #ffffff26!important;box-shadow:none!important}@media (max-width:1200px){.demo-assignment-title{font-size:clamp(7px,.9vh,10px)}}@media (max-width:900px){.demo-assignment-title{font-size:clamp(6px,.8vh,9px)}}@media (max-width:768px){.demo-assignment-title{font-size:clamp(5px,.7vh,8px)}}@media (max-width:600px){.demo-assignment-title{font-size:clamp(4px,.6vh,7px)}}@media (max-width:1440px){.todo-demo-header h2{font-size:1.8rem}.todo-demo-header p{font-size:1rem}.todo-demo-container{max-height:80vh}.todo-demo-layout{max-height:calc(80vh - 160px)}.todo-demo-date-header{gap:14px;margin-bottom:16px;max-width:260px;padding:8px 14px}.todo-demo-date-info h3{font-size:16px}.todo-demo-date-info p{font-size:11px}.todo-demo-nav-btn{font-size:14px;min-width:36px;padding:6px 10px}.study-demo-header h2{font-size:1.8rem}.study-demo-header p{font-size:.95rem}.todo-demo-nav-btn{font-size:16px;padding:10px 14px}.todo-demo-date-info h3{font-size:20px}.todo-demo-date-info p{font-size:14px}.todo-demo-layout{gap:30px;min-height:500px;padding:0 16px 16px}.todo-demo-main,.todo-demo-section{border-radius:16px;padding:40px}.todo-demo-section-title,.todo-demo-title{font-size:28px}.todo-demo-sidebar{gap:40px}.todo-demo-main,.todo-demo-sidebar{max-width:calc(50% - 20px)}.todo-demo-item{margin:8px 0;padding:8px}}@media (max-width:1280px){.todo-demo-header h2{font-size:1.6rem}.todo-demo-header p{font-size:.95rem}.todo-demo-container{max-height:75vh}.todo-demo-layout{max-height:calc(75vh - 140px)}.todo-demo-date-header{gap:12px;margin-bottom:14px;max-width:240px;padding:6px 12px}.todo-demo-date-info h3{font-size:15px}.todo-demo-date-info p{font-size:10px}.todo-demo-nav-btn{font-size:13px;min-width:32px;padding:5px 8px}.study-demo-header h2{font-size:1.6rem}.study-demo-header p{font-size:.9rem}.todo-demo-nav-btn{font-size:14px;padding:8px 12px}.todo-demo-date-info h3{font-size:18px}.todo-demo-date-info p{font-size:12px}.todo-demo-layout{gap:24px;min-height:450px;padding:0 14px 14px}.todo-demo-main,.todo-demo-section{border-radius:14px;padding:32px}.todo-demo-section-title,.todo-demo-title{font-size:24px;gap:12px}.todo-demo-icon{font-size:24px!important}.todo-demo-sidebar{gap:32px}.todo-demo-main,.todo-demo-sidebar{max-width:calc(50% - 16px)}.todo-demo-item p{font-size:13px!important;line-height:1.3!important}}@media (max-width:1024px){.todo-demo-header h2{font-size:1.4rem}.todo-demo-header p{font-size:.9rem}.todo-demo-container{max-height:70vh}.todo-demo-layout{max-height:calc(70vh - 120px)}.todo-demo-date-header{gap:10px;margin-bottom:12px;max-width:220px;padding:5px 10px}.todo-demo-date-info h3{font-size:14px}.todo-demo-date-info p{font-size:9px}.todo-demo-nav-btn{min-width:30px;padding:4px 7px}.study-demo-header h2{font-size:1.4rem}.study-demo-header p{font-size:.85rem}.todo-demo-nav-btn{font-size:12px;padding:6px 10px}.todo-demo-date-info h3{font-size:16px}.todo-demo-date-info p{font-size:11px}.todo-demo-layout{gap:20px;min-height:400px;padding:0 12px 12px}.todo-demo-main,.todo-demo-section{border-radius:12px;padding:24px}.todo-demo-section-title,.todo-demo-title{font-size:20px;gap:10px}.todo-demo-icon{font-size:20px!important}.todo-demo-sidebar{gap:24px}.todo-demo-main,.todo-demo-sidebar{max-width:calc(50% - 12px)}.todo-demo-item p{font-size:12px!important}.todo-demo-item{border-radius:12px;margin:6px 0;padding:6px}}@media (max-width:900px){.todo-demo-header h2{font-size:1.2rem}.todo-demo-header p{font-size:.85rem}.todo-demo-container{max-height:65vh}.todo-demo-layout{max-height:calc(65vh - 100px)}.todo-demo-date-header{gap:8px;margin-bottom:10px;max-width:200px;padding:4px 8px}.todo-demo-date-info h3{font-size:13px}.todo-demo-date-info p{font-size:8px}.todo-demo-nav-btn{font-size:11px;font-size:10px;min-width:28px;padding:3px 6px;padding:4px 8px}.todo-demo-date-info h3{font-size:14px}.todo-demo-date-info p{font-size:10px}.todo-demo-layout{gap:16px;min-height:350px;padding:0 10px 10px}.todo-demo-main,.todo-demo-section{border-radius:10px;padding:16px}.todo-demo-section-title,.todo-demo-title{font-size:18px;gap:8px;margin-bottom:10px}.todo-demo-icon{font-size:18px!important}.todo-demo-sidebar{gap:16px}.todo-demo-main,.todo-demo-sidebar{max-width:calc(50% - 8px)}.todo-demo-item{border-radius:8px;margin:4px 0;padding:4px}.todo-demo-item h4{font-size:14px!important}.todo-demo-item p{font-size:11px!important}}@media (max-width:768px){.todo-demo-header h2{font-size:1.1rem}.todo-demo-header p{font-size:.8rem}.todo-demo-date-header{gap:6px;margin-bottom:8px;max-width:180px;padding:3px 6px}.todo-demo-date-info p{font-size:7px}.todo-demo-nav-btn{font-size:10px;font-size:8px;min-width:26px;padding:2px 5px;padding:3px 6px}.todo-demo-date-info h3{font-size:12px}.todo-demo-date-info p{font-size:9px}.todo-demo-layout{flex-direction:column!important;gap:20px;min-height:300px;padding:0 8px 8px}.todo-demo-main,.todo-demo-section{border-radius:12px;max-width:none!important;padding:20px}.todo-demo-sidebar{gap:20px;max-width:none!important}.todo-demo-section-title,.todo-demo-title{font-size:20px;gap:10px}.todo-demo-icon{font-size:20px!important}.todo-demo-item{margin:6px 0;padding:8px}.todo-demo-item h4{font-size:15px!important}.todo-demo-item p{font-size:12px!important}}.subscription-block-overlay{align-items:center;background:linear-gradient(180deg,#f8fbff,#f0f8ff 25%,#e6f3ff 50%,#d9eeff 75%,#cce8ff);background-attachment:fixed;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;z-index:9999}.subscription-block-overlay.dark-mode{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);background-attachment:fixed}.subscription-block-container{background:#fff;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100%}.subscription-block-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;color:#fff;flex-shrink:0;padding:20px 40px 15px;text-align:center}.subscription-block-header h2{font-size:2rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0000001a}.subscription-block-header p{font-size:1rem;line-height:1.4;margin:0;opacity:.9}.dark-mode .subscription-block-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;box-shadow:0 20px 60px #00000080}.dark-mode .subscription-block-header{background:linear-gradient(135deg,#2c3e50,#34495e)}.subscription-block-container>div:last-child{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:0}.subscription-block-container .MuiContainer-root{display:flex;flex:1 1;flex-direction:column;max-width:none!important;min-height:0;padding:20px!important}.subscription-block-container .MuiGrid-container{align-items:stretch!important;flex:1 1;height:100%;min-height:0}.subscription-block-container .MuiGrid-item{display:flex!important;height:100%!important}.subscription-block-container .MuiCard-root{display:flex;flex-direction:column;height:100%;min-height:0}.subscription-block-container .MuiCardContent-root{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-height:0;padding:clamp(12px,2vw,20px)!important}@media (max-width:768px){.subscription-block-overlay{padding:0}.subscription-block-container{height:100vh}.subscription-block-header{padding:15px 20px 10px}.subscription-block-header h2{font-size:1.5rem}.subscription-block-header p{font-size:.9rem}}@media (max-width:480px){.subscription-block-header h2{font-size:1.3rem}.subscription-block-header p{font-size:.8rem}}.mobile-detection-overlay{align-items:center;background:#1a202cf2;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;padding:20px;pointer-events:auto;position:fixed;top:0;width:100%;z-index:99999}.mobile-detection-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:40px 30px;text-align:center;width:100%}.mobile-detection-title{color:#2d3748;font-size:1.8rem;font-weight:700;line-height:1.3;margin-bottom:15px}.mobile-detection-message{color:#4a5568;font-size:1rem;font-weight:400;line-height:1.6;margin-bottom:25px}.mobile-detection-features{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.mobile-detection-features .feature-item{align-items:center;display:flex;gap:10px;justify-content:center;padding:8px 0}.mobile-detection-features .feature-icon{color:#667eea;font-size:.6rem}.mobile-detection-features .feature-item span{color:#4a5568;font-size:.95rem;font-weight:500}.mobile-detection-cta{margin-bottom:25px}.mobile-detection-subtitle{color:#2d3748;font-size:.95rem;font-weight:600;margin-bottom:20px}.mobile-detection-footer{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.mobile-detection-footer p{color:#718096;font-size:.85rem;margin:0}.support-link{color:#667eea;font-weight:600;text-decoration:none}.support-link:hover{text-decoration:underline}@media (max-width:480px){.mobile-detection-container{padding:30px 20px}.mobile-detection-title{font-size:1.5rem}.mobile-detection-message{font-size:.9rem}.mobile-detection-icon{font-size:3rem}}@media (prefers-color-scheme:dark){.mobile-detection-container{background:#1a202cf2;border:1px solid #ffffff1a}.mobile-detection-title{color:#f7fafc}.feature-item span,.mobile-detection-message{color:#a0aec0}.mobile-detection-subtitle{color:#e2e8f0}.mobile-detection-footer p{color:#718096}}.App{background-color:#fff;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}.App.dark-mode{background:var(--dark-background)!important;min-height:100vh}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.main-content{background-color:#fff;flex:1 1;height:100vh;margin-left:250px;padding:20px;transition:margin-left .3s ease,background-color .3s ease}.mobile-sidebar-toggle{align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 6px #0000001a;color:#333;cursor:pointer;display:flex;height:24px;justify-content:center;left:20px;position:fixed;top:20px;transition:all .2s ease;width:24px;z-index:1001;@media (max-width:480px){display:flex!important}}.mobile-sidebar-toggle:hover{background:#e8e8e8;transform:scale(1.05)}.mobile-sidebar-toggle:active{transform:scale(.95)}.dark-mode .mobile-sidebar-toggle{background:#2d2d2d;border:1px solid #404040;box-shadow:0 2px 6px #0000004d;color:#fff}.dark-mode .mobile-sidebar-toggle:hover{background:#404040}.mobile-sidebar-toggle svg{height:12px;width:12px}@media (max-width:1400px){.main-content{margin-left:180px}}@media (max-width:1100px){.main-content{margin-left:150px}}@media (max-width:900px){.main-content{margin-left:130px}}@media (max-width:700px){.main-content{margin-left:110px}}@media (max-width:480px){.main-content{margin-left:0!important;padding:20px!important;width:100%!important}}.main-content.dark-mode{background:var(--dark-background-gradient)!important;min-height:100vh}.main-content.sidebar-collapsed{margin-left:60px}.main-content.full-width{margin-left:0;width:100%}.calendar-container{display:flex;flex-direction:column;height:100%}.view-toggle{display:flex;gap:10px;justify-content:center;margin:25px 0 20px}.toggle-button{background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#716969;cursor:pointer;font-size:15px;font-weight:500;letter-spacing:.3px;padding:8px 16px;transition:all .2s ease}.toggle-button:hover{background-color:#f0f0f0}.toggle-button.active{background-color:#e0e0e0;border-color:#e0e0e0;color:#333;font-weight:600}.placeholder-view{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#666;display:flex;font-size:24px;height:calc(100vh - 140px);justify-content:center;margin:20px;padding:20px}.subscription-background,.subscription-page{background:linear-gradient(180deg,#f8fbff,#f0f8ff 25%,#e6f3ff 50%,#d9eeff 75%,#cce8ff);background-attachment:fixed}
/*# sourceMappingURL=main.567c732c.css.map*/